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