.dropdown-container{position:relative;width:auto}.dropdown-header{position:relative;isolation:isolate;width:100%;min-height:33px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:var(--ds-radius-sm);cursor:pointer;transition:background-color var(--ds-dur-fast) var(--ds-ease-enter),color var(--ds-dur-fast) var(--ds-ease-enter)}.dropdown-header.open,.dropdown-header:hover{border-color:var(--ds-accent)}.dropdown-header.disabled{background:var(--ds-surface-sunken);color:var(--ds-text-muted);cursor:not-allowed;opacity:.5}.dropdown-header.disabled:hover{border-color:var(--ds-border)}.dropdown-selected{display:flex;flex:1 1;align-items:center;gap:var(--ds-space-2);width:100%;min-width:0}.dropdown-icon{font-size:var(--ds-text-base);color:var(--ds-text-muted)}.dropdown-label{overflow:hidden;font-weight:var(--ds-weight-medium);white-space:nowrap;text-overflow:ellipsis}.dropdown-label,.dropdown-placeholder{font-size:var(--ds-text-xs);color:var(--ds-text)}.dropdown-arrow{flex-shrink:0;margin-left:var(--ds-space-2);font-size:var(--ds-text-xs);color:var(--ds-text-muted);transition:transform var(--ds-dur-fast) var(--ds-ease-enter)}.dropdown-options{position:absolute;top:100%;left:0;right:0;z-index:var(--ds-z-dropdown);width:100%;min-width:250px;max-width:300px;max-height:200px;margin-top:2px;overflow-y:auto;box-sizing:border-box;background:var(--ds-surface-raised);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-float);transform:translateZ(0);isolation:isolate}.dropdown-option{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-1);border-bottom:1px solid var(--ds-border);cursor:pointer;transition:background-color var(--ds-dur-fast) var(--ds-ease-enter)}.dropdown-option:last-child{border-bottom:none}.dropdown-option-label-container:hover{background-color:var(--ds-surface-sunken);border-radius:var(--ds-radius-xs)}.dropdown-option-label-container.selected{background-color:var(--ds-info-tint);color:var(--ds-info);font-weight:var(--ds-weight-medium)}.dropdown-option-icon{flex-shrink:0;font-size:var(--ds-text-base);color:var(--ds-text-muted)}.dropdown-option-label-container{display:flex;width:100%;padding:.375rem .5rem}.dropdown-option-label{flex:1 1;overflow:hidden;font-size:var(--ds-text-sm);font-weight:var(--ds-weight-regular);color:var(--ds-text);white-space:nowrap;text-overflow:ellipsis}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:var(--ds-surface-sunken);border-radius:var(--ds-radius-xs)}.dropdown-options::-webkit-scrollbar-thumb{background:var(--ds-border-strong);border-radius:var(--ds-radius-xs)}.dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--ds-text-muted)}@media (max-width:768px){.dropdown-container{max-width:100%}.dropdown-header{min-height:40px}.dropdown-header,.dropdown-option{padding:10px 14px}}.dropdown-header:focus{outline:none;border-color:var(--ds-accent);box-shadow:var(--ds-shadow-ring)}.dropdown-option:focus{outline:none;background-color:var(--ds-surface-sunken)}.dropdown-header:after{content:"";position:absolute;inset:-2px;z-index:-1;border:2px solid var(--ds-accent);border-radius:inherit;background:var(--ds-accent-tint);opacity:0;pointer-events:none}.dropdown-header.pulse:after{animation:dropdownPulseRing var(--ds-dur-slow) var(--ds-ease-enter) both}.dropdown-header.pulse .dropdown-label{animation:dropdownLabelSwap var(--ds-dur-base) var(--ds-ease-enter) backwards}@keyframes dropdownPulseRing{0%{opacity:0;transform:scale(1)}30%{opacity:1}to{opacity:0;transform:scale(1.04)}}@keyframes dropdownLabelSwap{0%{opacity:0;transform:translateY(calc(-1 * var(--ds-dist-1)))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dropdown-header.pulse:after{animation:none;opacity:1;border-color:transparent}.dropdown-header.pulse .dropdown-label{animation:none}}