:root{--uf-swatch-ring: #8d00ff;--uf-swatch-rule: rgba(var(--color-foreground), .14);--uf-swatch-rule-strong: rgba(var(--color-foreground), .34);--uf-swatch-surface: rgba(var(--color-foreground), .05);--uf-swatch-muted: rgba(var(--color-foreground), .62);--uf-swatch-radius: .5rem;--uf-swatch-radius-lg: .7rem;--uf-swatch-w-plp: 2.6rem;--uf-swatch-w-list: 4.8rem;--uf-swatch-w-pdp: 5.6rem;--uf-ease-out: cubic-bezier(.22, .61, .36, 1);--uf-dur: .12s}.uf-swatches__row{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.uf-swatch{position:relative;display:block;flex:0 0 auto;width:var(--uf-swatch-w, var(--uf-swatch-w-plp));aspect-ratio:3 / 4;padding:0;border-radius:var(--uf-swatch-radius);overflow:hidden;line-height:0;background:var(--uf-swatch-surface);box-shadow:inset 0 0 0 .1rem var(--uf-swatch-rule);outline:.2rem solid transparent;outline-offset:.2rem;transition:box-shadow var(--uf-dur) var(--uf-ease-out)}.uf-swatch:before{content:"";position:absolute;top:-.8rem;right:-.2rem;bottom:-.8rem;left:-.2rem}.uf-swatch__img{display:block;width:100%;height:100%;object-fit:cover}.uf-swatch__img--empty{display:block;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent 0 .4rem,rgba(var(--color-foreground),.07) .4rem .8rem)}@media(hover:hover){.uf-swatch:hover{box-shadow:inset 0 0 0 .1rem var(--uf-swatch-rule),0 0 0 .2rem var(--uf-swatch-rule-strong)}}.uf-swatch:focus-visible{outline-color:var(--uf-swatch-ring)}.uf-swatch:active{transform:translateY(.1rem)}.uf-swatch--selected{box-shadow:inset 0 0 0 .1rem var(--uf-swatch-rule),0 0 0 .2rem var(--uf-swatch-ring)}.uf-swatch__more{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--uf-swatch-w, var(--uf-swatch-w-plp));aspect-ratio:3 / 4;border-radius:var(--uf-swatch-radius);background:var(--uf-swatch-surface);box-shadow:inset 0 0 0 .1rem var(--uf-swatch-rule);color:var(--uf-swatch-muted);font-size:1.2rem;font-weight:600;font-variant-numeric:tabular-nums;text-decoration:none;line-height:1}.uf-plp .uf-swatches--plp{--uf-plp-cols: 5;--uf-plp-gap: .6rem;position:relative;z-index:2;margin:0 0 .8rem;pointer-events:auto;min-width:0}.uf-plp .uf-swatches--plp .uf-swatches__row{flex-wrap:nowrap;justify-content:flex-start;gap:var(--uf-plp-gap)}.uf-plp .uf-swatches--plp .uf-swatch,.uf-plp .uf-swatches--plp .uf-swatch__more{flex:0 1 calc((100% - (var(--uf-plp-cols) - 1) * var(--uf-plp-gap)) / var(--uf-plp-cols));width:auto;min-width:0;max-width:4rem}.uf-swatches--pdp{--uf-swatch-w: var(--uf-swatch-w-pdp);margin:1.8rem 0 0}.uf-swatches--pdp .uf-swatch,.uf-swatches--pdp .uf-swatch__more{border-radius:var(--uf-swatch-radius-lg)}.uf-swatches__label{margin-bottom:.9rem;font-size:1.3rem;color:var(--uf-swatch-muted)}.uf-swatches__current{font-weight:700;color:rgb(var(--color-foreground))}.uf-swatch-thumb{width:var(--uf-swatch-w-list);aspect-ratio:3 / 4;height:auto;flex:0 0 auto;border-radius:var(--uf-swatch-radius);object-fit:cover;background:var(--uf-swatch-surface);box-shadow:inset 0 0 0 .1rem var(--uf-swatch-rule)}.uf-prepack-identity{display:flex;flex-direction:row;align-items:center;gap:1.2rem}.uf-prepack-lines{display:flex;flex-direction:column;min-width:0}.uf-prepack-colour{font-size:1.4rem;font-weight:700;letter-spacing:.04rem;text-transform:uppercase}.uf-prepack-rrp{display:block;margin-top:.3rem;font-size:1.2rem;font-weight:400;font-variant-numeric:tabular-nums;color:var(--uf-swatch-muted)}.uf-prepack-meta{display:none}@media screen and (max-width:749px){.uf-prepack-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .8rem;margin-top:.4rem}.uf-prepack-meta__price{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.uf-prepack-meta__rrp{font-size:1.2rem;font-variant-numeric:tabular-nums;color:var(--uf-swatch-muted)}.uf-prepack-rrp{display:none}}.uf-prepack-runs{display:block;margin-top:.2rem;font-variant-numeric:tabular-nums;color:var(--uf-swatch-muted)}.uf-gallery--swatched .product__media-item.uf-colour-hidden,.uf-gallery--swatched .thumbnail-list,.uf-gallery--swatched .slider-buttons{display:none}@media(prefers-reduced-motion:reduce){.uf-swatch{transition:none}.uf-swatch:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/uf-colour-swatches.css.map */