@layer theme,base;@layer legacy{.dropdown{vertical-align:middle;min-width:0;max-width:100%;display:inline-block}.dropdown-select{width:100%}.dropdown-trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:14px;line-height:20px;display:inline-flex}.dropdown-trigger-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dropdown-chevron{color:var(--muted);flex-shrink:0}.dropdown-trigger:disabled{opacity:.5;cursor:default}.dropdown-popup{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);font-family:var(--font-sans);overscroll-behavior:contain;max-width:calc(100vw - 16px);margin:0;padding:4px;font-size:14px;line-height:20px;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 12px 32px #0008}.dropdown-popup:popover-open{flex-direction:column;display:flex}.dropdown-option{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--ink);font:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.dropdown-option[data-active=true],.dropdown-option:hover,.dropdown-option:focus-visible{background:var(--border);color:var(--ink)}.dropdown-option[aria-disabled=true]{opacity:.45;cursor:default}.dropdown-option[aria-disabled=true]:hover{background:0 0}.dropdown-option>span:first-child{min-width:0}.dropdown-option>span:last-child{flex-shrink:0}}@layer components,utilities;