:root{--forcast-swatch-size: 12px;--forcast-swatch-size-picker: 25px;--forcast-swatch-border: 1px solid rgb(var(--color-foreground-rgb, 0 0 0) / .15);--forcast-swatch-ring: 0 0 0 .7px rgb(var(--color-foreground-rgb, 0 0 0));--forcast-swatch-ring-hover: 0 0 0 .7px rgb(var(--color-foreground-rgb, 0 0 0) / .4)}.forcast-card-swatches__dot,.pills__swatch-dot,.find-in-store__colour-swatch,.athos-qa__colour-swatch,.swatch.forcast-colour-swatch{display:inline-block;box-sizing:border-box;flex:0 0 auto;border-radius:50%;background:var(--forcast-swatch-color, var(--swatch-background, var(--swatch-color, #ffffff)));border:var(--forcast-swatch-border);transition:box-shadow var(--hover-transition-duration, .25s) var(--hover-transition-timing, ease-out)}.forcast-card-swatches__dot,.pills__swatch-dot{width:var(--forcast-swatch-size);height:var(--forcast-swatch-size)}.find-in-store__colour-swatch,.athos-qa__colour-swatch,.swatch.forcast-colour-swatch{width:var(--forcast-swatch-size-picker);height:var(--forcast-swatch-size-picker)}.product-details .swatch{--swatch-width: var(--forcast-swatch-size-picker);--swatch-height: var(--forcast-swatch-size-picker)}.pills__swatch-dot--light{border-color:rgb(var(--color-foreground-rgb, 0 0 0) / .45)}.pills__swatch-dot--none{background:transparent;background-image:linear-gradient(to top right,transparent calc(50% - .5px),rgb(var(--color-foreground-rgb, 0 0 0) / .35) calc(50% - .5px),rgb(var(--color-foreground-rgb, 0 0 0) / .35) calc(50% + .5px),transparent calc(50% + .5px))}.pills__pill--swatch:hover .pills__swatch-dot,.find-in-store__colour:hover .find-in-store__colour-swatch,.athos-qa__colour:hover .athos-qa__colour-swatch,.variant-option__button-label--has-swatch:hover .swatch.forcast-colour-swatch{box-shadow:var(--forcast-swatch-ring-hover)}.forcast-card-swatches__dot:hover,.forcast-card-swatches__dot:focus-visible,.forcast-card-swatches__dot--selected,.pills__pill--swatch.is-selected .pills__swatch-dot,.find-in-store__colour[aria-pressed=true] .find-in-store__colour-swatch,.athos-qa__colour.is-selected .athos-qa__colour-swatch,.variant-option__button-label--has-swatch:has(:checked) .swatch.forcast-colour-swatch{box-shadow:var(--forcast-swatch-ring)}.variant-option__button-label--has-swatch:has(.forcast-colour-swatch):hover,.variant-option__button-label--has-swatch:has(.forcast-colour-swatch):has(:checked){outline:none}@supports not (background-color: rgb(from red 150 g b / alpha)){.variant-option__button-label--has-swatch:has(.forcast-colour-swatch):has(:checked):after{content:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/swatches.css.map */