@layer components{.dropdown{--dropdown-selected-color:var(--accent);--dropdown-option-color:var(--accent);--dropdown-content-width:auto;min-width:0;display:inline-flex;position:relative}.dropdown-width-content{width:var(--dropdown-content-width)}.dropdown-width-full{width:100%;display:inline-flex}.dropdown-trigger{justify-content:center;align-items:center;gap:var(--space-1);width:auto;min-width:84px;padding:var(--space-1) var(--space-2);background:color-mix(in srgb, var(--dropdown-selected-color) 14%, transparent);border:1px solid var(--dropdown-selected-color);color:var(--dropdown-selected-color);cursor:pointer;text-align:center;text-shadow:none;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:999px;display:inline-flex}.dropdown-width-content .dropdown-trigger,.dropdown-width-full .dropdown-trigger,.dropdown-width-auto .dropdown-trigger{min-width:0}.dropdown-width-full .dropdown-trigger{width:100%}.dropdown-trigger-text .dropdown-placeholder{color:var(--text-muted)}.dropdown:has(.dropdown-placeholder) .dropdown-trigger{background:color-mix(in srgb, var(--surface-raised) 84%, transparent);border-color:var(--border);color:var(--text-muted)}.dropdown-tone-neutral .dropdown-trigger{background:color-mix(in srgb, var(--surface-raised) 84%, transparent);border-color:var(--border);color:var(--text-muted)}.dropdown-trigger:hover,.dropdown.open .dropdown-trigger{background:color-mix(in srgb, var(--dropdown-selected-color) 22%, transparent);border-color:var(--dropdown-selected-color);color:var(--dropdown-selected-color);opacity:1}.dropdown-tone-neutral .dropdown-trigger:hover,.dropdown-tone-neutral.open .dropdown-trigger{background:color-mix(in srgb, var(--surface-hover) 88%, transparent);border-color:var(--border-strong);color:var(--text);opacity:1}.dropdown-trigger-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px}.dropdown-trigger:focus-visible{border-color:var(--dropdown-selected-color);outline:2px solid color-mix(in srgb, var(--dropdown-selected-color) 34%, transparent);outline-offset:2px;filter:none}.dropdown-trigger-text{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.dropdown-trigger-icon{color:var(--text-faded);font-size:var(--text-xs);transition:transform var(--transition-base);flex-shrink:0}.dropdown.open .dropdown-trigger-icon{transform:rotate(180deg)}.dropdown-menu{top:var(--dropdown-floating-top,0);left:var(--dropdown-floating-left,0);width:var(--dropdown-floating-width,max-content);min-width:0;max-width:min(520px,100vw - 32px);max-height:var(--dropdown-floating-max-height,13.25rem);background:var(--surface-raised);border:1px solid var(--border);z-index:var(--z-dropdown);padding:var(--space-1);opacity:0;visibility:hidden;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);border-radius:4px;position:fixed;overflow:hidden auto;transform:translateY(-8px);box-shadow:0 6px 16px #0006}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-width-content .dropdown-menu{width:var(--dropdown-floating-width,max(100%, var(--dropdown-content-width)));min-width:var(--dropdown-floating-width,max(100%, var(--dropdown-content-width)))}.dropdown-width-full .dropdown-menu{width:var(--dropdown-floating-width,max-content);min-width:0}.dropdown-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);border-left:3px solid var(--dropdown-option-color,transparent);color:var(--text);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;display:flex}.dropdown-item:hover,.dropdown-item.active{background:var(--surface-hover)}.dropdown-item.selected{background:color-mix(in srgb, var(--color-highlight,var(--accent)) 12%, transparent);border-left-color:var(--dropdown-option-color,var(--accent));color:var(--color-highlight,var(--text))}.dropdown-item-icon{width:16px;color:var(--text-muted);flex-shrink:0}.dropdown-item.selected .dropdown-item-icon{color:var(--color-highlight,var(--accent))}.dropdown-item-dot{background:var(--dropdown-option-color,var(--accent));border-radius:50%;flex-shrink:0;width:8px;height:8px}.dropdown-divider{background:var(--border-soft);height:1px;margin:var(--space-1) 0}.dropdown-header{padding:var(--space-1) var(--space-3);color:var(--text-muted)}.dropdown-sm .dropdown-trigger{padding:var(--space-1) var(--space-2);min-width:84px}.dropdown-width-auto.dropdown-sm .dropdown-trigger{min-width:0}.dropdown-lg .dropdown-trigger{padding:var(--space-1) var(--space-2)}}