/*! colour-swatches — sibling colourway links rendered from custom.colour_siblings.
    Pure CSS: no JavaScript is involved in showing, linking or styling a swatch.
    Per-swatch values (--cs-fill, --cs-strike) are set inline by snippets/colour-swatches.liquid. */.colour-swatches{display:block}.colour-swatches__label{margin-block-end:var(--sp-3)}.colour-swatches__row{display:flex;flex-wrap:nowrap;align-items:center;max-inline-size:100%}.colour-swatches__item{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:2px;text-decoration:none;padding:var(--cs-pad-block, var(--sp-1)) var(--cs-pad-inline, var(--sp-1d5))}.colour-swatches__dot{position:relative;display:block;box-sizing:border-box;inline-size:var(--cs-dot, 14px);block-size:var(--cs-dot, 14px);border-radius:50%;background-color:var(--cs-fill, #d9d6d1);border:1px solid rgb(var(--color-foreground) / .16)}.colour-swatches__dot.is-light{border-color:rgb(var(--color-foreground) / .42)}.colour-swatches__item.is-active .colour-swatches__dot{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3px rgb(var(--color-foreground))}.colour-swatches__item.is-soldout .colour-swatches__dot:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background-image:linear-gradient(to top right,transparent calc(50% - .75px),var(--cs-strike, #fff) calc(50% - .75px),var(--cs-strike, #fff) calc(50% + .75px),transparent calc(50% + .75px))}.colour-swatches__item:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-3px}.colour-swatches__more{flex:0 0 auto;padding-inline-start:var(--sp-1);color:rgb(var(--color-foreground) / .65);font-size:var(--text-2xs);font-weight:500;letter-spacing:.04em;line-height:1;white-space:nowrap}.colour-swatches--image .colour-swatches__row{gap:var(--sp-2)}.colour-swatches--image .colour-swatches__item{flex:1 1 0;min-inline-size:44px;max-inline-size:72px;aspect-ratio:3 / 4;padding:0;overflow:hidden;border:1px solid rgb(var(--color-border));border-radius:var(--rounded-block);background-color:rgb(var(--color-background))}.colour-swatches--image .colour-swatches__img,.colour-swatches--image .colour-swatches__tile{display:block;position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.colour-swatches--image .colour-swatches__tile{background-color:var(--cs-fill, #d9d6d1)}.colour-swatches--image .colour-swatches__item.is-active{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 1px rgb(var(--color-foreground))}.colour-swatches--image .colour-swatches__item.is-soldout .colour-swatches__img,.colour-swatches--image .colour-swatches__item.is-soldout .colour-swatches__tile{opacity:.45}.colour-swatches--image .colour-swatches__item.is-soldout:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to top right,transparent calc(50% - .5px),rgb(var(--color-foreground) / .75) calc(50% - .5px),rgb(var(--color-foreground) / .75) calc(50% + .5px),transparent calc(50% + .5px))}@media(hover:hover){.colour-swatches--image .colour-swatches__item:not(.is-active):hover{border-color:rgb(var(--color-foreground) / .45);opacity:1}}.colour-swatches--large.colour-swatches--dot .colour-swatches__item{--cs-dot: 26px;--cs-pad-block: var(--sp-2d5);--cs-pad-inline: var(--sp-2d5)}.product-card .colour-swatches{margin-block-start:var(--sp-1)}.colour-swatches--small .colour-swatches__item{--cs-dot: 14px;--cs-pad-block: var(--sp-1);--cs-pad-inline: var(--sp-1d5)}@media(pointer:coarse){.colour-swatches--small .colour-swatches__item{min-block-size:44px}}.product-card__content.text-center .colour-swatches__row{justify-content:center}@media(prefers-reduced-motion:no-preference){.colour-swatches__item{transition:opacity var(--animation-fast)}}@media(hover:hover){.colour-swatches__item:not(.is-active):hover{opacity:.7}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/colour-swatches.css.map */
