.swatch{--swatch-gap: 3px;--swatch-display-aspect-ratio: 1;--swatch-display-width: 15px;--swatch-highlight-width: 9px;--swatch-highlight-height: 1px;--swatch-status-inset: 12px;--swatch-status-width: 24px;--swatch-status-height: 24px;--swatch-status-background: var(--c-white);--swatch-status-background-hover: var(--c-black);--swatch-status-border-radius: 100%}@media screen and (max-width: 62.4375em){.swatch{--swatch-display-width: 13px;--swatch-status-inset: 8px;--swatch-status-width: 20px;--swatch-status-height: 20px}}.swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--swatch-gap);cursor:pointer}.swatch:after{content:"";width:var(--swatch-highlight-width);height:var(--swatch-highlight-height);background:var(--c-black);opacity:0}.swatch--read-only{cursor:inherit;pointer-events:none}.swatch--free{--swatch-display-width: 100%;--swatch-gap: 10px}.swatch--free:after{display:none}.swatch--pdp{--swatch-gap: 6px;--swatch-display-width: 27px;--swatch-highlight-width: 16px}.swatch--highlight:after,.swatch:hover:after{opacity:1}.swatch__display{aspect-ratio:var(--swatch-display-aspect-ratio);width:var(--swatch-display-width);background-repeat:no-repeat;background-size:cover}.swatch:focus-visible .swatch__display,.swatch-group__option:has(input:focus-visible) .swatch__display{border-radius:var(--focus-border-radius) var(--focus-border-radius) 0 0}.swatch__display-image{aspect-ratio:inherit;width:100%;opacity:0}.swatch:hover .swatch__display-image{opacity:1}.swatch__display-image img{width:100%;height:auto}.swatch__text{font-size:.75rem;line-height:1.3333333333;align-self:flex-start;font-weight:var(--font-weight-medium)}.swatch__text:not(.swatch__text--visible){border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.swatch:hover .swatch__text{text-underline-offset:5px;text-decoration-line:underline;text-decoration-thickness:1px}.swatch__status{position:absolute;top:var(--swatch-status-inset);right:var(--swatch-status-inset);display:flex;justify-content:center;align-items:center;width:var(--swatch-status-width);height:var(--swatch-status-height);background:var(--swatch-status-background);border-radius:var(--swatch-status-border-radius);transition:background .6s ease-out}.swatch-group__option:not(:has(input:checked)) .swatch__status{display:none}.swatch__status:focus-visible{border-radius:var(--swatch-status-border-radius)}.swatch__status:hover{background:var(--swatch-status-background-hover)}.swatch__status:hover svg{fill:var(--swatch-status-background)}.swatch__status:hover .icon-tick{display:none}.swatch__status:hover .icon-minus{display:block}.swatch__status .icon-minus{display:none}
/*# sourceMappingURL=v3-swatch.css.37dc7.map */