.colour-swatches_group__gilfa{--chip-size:15px;--target-size:max(24px,var(--chip-size));--chip-pad:calc((var(--target-size) - var(--chip-size)) / 2);display:flex;align-items:center;gap:0;margin-inline:calc(-1 * var(--chip-pad))}.colour-swatches_swatch__DV4Zv{position:relative;z-index:3;inline-size:var(--target-size);block-size:var(--target-size);display:grid;place-items:center;border-radius:50%}.colour-swatches_swatch__DV4Zv:before{content:"";inline-size:var(--chip-size);block-size:var(--chip-size);border-radius:50%;background:var(--chip);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink-on-raised) 22%,transparent);transition:transform var(--dur-fast) var(--ease-out)}.colour-swatches_swatch__DV4Zv:hover:before{transform:scale(1.15)}.colour-swatches_swatch__DV4Zv[data-active=true]:before{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink-on-raised) 22%,transparent),0 0 0 1px var(--surface-raised),0 0 0 2.5px var(--ink-on-raised)}.colour-swatches_swatch__DV4Zv:focus-visible{--focus-ring:var(--ink-on-raised)}.colour-swatches_group__gilfa[data-size=detail]{--chip-size:26px;gap:.6rem}@media (prefers-reduced-motion:reduce){.colour-swatches_swatch__DV4Zv:before{transition:none}}