.shade-select__legend{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:.8rem;width:100%;min-width:0;margin-bottom:.6rem}.shade-select__label{flex:0 0 auto;white-space:nowrap;color:rgba(var(--color-foreground),.75)}.shade-select__trigger{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;max-width:100%;gap:.8rem;padding:0 0 .4rem;background:transparent;border:0;border-bottom:.1rem solid rgba(var(--color-foreground),.35);color:inherit;font:inherit;line-height:1.2;text-align:left;cursor:pointer}.shade-select__trigger:hover,.shade-select--open .shade-select__trigger{border-bottom-color:rgb(var(--color-foreground))}[data-shade-select]{container-type:inline-size}.shade-select__value{display:block;min-width:0;max-width:24ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@supports (max-width: 1cqw){.shade-select__value{max-width:calc(100cqw - 9rem)}}.shade-select__value strong{font-weight:600}.shade-select__caret{flex:0 0 auto}.shade-select__caret{display:inline-flex;align-items:center}.shade-select__caret svg{width:1rem;height:1rem;transition:transform var(--duration-short, .15s) ease}.shade-select--open .shade-select__caret svg{transform:rotate(180deg)}.shade-select__panel{position:absolute;top:calc(100% + .6rem);left:0;right:0;z-index:10;max-height:34rem;overflow-y:auto;padding:.6rem 0;background:rgb(var(--color-background));border-radius:1.2rem;box-shadow:0 .4rem 2.4rem rgba(var(--color-foreground),.16)}.shade-select__panel[hidden]{display:none}.shade-select__option{display:flex;align-items:center;gap:1.4rem;width:100%;padding:.9rem 1.8rem;background:transparent;border:0;color:inherit;font:inherit;line-height:1.3;text-align:left;cursor:pointer}.shade-select__option:hover,.shade-select__option:focus-visible{background:rgba(var(--color-foreground),.05)}.shade-select__option.is-selected{background:rgba(var(--color-foreground),.08)}.shade-select__option .swatch{width:3.6rem;flex-shrink:0}.shade-select__option-label strong{font-weight:600}.shade-select__option.is-unavailable{opacity:.45}
/*# sourceMappingURL=/cdn/shop/t/134/assets/component-shade-select.css.map */