.dropdownContainer{gap:var(--spacing-xs);flex-direction:column;display:flex;position:relative}.dropdownContainer.fullWidth{width:100%}.dropdownTrigger{border:1px solid var(--border-50);border-radius:var(--radius-pill);width:100%;padding:0 var(--spacing-sm);height:var(--surfaceSize);cursor:pointer;font-family:inherit;font-size:var(--font-sm);color:var(--text);background:0 0;justify-content:space-between;align-items:center;gap:.25rem;transition:border-color .25s,background .25s,box-shadow .25s;display:flex}.dropdownTrigger:hover:not(.disabled,.open){background:color-mix(in srgb,var(--text)3%,transparent)}.dropdownTrigger.error{border-color:var(--error)}.dropdownTrigger.error.open{box-shadow:0 0 0 4px color-mix(in srgb,var(--error)10%,transparent)}.dropdownTrigger.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdownTrigger.isLoading{opacity:1;border-color:#0000;padding:0}.dropdownTrigger .dropdownTriggerContent{flex:1;align-items:center;gap:.5em;min-width:0;height:100%;display:flex;overflow:hidden}.dropdownTrigger .dropdownTriggerIcon{color:var(--primary);opacity:.5;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.dropdownTrigger.open{color:var(--primary);background:color-mix(in srgb,var(--primary)10%,transparent);border-color:color-mix(in srgb,var(--primary)40%,transparent)}.dropdownTrigger.open .dropdownPlaceholder{color:var(--primary);opacity:.6}.dropdownTrigger .dropdownPlaceholder{color:var(--text);opacity:.3;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5em;font-weight:300;transition:color .2s;display:flex;overflow:hidden}.dropdownTrigger .dropdownValue{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5em;display:flex;overflow:hidden}.dropdownTrigger .dropdownValue .dropdownValueIcon{opacity:.6;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.dropdownTrigger .dropdownValue .dropdownValueLabel{text-overflow:ellipsis;color:currentColor;font-weight:300;transition:color .2s;overflow:hidden}.dropdownTrigger .dropdownChevron{opacity:.3;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.dropdownTrigger:hover .dropdownChevron{opacity:.5}.dropdownTrigger.open .dropdownChevron{opacity:1}.dropdownHint{font-size:var(--font-xs);color:var(--text);opacity:.6;text-align:right}.dropdownHint.hintError{color:var(--accent);opacity:1;animation:.4s dropdownShake}.dropdownMenu{z-index:99999;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--background)80%,transparent);-webkit-backdrop-filter:blur(1.3em);backdrop-filter:blur(1.3em);border:1px solid color-mix(in srgb,var(--text)10%,transparent);overflow:hidden}.dropdownMenu.bottom{transform-origin:top}.dropdownMenu.top{transform-origin:bottom}.dropdownMenuContent{flex-direction:column;display:flex}.dropdownSearch{padding:var(--spacing-sm);flex-shrink:0}.dropdownSearch .dropdownSearchBar{border:1px solid color-mix(in srgb,var(--text)10%,transparent);border-radius:var(--radius-md);background:var(--container);align-items:center;gap:.4em;padding:.45em .7em;transition:border-color .2s,box-shadow .2s;display:flex}.dropdownSearch .dropdownSearchBar:focus-within{border-color:var(--border-50)}.dropdownSearch .dropdownSearchBar>.icon{flex-shrink:0}.dropdownSearch .dropdownSearchBar .dropdownSearchInput{min-width:0;font-family:inherit;font-size:var(--font-sm);color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:.1em 0;font-weight:300}.dropdownSearch .dropdownSearchBar .dropdownSearchInput::placeholder{color:color-mix(in srgb,var(--text)30%,transparent)}.dropdownSearch .dropdownSearchBar .dropdownSearchClear{background:color-mix(in srgb,var(--text)10%,transparent);cursor:pointer;color:color-mix(in srgb,var(--text)50%,transparent);border-radius:var(--radius-sm);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.2em;font-family:inherit;transition:all .15s;display:flex}.dropdownSearch .dropdownSearchBar .dropdownSearchClear:hover{background:color-mix(in srgb,var(--text)15%,transparent);color:color-mix(in srgb,var(--text)70%,transparent)}.dropdownList{overscroll-behavior:contain;padding:var(--spacing-sm);max-height:15em;padding-top:.5em;overflow-y:auto}.dropdownList::-webkit-scrollbar{width:4px}.dropdownList::-webkit-scrollbar-track{background:0 0}.dropdownList::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text)10%,transparent);border-radius:4px}.dropdownList::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text)18%,transparent)}.dropdownGroup+.dropdownGroup{border-top:1px solid color-mix(in srgb,var(--text)5%,transparent);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.dropdownGroup .dropdownGroupLabel{font-size:var(--font-xs);color:var(--text);opacity:.35;padding:var(--spacing-xs)var(--spacing-md).2em;letter-spacing:.02em;font-weight:600}.dropdownItem{width:100%;padding:.5em var(--spacing-md);cursor:pointer;font-family:inherit;font-size:var(--font-sm);color:var(--text);text-align:inherit;border-radius:var(--radius-pill);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:.5em;font-weight:300;transition:background .1s,color .1s;display:flex}.dropdownItem:hover:not(.disabled,.selected),.dropdownItem.highlighted:not(.disabled,.selected){background:color-mix(in srgb,var(--primary)5%,transparent)}.dropdownItem.selected{color:var(--primary);background:color-mix(in srgb,var(--primary)10%,transparent);border-color:color-mix(in srgb,var(--primary)30%,transparent);cursor:auto;font-weight:400}.dropdownItem.disabled{opacity:.3;cursor:not-allowed}.dropdownItem .dropdownItemContent{flex:1;align-items:center;gap:.6em;min-width:0;display:flex}.dropdownItem .dropdownItemIcon{opacity:.5;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dropdownItem.selected .dropdownItemIcon{opacity:.8}.dropdownItem .dropdownItemText{flex-direction:column;gap:.05em;min-width:0;display:flex}.dropdownItem .dropdownItemLabel{white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.dropdownItem .dropdownItemDesc{font-size:var(--font-xs);opacity:.45;white-space:nowrap;text-overflow:ellipsis;font-weight:300;overflow:hidden}.dropdownItem .dropdownItemCheck{color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dropdownEmpty{padding:var(--spacing-md);justify-content:center;align-items:center;display:flex}.dropdownEmpty .emptyState{gap:var(--spacing-xs);min-height:auto;padding:0}@keyframes dropdownShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}