.swatch{--swatch--size: var(--swatch-input--size, 4.4rem);--swatch--border-radius: var(--swatch-input--border-radius, 50%);display:block;width:var(--swatch--size);max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box;border:.1rem solid var(--ekc-border-soft, rgba(74, 43, 31, .14));border-radius:var(--swatch--border-radius);box-shadow:inset 0 0 0 .1rem #ffffff2e;transition:border-color var(--ekc-transition, .22s ease),opacity var(--ekc-transition, .22s ease)}.swatch--square{--swatch--border-radius: var(--swatch-input--border-radius, var(--ekc-radius-sm, 6px))}.swatch--unavailable{border-color:#4a2b1f80;border-style:dashed;box-shadow:none;opacity:.55}@media(forced-colors:active){.swatch{border-color:CanvasText;forced-color-adjust:none}.swatch--unavailable{border-color:GrayText}}@media(prefers-reduced-motion:reduce){.swatch{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-swatch.css.map */