.product-info .variant-picker__option-info legend{text-transform:uppercase;letter-spacing:.02em}.product-colour-swatch-group{--colour-swatch-gap: 1.2rem;--colour-swatch-columns: 4;--colour-swatch-fade-width: 3.2rem}@media screen and (max-width:999px){.product-colour-swatch-group{--colour-swatch-columns: 3.35}}.product-colour-swatch-group .colour-swatch-scroll{position:relative}.product-colour-swatch-group .colour-swatch-scroll--overflow:after{content:"";position:absolute;top:0;right:0;bottom:0;width:var(--colour-swatch-fade-width);pointer-events:none;background:linear-gradient(90deg,rgb(var(--background-without-opacity) / 0),rgb(var(--background-without-opacity)) 78%);opacity:1;transition:opacity .2s ease;z-index:1}.product-colour-swatch-group .colour-swatch-scroll--overflow:before{content:"";position:absolute;top:50%;right:1rem;z-index:2;width:.65rem;height:.65rem;border-top:.12rem solid rgb(var(--text-color) / .55);border-right:.12rem solid rgb(var(--text-color) / .55);transform:translateY(-50%) rotate(45deg);pointer-events:none;opacity:1;transition:opacity .2s ease}.product-colour-swatch-group .colour-swatch-scroll--overflow.colour-swatch-scroll--at-end:before,.product-colour-swatch-group .colour-swatch-scroll--overflow.colour-swatch-scroll--at-end:after{opacity:0}.product-colour-swatch-group .colour-swatch-scroll--overflow:not(.colour-swatch-scroll--at-start) .variant-picker__options--colour{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1.4rem,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 1.4rem,#000 100%)}.product-colour-swatch-group .colour-swatch-scroll--overflow.colour-swatch-scroll--at-start:not(.colour-swatch-scroll--at-end) .variant-picker__options--colour{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - var(--colour-swatch-fade-width)),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - var(--colour-swatch-fade-width)),transparent 100%)}.product-colour-swatch-group .colour-swatch-scroll--overflow:not(.colour-swatch-scroll--at-start):not(.colour-swatch-scroll--at-end) .variant-picker__options--colour{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1.4rem,#000 calc(100% - var(--colour-swatch-fade-width)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 1.4rem,#000 calc(100% - var(--colour-swatch-fade-width)),transparent 100%)}.product-colour-swatch-group .variant-picker__options--colour{display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--colour-swatch-gap);margin:0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;list-style:none}.product-colour-swatch-group .colour-swatch-scroll--overflow .variant-picker__options--colour{padding-right:.2rem;scroll-padding-inline-end:var(--colour-swatch-fade-width)}.product-colour-swatch-group .variant-picker__options--colour::-webkit-scrollbar{display:none}.product-colour-swatch-group .swatch-link{display:block;flex:0 0 calc((100% - ((var(--colour-swatch-columns) - 1) * var(--colour-swatch-gap))) / var(--colour-swatch-columns));min-width:0;scroll-snap-align:start;text-decoration:none;position:relative}.product-colour-swatch-group .swatch-image{border-radius:4px;border:1px solid rgb(var(--border-color));transition:border-color .2s ease;object-fit:cover;display:block;width:100%;height:auto;aspect-ratio:4 / 5}.product-colour-swatch-group .swatch-image:hover{border-color:rgb(var(--text-color))}.product-colour-swatch-group .swatch-link--active .swatch-image,.product-colour-swatch-group .swatch-image--active{border:2px solid rgb(var(--text-color));box-shadow:none}.product-colour-swatch-group .swatch-link__badge{position:absolute;bottom:.3rem;left:50%;transform:translate(-50%);z-index:1;font-size:.8rem;line-height:1.2;padding:.2rem .4rem;height:auto;pointer-events:none;white-space:nowrap}.product-colour-swatch-group__fieldset{border:0;margin:0;padding:0;min-width:0}.product-colour-swatch-group__label-row{text-transform:uppercase;letter-spacing:.02em}.product-colour-swatch-group__label-row span:last-child{text-transform:none;letter-spacing:normal}.product-colour-swatch-group .swatch-image--placeholder{display:flex;align-items:center;justify-content:center;padding:.5rem;font-size:.75rem;text-align:center;color:rgb(var(--text-color) / .7);background:rgb(var(--text-color) / .06)}@media screen and (min-width:1000px){.product-colour-swatch-group{--colour-swatch-gap: .375rem;--colour-swatch-size: 2rem}.product-colour-swatch-group .variant-picker__options--colour{flex-wrap:wrap;overflow-x:visible;overscroll-behavior-x:auto;scroll-snap-type:none;-webkit-mask-image:none;mask-image:none}.product-colour-swatch-group .colour-swatch-scroll--overflow .variant-picker__options--colour{padding-right:0;scroll-padding-inline-end:0}.product-colour-swatch-group .colour-swatch-scroll--overflow:before,.product-colour-swatch-group .colour-swatch-scroll--overflow:after{display:none}.product-colour-swatch-group .swatch-link{flex:0 0 var(--colour-swatch-size);width:var(--colour-swatch-size);max-width:var(--colour-swatch-size);scroll-snap-align:none}.product-colour-swatch-group .swatch-image,.product-colour-swatch-group .swatch-image--placeholder{aspect-ratio:1 / 1;height:var(--colour-swatch-size)}.product-colour-swatch-group .swatch-image--placeholder{padding:.2rem;font-size:.5rem}.product-colour-swatch-group .swatch-link__badge{bottom:.15rem;font-size:.5rem;padding:.1rem .2rem}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/product-colour-swatch.css.map */