.haslo-colourways__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.haslo-colourways__header:empty{display:none}.haslo-colourways__label{margin:0}.haslo-colourways .color-swatch-list{grid-template-columns:repeat(auto-fit,var(--haslo-swatch-size, 48px));gap:10px}.haslo-colourways .color-swatch__item{width:var(--haslo-swatch-size, 48px);height:var(--haslo-swatch-size, 48px);border-radius:var(--haslo-swatch-radius, 10px)}.haslo-colourways .color-swatch__item:before{border-radius:calc(var(--haslo-swatch-radius, 10px) + 1px)}.haslo-colourways .color-swatch__item:after{border-radius:calc(var(--haslo-swatch-radius, 10px) + 3px);border-width:1px}@supports (corner-shape: squircle){.haslo-colourways .color-swatch__item,.haslo-colourways .color-swatch__item:before,.haslo-colourways .color-swatch__item:after{corner-shape:squircle}.haslo-colourways .color-swatch__item{border-radius:calc(var(--haslo-swatch-radius, 10px) * 2)}.haslo-colourways .color-swatch__item:before{border-radius:calc(var(--haslo-swatch-radius, 10px) * 2 + 1px)}.haslo-colourways .color-swatch__item:after{border-radius:calc(var(--haslo-swatch-radius, 10px) * 2 + 3px)}}.haslo-colourways .color-swatch[data-tooltip]:before{border-radius:4px}.haslo-colourways[data-sold-out-style=normal] .color-swatch.is-disabled .color-swatch__item:before,.haslo-colourways[data-sold-out-style=fade] .color-swatch.is-disabled .color-swatch__item:before{background:none}.haslo-colourways[data-sold-out-style=fade] .color-swatch.is-disabled .color-swatch__item,.haslo-colourways[data-sold-out-style=fade_strike] .color-swatch.is-disabled .color-swatch__item{opacity:.4}.haslo-colourways .color-swatch__item{transition:transform .3s cubic-bezier(.25,1,.5,1),box-shadow .3s ease}@media(hover:hover)and (pointer:fine){.haslo-colourways .color-swatch__item:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 6px 14px #0000001f}}.haslo-colourways .color-swatch__item:focus-visible{transform:translateY(-2px) scale(1.08)}@media(prefers-reduced-motion:reduce){.haslo-colourways .color-swatch__item{transition:none}.haslo-colourways .color-swatch__item:hover,.haslo-colourways .color-swatch__item:focus-visible{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/haslo-colourways.css.map */