.product__colour-variants{margin:1.2rem 0 2.4rem;overflow:visible}.product__colour-variants-heading{display:flex;align-items:center;gap:.45rem;margin-bottom:.7rem;flex-wrap:wrap}.product__colour-current{font-weight:400;font-size:1.9rem;line-height:1.2;letter-spacing:.01rem}.colour-variants__list{display:flex;flex-wrap:wrap;column-gap:.6rem;row-gap:1.6rem;padding:0;margin:0;list-style:none;overflow:visible}.colour-variants__item{list-style:none;position:relative;display:inline-flex;align-items:flex-start;overflow:visible}.colour-variant__tooltip-wrapper{position:relative;display:inline-flex;justify-content:center}.colour-variant{--colour-variant-size: 3.6rem;position:relative;display:inline-flex;justify-content:center;align-items:center;width:var(--colour-variant-size);height:var(--colour-variant-size);border-radius:50%;border:.14rem solid rgba(var(--color-foreground),.15);background:transparent;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.colour-variant__swatch{display:block;width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat}.colour-variant__swatch--placeholder{display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.08)}.colour-variant:hover,.colour-variant:focus-visible{border-color:rgba(var(--color-foreground),.45);box-shadow:0 0 0 .18rem rgba(var(--color-foreground),.12);transform:translateY(-2px);outline:none}.colour-variant--active{border-color:rgba(var(--color-foreground),.8);box-shadow:0 0 0 .18rem rgba(var(--color-foreground),.16),0 0 0 .42rem rgba(var(--color-foreground),.08)}.colour-variant--active .colour-variant__swatch{box-shadow:inset 0 0 0 .14rem rgb(var(--color-background))}.colour-variant__tooltip{position:absolute;top:calc(100% + .7rem);left:50%;z-index:3;min-width:max-content;max-width:min(18rem,70vw);padding:.5rem .8rem;border-radius:.6rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));text-align:center;line-height:1.25;white-space:normal;overflow-wrap:anywhere;box-shadow:0 .6rem 1.8rem #00000029;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-.4rem);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.colour-variant__tooltip-wrapper:hover .colour-variant__tooltip,.colour-variant__tooltip-wrapper:focus-within .colour-variant__tooltip{opacity:1;visibility:visible;transform:translate(-50%)}@media screen and (max-width:749px){.product__colour-current{font-size:1.75rem}.product__colour-variants{margin-bottom:2.2rem}.colour-variants__list{row-gap:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-colour-variants.css.map */