.colour-picker{background-color:var(--colour-picker-bg, var(--color-panel));color:var(--colour-picker-text, var(--color-text));transition:background-color var(--duration-fast) ease-in-out,color var(--duration-fast) ease-in-out}.colour-picker__inner{padding-block:60px}.colour-picker__heading{margin:0 0 var(--space-24);text-align:center;font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-bold);color:var(--colour-picker-text, var(--color-text))}.colour-picker__slider{display:block;min-width:0}.colour-picker__viewport{position:relative;padding-inline:var(--space-64)}.colour-picker__cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:var(--space-24);margin:0 0 var(--space-24);padding:0;list-style:none}.colour-picker__cards::-webkit-scrollbar{display:none}.colour-picker__card{flex:0 0 100%;scroll-snap-align:start}@media(min-width:1140px){.colour-picker__card{flex-basis:calc(25% - (3 * var(--space-24) / 4))}}.colour-picker__card-link{display:flex;flex-direction:column;align-items:center;max-width:260px;margin-inline:auto;text-align:center;text-decoration:none;color:inherit}.colour-picker__card-media{display:block;width:100%;height:155px;margin-bottom:var(--space-8)}.colour-picker__card-image{display:block;width:100%;height:100%;object-fit:contain}.colour-picker__card-title{margin-bottom:var(--space-4);font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:var(--font-weight-regular)}.colour-picker__card-price{font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:var(--font-weight-medium);color:inherit}.colour-picker__card-compare-price{margin-inline-start:var(--space-8);color:var(--color-muted);text-decoration:line-through}.colour-picker__card-price-row{display:flex;align-items:baseline;justify-content:center;gap:.3em}.colour-picker__card-stock{font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:var(--font-weight-light);color:inherit}.colour-picker__card-stock:before{content:"- "}.colour-picker__card-desc{display:block;margin-top:var(--space-8);font-size:var(--font-size-body);line-height:var(--line-height-body);color:inherit}.colour-picker__arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;transition:transform .3s cubic-bezier(.5,0,.5,1)}.colour-picker__arrow .icon{width:26px;height:26px}.colour-picker__arrow--prev{left:0}.colour-picker__arrow--prev:hover,.colour-picker__arrow--prev:focus-visible{transform:translateY(-50%) translate(-4px)}.colour-picker__arrow--next{right:0}.colour-picker__arrow--next .icon{transform:rotate(180deg)}.colour-picker__arrow--next:hover,.colour-picker__arrow--next:focus-visible{transform:translateY(-50%) translate(4px)}.colour-picker__arrow[aria-disabled=true]{opacity:.4;cursor:default}.colour-picker__viewport:has(.colour-picker__arrow--prev[aria-disabled=true]):has(.colour-picker__arrow--next[aria-disabled=true]) .colour-picker__arrow{display:none}.colour-picker__viewport:has(.colour-picker__arrow--prev[aria-disabled=true]):has(.colour-picker__arrow--next[aria-disabled=true]){padding-inline:0}.colour-picker__swatches{display:flex;flex-wrap:wrap;margin:0;padding:0;border:0}.colour-picker__swatch{position:relative;flex:1 0 25%;min-height:92px;padding:10px;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%;background:var(--colour-picker-swatch-image, none) center / cover no-repeat,var(--colour-picker-swatch-colour);cursor:pointer}@media(min-width:480px){.colour-picker__swatch{flex-basis:16.6666%}}@media(min-width:1200px){.colour-picker__swatch{min-height:175px;padding:18px 27px}}.colour-picker__swatch-input{position:absolute;opacity:0;width:1px;height:1px}.colour-picker__swatch-input:focus-visible~.colour-picker__swatch-text{outline:2px solid var(--color-text);outline-offset:2px}.colour-picker__swatch-text{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-bold);width:100%;color:var(--colour-picker-swatch-text, var(--color-on-dark));mix-blend-mode:soft-light}.colour-picker__swatch:hover .colour-picker__swatch-text,.colour-picker__swatch-input:focus-visible~.colour-picker__swatch-text{text-decoration:underline}.colour-picker__swatch:has(.colour-picker__swatch-input:checked) .colour-picker__swatch-text{text-decoration:underline}.colour-picker__cards[hidden],.colour-picker__cards[hidden]~.colour-picker__arrow{display:none}.colour-picker--curated .colour-picker__inner{padding-block:40px}.colour-picker--curated .colour-picker__cards{align-items:flex-start;margin-bottom:0;transition:height var(--duration-fast) ease-in-out}.colour-picker--curated .colour-picker__card-media{margin-bottom:10px;transition:transform .2s cubic-bezier(.5,0,.5,1)}.colour-picker--curated .colour-picker__card-title{margin-bottom:var(--space-8);line-height:35px}.colour-picker--curated .colour-picker__card-price-row{margin-bottom:25px}.colour-picker--curated .colour-picker__card-price{font-weight:var(--font-weight-bold)}.colour-picker--curated .colour-picker__card-price,.colour-picker--curated .colour-picker__card-stock{font-size:20px;line-height:30px}.colour-picker--curated .colour-picker__viewport{padding-inline:var(--space-24)}@media(min-width:500px){.colour-picker--curated .colour-picker__viewport{padding-inline:var(--space-64)}}.colour-picker--curated .colour-picker__card-desc{margin-top:0}.colour-picker--curated .colour-picker__swatches{box-shadow:#445e621a 0 -10px 50px}.colour-picker--curated .colour-picker__swatch-text{font-size:20px;line-height:22px}.colour-picker--curated .colour-picker__swatch{flex-basis:22%}@media(min-width:480px){.colour-picker--curated .colour-picker__swatch{flex-basis:0}}@media(hover:hover){.colour-picker--curated .colour-picker__card-link:hover .colour-picker__card-media{transform:scale(1.05)}}@media(min-width:960px){.colour-picker--curated .colour-picker__swatch-text{font-size:clamp(20px,2.4vw,40px);line-height:clamp(22px,2.4vw,50px)}}@media(min-width:1140px){.colour-picker--curated .colour-picker__cards{justify-content:safe center}}@media(min-width:1200px){.colour-picker--curated .colour-picker__inner{padding-block:60px}}.colour-picker--grid .colour-picker__swatch{flex:0 0 calc(100% / 3);text-align:left}@media(min-width:480px){.colour-picker--grid .colour-picker__swatch{flex-basis:calc(100% / 3)}}@media(min-width:1200px){.colour-picker--grid .colour-picker__swatch{flex-basis:calc(100% / 6)}}.colour-picker__swatch--tinted .colour-picker__swatch-text{mix-blend-mode:normal}.colour-picker--empty{padding-block:var(--space-l)}.colour-picker__hint{text-align:center;color:var(--color-muted)}@media(prefers-reduced-motion:reduce){.colour-picker,.colour-picker--curated .colour-picker__cards,.colour-picker--curated .colour-picker__card-media{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/component-colour-picker.css.map */