.dkw-swatch[data-v-2a216417]{--dkw-swatch-target-size:var(--dkw-touch-target,44px);--dkw-swatch-default-diameter:var(--dkw-space-26,26px);background:transparent;border:0;border-radius:50%;cursor:pointer;display:grid;flex-shrink:0;height:var(--dkw-swatch-target-size);overflow:visible;padding:0;place-items:center;width:var(--dkw-swatch-target-size)}.dkw-swatch--compact[data-v-2a216417]{--dkw-swatch-target-size:var(--dkw-space-30,30px);--dkw-swatch-default-diameter:var(--dkw-filter-swatch-size,24px)}.dkw-swatch--mini[data-v-2a216417]{--dkw-swatch-target-size:var(--dkw-space-14,14px);--dkw-swatch-default-diameter:var(--dkw-space-14,14px)}.dkw-swatch--static[data-v-2a216417]{cursor:inherit;height:var(--dkw-swatch-diameter,var(--dkw-swatch-target-size));width:var(--dkw-swatch-diameter,var(--dkw-swatch-target-size))}.dkw-swatch>.dkw-swatch-flat[data-v-2a216417]{background-color:var(--dkw-swatch-color);border:1px solid rgba(0,0,0,.12);border-radius:50%;box-shadow:none;box-sizing:border-box;display:block;height:var(--dkw-swatch-diameter,var(--dkw-swatch-default-diameter));outline:2px solid transparent;outline-offset:2px;overflow:visible;position:relative;width:var(--dkw-swatch-diameter,var(--dkw-swatch-default-diameter))}.dkw-swatch.is-active>.dkw-swatch-flat[data-v-2a216417]{border-color:#0000001f;outline-color:var(--dkw-color-petrol,#1d5c5a)}.dkw-swatch .dkw-swatch-check[data-v-2a216417]{background:var(--dkw-color-petrol,#1d5c5a);border:1px solid var(--dkw-color-surface,#fff);border-radius:50%;bottom:-4px;box-shadow:none;box-sizing:border-box;color:#fff;display:block;filter:none;height:clamp(10px,calc(var(--dkw-swatch-diameter,var(--dkw-swatch-default-diameter))*.4 + 2px),14px);padding:1px;pointer-events:none;position:absolute;right:-4px;width:clamp(10px,calc(var(--dkw-swatch-diameter,var(--dkw-swatch-default-diameter))*.4 + 2px),14px);z-index:1}.dkw-swatch[data-v-2a216417]:focus-visible{outline:2px solid var(--dkw-color-focus,var(--dkw-color-petrol));outline-offset:2px}.dkw-swatch[data-v-2a216417]:disabled{cursor:not-allowed;opacity:.45}.dkw-swatch:disabled>.dkw-swatch-flat[data-v-2a216417]{filter:grayscale(1)}.dkw-swatch.is-error>.dkw-swatch-flat[data-v-2a216417]{outline-color:var(--dkw-color-error)}@media(pointer:coarse){.dkw-swatch--compact[data-v-2a216417]:not(.dkw-swatch--static){--dkw-swatch-target-size:var(--dkw-touch-target,44px)}}@media(hover:hover)and (pointer:fine){.dkw-swatch:not(.dkw-swatch--static):not(:disabled):not(.is-active):hover>.dkw-swatch-flat[data-v-2a216417]{outline-color:var(--dkw-color-petrol,#1d5c5a)}}