custom-select{position:relative;display:inline-flex;width:auto}.custom-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:auto;min-height:3.2rem;padding:.4rem .8rem .4rem 1rem;background:transparent;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--inputs-radius);color:rgb(var(--color-foreground));font-size:1.4rem;font-family:inherit;line-height:calc(1 + .5 / var(--font-body-scale));cursor:pointer;outline:none;transition:border-color var(--duration-short) ease;white-space:nowrap;text-align:left}.custom-select__trigger:hover{border-color:rgba(var(--color-foreground),.55)}.custom-select__trigger:focus-visible,.custom-select__trigger.focused{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.5);outline:none}.custom-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.custom-select__chevron{display:flex;align-items:center;flex-shrink:0;color:rgba(var(--color-foreground),.55);transition:transform var(--duration-short) ease}.custom-select__chevron .icon-caret{width:1rem;height:auto}.custom-select--open .custom-select__chevron{transform:rotate(180deg)}.custom-select__dropdown{display:none;position:absolute;z-index:50;top:calc(100% + .4rem);left:0;right:auto;min-width:100%;width:auto;max-height:30rem;overflow-y:auto;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:var(--popup-corner-radius);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));padding:.4rem;animation:animateMenuOpen var(--duration-default) ease}.custom-select__dropdown--open{display:block}.custom-select__item{display:flex;align-items:center;gap:.8rem;padding:.8rem 3.2rem .8rem .8rem;border-radius:var(--inputs-radius);font-size:1.4rem;line-height:calc(1 + .5 / var(--font-body-scale));cursor:default;outline:none;position:relative;white-space:nowrap}.custom-select__item:hover,.custom-select__item:focus,.custom-select__item.highlighted{background:rgba(var(--color-foreground),.04)}.custom-select__item--selected{font-weight:600}.custom-select__check{position:absolute;right:.8rem;display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;opacity:0;color:rgb(var(--color-foreground))}.custom-select__item--selected .custom-select__check{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-custom-select.css.map */