.custom-select-container{position:relative;width:100%;max-width:50%;min-width:50%;font-family:var(--ds-font-sans);outline:none}.custom-select-selected{height:var(--ds-control-h);padding:0 var(--ds-space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-surface-raised);color:var(--ds-text);font-size:var(--ds-text-ui);cursor:pointer;outline:none;transition:border-color var(--ds-dur-fast) var(--ds-ease-enter),box-shadow var(--ds-dur-fast) var(--ds-ease-enter)}.custom-select-selected:hover{border-color:var(--ds-text-muted)}.custom-select-container:focus-within .custom-select-selected,.custom-select-selected.is-open{border-color:var(--ds-accent);box-shadow:var(--ds-shadow-ring)}.custom-select-selected span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.custom-select-chevron,.custom-select-selected span.is-placeholder{color:var(--ds-text-muted)}.custom-select-chevron{flex-shrink:0;transition:transform var(--ds-dur-fast) var(--ds-ease-enter)}.custom-select-selected.is-open .custom-select-chevron{transform:rotate(180deg)}.custom-select-options{position:absolute;top:calc(100% + var(--ds-space-2));left:0;right:0;z-index:var(--ds-z-dropdown);max-height:260px;overflow-y:auto;margin:0;padding:var(--ds-space-1);list-style:none;background:var(--ds-surface-raised);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-float)}.custom-select-options::-webkit-scrollbar{width:0}.custom-select-option{padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-sm);color:var(--ds-text);font-size:var(--ds-text-ui);line-height:var(--ds-leading-snug);cursor:pointer;transition:background-color var(--ds-dur-fast) var(--ds-ease-enter)}.custom-select-option:hover{background:var(--ds-surface-sunken)}.custom-select-option.is-active{background:var(--ds-accent-tint);color:var(--ds-accent-strong)}@media (prefers-reduced-motion:reduce){.custom-select-chevron,.custom-select-option,.custom-select-selected{transition:none}}