@view-transition{navigation:auto}.sd-colourgrid{margin-bottom:2.4rem;font-family:var(--font-body-family);letter-spacing:0}.sd-colourgrid__head{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem;min-height:2rem;margin-bottom:1rem}.sd-colourgrid__label{flex:none;color:#0f1115;font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sd-colourgrid__current{min-width:0;overflow:hidden;color:#6b7280;font-size:1.4rem;text-overflow:ellipsis;white-space:nowrap}.sd-colourgrid__grid{display:flex;flex-wrap:wrap;gap:.8rem}.sd-colourgrid__swatch{display:inline-flex;flex:0 1 auto;align-items:center;gap:.8rem;min-width:0;max-width:100%;min-height:4.4rem;padding:.6rem 1.6rem .6rem .6rem;border:.1rem solid #e5e7eb;border-radius:99rem;background-color:var(--sd-paper, #fff);color:#0f1115;font-size:1.4rem;font-weight:700;line-height:1.2;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.sd-colourgrid__swatch:hover{border-color:#9ca3af}.sd-colourgrid__swatch.active{border-color:#0f1115;box-shadow:inset 0 0 0 .1rem #0f1115;background-color:var(--sd-warm-soft, #faf8f3)}.sd-colourgrid__swatch:focus{outline:0}.sd-colourgrid__swatch:focus-visible{outline:.2rem solid var(--sd-accent, #0f1115);outline-offset:.2rem}.sd-colourgrid__dot{display:block;flex:none;width:2.4rem;height:2.4rem;overflow:hidden;border:.1rem solid rgba(15,17,21,.08);border-radius:50%;background:#9ca3af}.sd-colourgrid__img{display:block;width:100%;height:100%;object-fit:cover}.sd-colourgrid__name{display:-webkit-box;min-width:0;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}@media(prefers-reduced-motion:reduce){.sd-colourgrid__swatch{transition:none}}.sd-colour-loading .sd-colourgrid__swatch{cursor:progress}
/*# sourceMappingURL=/cdn/shop/t/47/assets/colour-swatch-grid.css.map */