.de-colour-swatches__list{display:flex;flex-wrap:wrap;gap:2px;list-style:none;margin:0;padding:0}.de-colour-swatches__item{display:flex}.de-colour-swatches__chip{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;text-decoration:none;border-radius:50%}.de-colour-swatches__chip:before{content:"";display:block;width:24px;height:24px;border-radius:50%;background-color:var(--swatch-colour);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--fd-charcoal, #2c3036) 14%,transparent);transition:box-shadow .14s var(--animation-easing, cubic-bezier(.22, .61, .36, 1))}.de-colour-swatches__chip:hover:before,.de-colour-swatches__chip:focus-visible:before{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--fd-charcoal, #2c3036) 14%,transparent),0 0 0 2px var(--color-background),0 0 0 4px var(--fd-slate, #7ca1a2)}.de-colour-swatches__chip--active:before,.de-colour-swatches__chip--active:hover:before{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--fd-charcoal, #2c3036) 14%,transparent),0 0 0 2px var(--color-background),0 0 0 4px var(--fd-charcoal, #2c3036)}.de-colour-swatches__label{margin-block:4px 0;padding:0;font-family:var(--font-body--family, "Alvar Essential", system-ui, sans-serif);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-foreground)}@media(prefers-reduced-motion:reduce){.de-colour-swatches__chip:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-de-colour-swatches.css.map */