.custom-select{position:relative;width:100%}.custom-select__trigger{width:100%;display:flex;align-items:center;gap:1rem;padding:1.2rem 4rem 1.2rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.4rem;background-color:rgb(var(--color-background));cursor:pointer;font-size:1.4rem;text-align:left;transition:border-color .2s ease}.custom-select__trigger:hover{border-color:rgb(var(--color-foreground))}.custom-select__trigger[aria-expanded=true]{border-color:rgb(var(--color-base-accent-1))}.custom-select__swatch{width:2.4rem;height:2.4rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.15);flex-shrink:0}.custom-select__value{flex:1;color:rgb(var(--color-foreground))}.custom-select__arrow{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);width:1.2rem;height:.8rem;transition:transform .2s ease;pointer-events:none}.custom-select__trigger[aria-expanded=true] .custom-select__arrow{transform:translateY(-50%) rotate(180deg)}.custom-select__dropdown{position:absolute;top:calc(100% + .4rem);left:0;right:0;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.4rem;box-shadow:0 .4rem 1.2rem rgba(var(--color-foreground),.15);max-height:30rem;overflow-y:auto;z-index:100;opacity:0;visibility:hidden;transform:translateY(-1rem);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.custom-select__dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0)}.custom-select__option{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:none;background:none;cursor:pointer;font-size:1.4rem;text-align:left;transition:background-color .2s ease}.custom-select__option:hover:not(:disabled){background-color:rgba(var(--color-foreground),.05)}.custom-select__option.is-selected{background-color:rgba(var(--color-base-accent-1),.1);font-weight:500}.custom-select__option:disabled{cursor:not-allowed;opacity:.5}.custom-select__option-text{flex:1;color:rgb(var(--color-foreground))}.custom-select__sold-out{font-size:1.2rem;color:rgba(var(--color-foreground),.6);font-style:italic}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media screen and (max-width: 749px){.custom-select__trigger{padding:1rem 3.5rem 1rem 1rem;font-size:1.3rem}.custom-select__swatch{width:2rem;height:2rem}.custom-select__option{padding:.9rem 1rem;font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/color-swatches.css.map */