.dropdown{position:relative;width:min(100%,320px)}.dropdown-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dropdown-trigger{display:flex;width:100%;height:var(--ctl);align-items:center;justify-content:space-between;gap:var(--sp-3);padding:0 var(--sp-4);border:0;border-radius:var(--r-pill);outline:0;background:var(--field);color:var(--text-bright);font-family:inherit;font-size:var(--fs-md);text-align:left;cursor:pointer;transition:background-color .13s var(--ease),box-shadow .13s var(--ease)}.dropdown-trigger:hover,.dropdown.is-open .dropdown-trigger{background:var(--field-hover)}.dropdown-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dropdown-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-chevron{flex:0 0 auto;color:var(--text-muted);font-size:.95rem;transition:transform .16s var(--ease),color .13s var(--ease)}.dropdown.is-open .dropdown-chevron{color:var(--text-bright);transform:rotate(180deg)}.dropdown-menu{position:fixed;z-index:324950;padding:var(--sp-2);border-radius:var(--r-md);background:var(--menu-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--elev-2);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-2) transparent;transform-origin:top center}.dropdown-menu.is-above{transform-origin:bottom center}.dropdown-menu[hidden]{display:none}.dropdown-option{display:flex;min-height:var(--ctl-sm);align-items:center;justify-content:space-between;gap:var(--sp-3);padding:0 var(--sp-3);border-radius:var(--r-pill);color:var(--text-2);font-family:inherit;font-size:var(--fs-md);cursor:pointer;user-select:none}.dropdown-option.is-highlighted{background:var(--hover);color:var(--text-bright)}.dropdown-option.is-selected,.dropdown-option.is-selected.is-highlighted{background:var(--accent);color:var(--on-accent)}.dropdown-check{color:inherit;font-size:.95rem;opacity:0}.dropdown-option.is-selected .dropdown-check{opacity:1}