.bettine-colour-family{margin:2.4rem 0 2rem}.bettine-colour-family__legend{align-items:baseline;display:flex;gap:.8rem;margin-bottom:1.3rem}.bettine-colour-family__legend span{font-size:1.1rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.bettine-colour-family__legend strong{color:#302118ad;font-size:1.2rem;font-weight:400;letter-spacing:.06em}.bettine-colour-family__options{display:flex;flex-wrap:wrap;gap:1.2rem}.bettine-colour-family__option{align-items:center;color:var(--bettine-espresso);display:flex;flex-direction:column;text-decoration:none;width:8.4rem}.bettine-colour-family__swatch{background:var(--bettine-colour-swatch, #c8b7a6);border:.1rem solid rgba(48,33,24,.2);border-radius:.2rem;box-shadow:inset 0 0 0 .1rem #f4eee52e;display:block;height:4.4rem;position:relative;transition:border-color .18s ease,transform .18s ease;width:4.4rem}.bettine-colour-family__name{display:block;font-size:.9rem;letter-spacing:.08em;line-height:1.3;margin-top:.7rem;text-align:center;text-transform:uppercase}.bettine-colour-family__option.is-active .bettine-colour-family__swatch{border-color:var(--bettine-espresso);outline:.1rem solid var(--bettine-espresso);outline-offset:.3rem}.bettine-colour-family__option.is-active .bettine-colour-family__name{font-weight:600}@media(hover:hover){.bettine-colour-family__option:hover .bettine-colour-family__swatch{border-color:var(--bettine-lilac);transform:translateY(-.15rem) scale(1.04)}}@media screen and (max-width:749px){.bettine-colour-family{margin-top:2rem}.bettine-colour-family__options{gap:1rem}.bettine-colour-family__option{width:7.8rem}}@media(prefers-reduced-motion:reduce){.bettine-colour-family__swatch{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/bettine-colour-family.css.map */