:root{--hqla-accent: #8D7268;--hqla-ink: #3A2E27;--hqla-line: rgba(58, 46, 39, .3);--hqla-accent-soft: rgba(141, 114, 104, .28);--hqla-swatch-size: 3.6rem;--hqla-swatch-radius: .4rem}.shade-selector{display:block;margin:2rem 0 1rem;container-type:inline-size}.shade-selector__heading{margin:0 0 1.1rem;font-size:1.4rem;display:flex;align-items:baseline;gap:.6rem}.shade-selector__heading-label{letter-spacing:.14rem;text-transform:uppercase;color:#3a2e2799}.shade-selector__heading-value{font-weight:700;color:var(--hqla-ink)}.shade-selector__bar{display:flex;align-items:center;gap:1.2rem}.shade-selector__tabs{display:flex;flex-wrap:wrap;gap:.8rem;width:100%;flex:1 1 auto}.shade-selector__tab{-webkit-appearance:none;appearance:none;flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:.1rem solid var(--hqla-line);border-radius:999px;padding:1.05rem 1.9rem;min-height:4.4rem;cursor:pointer;white-space:nowrap;font-size:clamp(1.2rem,3.4cqi,1.5rem);font-weight:400;letter-spacing:.01rem;color:var(--hqla-ink);transition:background-color .18s ease,color .18s ease,border-color .18s ease}.shade-selector__tab:hover{border-color:var(--hqla-ink)}.shade-selector__tab[aria-selected=true]{background:var(--hqla-ink);border-color:var(--hqla-ink);color:#fff;font-weight:500}.shade-selector__tab:focus-visible{outline:.2rem solid var(--hqla-ink);outline-offset:.3rem}.shade-selector__n{font-size:.78em;margin-left:.6rem;opacity:.5;font-variant-numeric:tabular-nums}.shade-selector__tab[aria-selected=true] .shade-selector__n{opacity:.7}.shade-selector__more{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0 0 1rem;cursor:pointer;font-size:1.2rem;letter-spacing:.06rem;color:rgba(var(--color-foreground),.6);text-decoration:underline;text-underline-offset:.3rem;flex:0 0 auto}.shade-selector__more[aria-expanded=true]{color:rgb(var(--color-foreground))}.shade-selector__count{margin:1rem 0 0;font-size:1.15rem;letter-spacing:.08rem;text-transform:lowercase;color:rgba(var(--color-foreground),.5)}.shade-selector__desc{margin-top:1.2rem;padding-left:1.2rem;border-left:.2rem solid var(--hqla-accent-soft);font-size:1.35rem;line-height:1.65;color:rgba(var(--color-foreground),.8)}.shade-selector__desc[hidden]{display:none}.shade-selector__desc-name{font-family:var(--font-heading-family);font-size:1.55rem;color:var(--hqla-accent)}.shade-hidden{display:none!important}.product-form__input--swatch .swatch,.product-form__input--swatch .swatch-input__label{--swatch-input--size: var(--hqla-swatch-size)}.product-form__input--swatch .swatch{border-radius:var(--hqla-swatch-radius)}.product-form__input--swatch input[type=radio]:checked+label .swatch,.product-form__input--swatch input[type=radio]:checked+label{box-shadow:0 0 0 .2rem var(--hqla-accent);border-radius:var(--hqla-swatch-radius)}.product-form__input--swatch label:hover .swatch{box-shadow:0 0 0 .1rem var(--hqla-accent-soft)}.product-form__input--swatch .form__label+*,.product-form__input--swatch fieldset>div{display:flex;flex-wrap:wrap;gap:.6rem}@media screen and (max-width:749px){.shade-selector__tab{padding:.9rem 1.5rem;min-height:4.2rem}.product-form__input--swatch .swatch,.product-form__input--swatch .swatch-input__label{--swatch-input--size: 3.2rem}.shade-selector__tabs{gap:.4rem}}@container (max-width: 340px){.shade-selector__n{display:none}}@media(prefers-reduced-motion:reduce){.shade-selector__tab{transition:none}.shade-selector__tab:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/shade-selector.css.map */