@layer components{.combo-dropdown{--combo-dropdown-color:var(--accent);min-width:0;display:inline-flex;position:relative}.combo-dropdown__trigger{justify-content:center;align-items:center;gap:var(--space-1);min-width:84px;max-width:100%;padding:var(--space-1) var(--space-2);background:color-mix(in srgb, var(--combo-dropdown-color) 14%, transparent);border:1px solid var(--combo-dropdown-color);color:var(--combo-dropdown-color);text-align:center;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:999px;display:inline-flex}.combo-dropdown__trigger:hover:not(:disabled),.combo-dropdown.open .combo-dropdown__trigger{background:color-mix(in srgb, var(--combo-dropdown-color) 22%, transparent);border-color:var(--combo-dropdown-color);color:var(--combo-dropdown-color)}.combo-dropdown__trigger:focus-visible{outline:2px solid color-mix(in srgb, var(--combo-dropdown-color) 34%, transparent);outline-offset:2px}.combo-dropdown__trigger:disabled{opacity:.45;cursor:not-allowed}.combo-dropdown__trigger-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.combo-dropdown__placeholder{color:var(--text-muted)}.combo-dropdown__trigger-icon{color:currentColor;transition:transform var(--transition-fast);flex:none}.combo-dropdown.open .combo-dropdown__trigger-icon{transform:rotate(180deg)}.combo-dropdown__menu,.combo-dropdown__submenu{min-width:220px;width:var(--dropdown-floating-width,220px);padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);overflow:hidden}.combo-dropdown__menu{top:var(--dropdown-floating-top,0);left:var(--dropdown-floating-left,0);max-width:min(320px, calc(100vw - var(--space-4)));position:fixed}.combo-dropdown__item-wrap{position:relative}.combo-dropdown__submenu{top:var(--dropdown-floating-top,0);left:var(--dropdown-floating-left,0);position:fixed}.combo-dropdown__menu--scrollable,.combo-dropdown__submenu--scrollable{max-height:var(--dropdown-floating-max-height,13.25rem);overflow-y:auto}.combo-dropdown__item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text);text-align:left;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:0;display:flex}.combo-dropdown__item:hover:not(:disabled),.combo-dropdown__item:focus-visible{background:var(--surface-hover);outline:none}.combo-dropdown__item-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.combo-dropdown__item-chevron{margin-left:var(--space-2);color:var(--text-muted);flex:none}@media (width<=720px){.combo-dropdown__menu,.combo-dropdown__submenu{max-width:calc(100vw - var(--space-4))}}}