.dkw-swatch[data-v-98dfbbd9]{background:transparent;border:0;border-radius:var(--dkw-radius-round);cursor:pointer;display:grid;height:var(--dkw-touch-target);padding:0;place-items:center;width:var(--dkw-touch-target)}@media(pointer:coarse){.dkw-swatch--compact[data-v-98dfbbd9]{height:var(--dkw-touch-target);width:var(--dkw-touch-target)}}.dkw-swatch>span[data-v-98dfbbd9]{background:var(--dkw-swatch-color);border-radius:var(--dkw-radius-round);box-sizing:border-box;display:grid;height:var(--dkw-space-26);place-items:center;width:var(--dkw-space-26)}.dkw-swatch:active>span[data-v-98dfbbd9]{transform:scale(.9)}.dkw-swatch--compact>span[data-v-98dfbbd9]{height:var(--dkw-filter-swatch-size);width:var(--dkw-filter-swatch-size)}.dkw-swatch--compact[data-v-98dfbbd9]{height:var(--dkw-space-30);width:var(--dkw-space-30)}.dkw-swatch--mini[data-v-98dfbbd9],.dkw-swatch--mini>span[data-v-98dfbbd9]{height:var(--dkw-space-14);width:var(--dkw-space-14)}.dkw-swatch--static[data-v-98dfbbd9]{cursor:default}.dkw-swatch[data-v-98dfbbd9]:focus-visible{outline:var(--dkw-focus-ring-width) solid var(--dkw-color-focus);outline-offset:var(--dkw-focus-ring-offset)}.dkw-swatch[data-v-98dfbbd9]:disabled{cursor:not-allowed}.dkw-swatch:disabled>span[data-v-98dfbbd9]{border-color:var(--dkw-color-disabled-border);filter:grayscale(1)}.dkw-swatch.is-error>span[data-v-98dfbbd9],.dkw-swatch[aria-invalid=true]>span[data-v-98dfbbd9]{outline:var(--dkw-focus-ring-width) solid var(--dkw-color-error);outline-offset:var(--dkw-focus-ring-offset)}@media(hover:hover)and (pointer:fine){.dkw-swatch:not(:disabled):not(.is-active):hover>span[data-v-98dfbbd9]{outline-color:var(--dkw-swatch-selection-color)}}