.custom-select{position:relative;display:inline-flex;align-items:center}.custom-select__native{min-width:170px;padding:var(--space-2) var(--space-7) var(--space-2) var(--space-3);-webkit-appearance:none;appearance:none;border:var(--border-width-base) solid var(--border-default);border-radius:var(--radius-base);background-color:var(--surface-page);color:var(--text-primary);font:inherit;cursor:pointer}.custom-select__chevron{position:absolute;right:var(--space-3);width:var(--space-4);height:var(--space-4);pointer-events:none;color:var(--text-secondary);transition:transform var(--motion-duration, .2s) var(--motion-ease)}.custom-select.is-enhanced .custom-select__native{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.custom-select__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:170px;padding:var(--space-2) var(--space-3);border:var(--border-width-base) solid var(--border-default);border-radius:var(--radius-base);background-color:var(--surface-page);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer}.custom-select__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.custom-select__trigger[aria-expanded=true] .custom-select__chevron{transform:rotate(180deg)}.custom-select__trigger-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.custom-select__listbox{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:5;width:100%;min-width:max-content;margin:0;padding:var(--space-2);list-style:none;border:var(--border-width-base) solid var(--border-default);border-radius:var(--radius-base);background-color:var(--surface-page);box-shadow:var(--shadow-base);max-height:min(320px,60vh);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--motion-duration, .2s) var(--motion-ease),transform var(--motion-duration, .2s) var(--motion-ease),visibility 0s linear var(--motion-duration, .2s)}.custom-select__listbox.is-open{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}.custom-select__option{padding:var(--space-1) var(--space-3);border-radius:var(--radius-base);color:var(--text-primary);cursor:pointer;white-space:nowrap}.custom-select__option.is-active{background-color:var(--surface-alt)}.custom-select__option.is-selected{color:var(--color-primary);font-weight:600}.custom-select__option:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-select.css.map */