.shade-dropdown{--shade-dropdown-radius: var(--button-border-radius, 5rem);position:relative;display:block;width:100%;margin-block-start:var(--spacing-3, 1.2rem)}.shade-dropdown__toggle{display:flex;align-items:center;gap:1.2rem;width:100%;margin:0;padding:1.1rem 2rem;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-border),var(--alpha-border));border-radius:var(--shade-dropdown-radius);cursor:pointer;text-align:start;font-family:var(--font-body-family);font-size:var(--font-size-static-sm);line-height:var(--line-height-static-sm);color:rgb(var(--color-foreground));transition:border-color var(--duration-default)}.shade-dropdown__toggle:hover{border-color:rgba(var(--color-foreground),.4)}.shade-dropdown__label{text-transform:uppercase;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shade-dropdown__chevron{flex:0 0 auto;display:flex;align-items:center;transition:transform var(--duration-default)}.shade-dropdown__chevron svg{width:1.4rem;height:1.4rem}.shade-dropdown__toggle[aria-expanded=true] .shade-dropdown__chevron{transform:rotate(180deg)}.shade-dropdown__swatch{flex:0 0 auto;display:block;width:2.6rem;height:2.6rem;overflow:hidden;border-radius:50%;border:.1rem solid rgba(var(--color-border),var(--alpha-border));background:rgba(var(--color-foreground),.05)}.shade-dropdown__swatch img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;transform:scale(1.205)}.shade-dropdown__swatch-fallback{display:block;width:100%;height:100%}.shade-dropdown__list{position:absolute;z-index:20;inset-inline:0;bottom:100%;margin:0 0 -.1rem;padding:2.4rem 0 1.2rem;list-style:none;max-height:32rem;overflow-y:auto;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-border),var(--alpha-border));border-bottom:0;border-radius:var(--shade-dropdown-radius) var(--shade-dropdown-radius) 0 0}.shade-dropdown__toggle[aria-expanded=true]{border-start-start-radius:0;border-start-end-radius:0;border-color:rgba(var(--color-border),var(--alpha-border));border-top-color:transparent}.shade-dropdown__list[hidden]{display:none}.shade-dropdown__list-item{margin:0;padding:0}.shade-dropdown__item{display:flex;align-items:center;gap:1.2rem;width:100%;margin:0;padding:.9rem 2rem;background:transparent;border:0;cursor:pointer;text-align:start;font-family:var(--font-body-family);font-size:var(--font-size-static-sm);line-height:var(--line-height-static-sm);color:rgb(var(--color-foreground))}.shade-dropdown__item:hover,.shade-dropdown__item:focus-visible{background:rgba(var(--color-foreground),.05)}.shade-dropdown__item.is-selected{display:none}.shade-dropdown__item-label{text-transform:uppercase;flex:1 1 auto;min-width:0}.shade-dropdown__item.is-unavailable{opacity:.5}.shade-dropdown__unavailable{margin-inline-start:.6rem;font-size:var(--font-size-static-xs);color:rgba(var(--color-foreground),.6)}@media screen and (max-width:749px){.shade-dropdown__list{max-height:26rem}}.shade-dropdown--static .shade-dropdown__toggle{cursor:default}.shade-dropdown--static .shade-dropdown__toggle:hover{border-color:rgba(var(--color-border),var(--alpha-border))}
/*# sourceMappingURL=/cdn/shop/t/69/assets/component-shade-dropdown.css.map */