.components-dropdown{position:relative}.components-dropdown .dropdown-icon-masked{background-color:currentColor;width:16px;height:16px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.components-dropdown .dropdown-trigger{cursor:pointer;text-align:left;white-space:nowrap;align-items:center;gap:10px;display:flex}.components-dropdown .dropdown-trigger .dropdown-trigger-icon{color:var(--white-70);flex-shrink:0}.components-dropdown .dropdown-trigger .dropdown-label{text-overflow:ellipsis;flex:1;overflow:hidden}.components-dropdown .dropdown-trigger .dropdown-label.placeholder{color:var(--white-30)}.components-dropdown .dropdown-trigger .dropdown-caret{color:var(--white-40);flex-shrink:0;transition:transform .15s}.components-dropdown .dropdown-trigger.open{border-color:var(--white-20)}.components-dropdown .dropdown-trigger.open .dropdown-caret{transform:rotate(180deg)}.components-dropdown.size-sm .dropdown-trigger{gap:8px}.components-dropdown .dropdown-popover{background-color:var(--input-bg,var(--primary-800));border:1px solid var(--white-10);z-index:10;border-radius:8px;flex-direction:column;min-width:180px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 16px 40px #0000008c}.components-dropdown .dropdown-popover .dropdown-search.dropdown-search{color:var(--white-100);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);background:0 0;border-radius:0;outline:none;width:100%;margin:0;padding:12px 14px;border:none!important;border-bottom:1px solid #ffffff0a!important}.components-dropdown .dropdown-popover .dropdown-search.dropdown-search::placeholder{color:var(--white-30)}.components-dropdown .dropdown-popover .dropdown-options{flex-direction:column;gap:2px;max-height:260px;padding:6px;display:flex;overflow-y:auto}.components-dropdown .dropdown-popover .dropdown-empty{color:var(--white-40);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);text-align:center;padding:18px 12px}.components-dropdown .dropdown-option{color:var(--white-70);cursor:pointer;font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:var(--font-medium);text-align:left;background:0 0;border:none;border-radius:6px;outline:none;align-items:center;gap:12px;padding:10px 12px;transition:background-color .1s,color .1s;display:flex}.components-dropdown .dropdown-option .dropdown-option-icon{color:var(--white-40);flex-shrink:0;transition:color .1s}.components-dropdown .dropdown-option .dropdown-option-label{text-overflow:ellipsis;flex:1;overflow:hidden}.components-dropdown .dropdown-option.highlight{background-color:var(--white-5);color:var(--white-100)}.components-dropdown .dropdown-option.highlight .dropdown-option-icon{color:var(--white-70)}.components-dropdown .dropdown-option.selected{background-color:color-mix(in oklch, var(--secondary-500) 12%, transparent);color:var(--secondary-500)}.components-dropdown .dropdown-option.selected .dropdown-option-icon{color:var(--secondary-500)}.components-dropdown .dropdown-option.selected.highlight{background-color:color-mix(in oklch, var(--secondary-500) 20%, transparent)}