:root{--dd-lift-soft:rgba(0,0,0,0.04);--dd-lift:rgba(0,0,0,0.05);--dd-lift-strong:rgba(0,0,0,0.06);--dd-open-fill:rgba(0,0,0,0.045);--dd-ring:rgba(0,0,0,0.06);--dd-scroll-thumb:rgba(0,0,0,0.12)}[data-theme=dark]{--dd-lift-soft:rgba(255,255,255,0.05);--dd-lift:rgba(255,255,255,0.07);--dd-lift-strong:rgba(255,255,255,0.1);--dd-open-fill:rgba(255,255,255,0.08);--dd-ring:rgba(255,255,255,0.1);--dd-scroll-thumb:rgba(255,255,255,0.16)}.custom-dropdown-wrapper{position:relative;width:100%}.custom-dropdown-wrapper.disabled{opacity:.5;pointer-events:none}.dropdown-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;letter-spacing:.3px}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),color .22s cubic-bezier(.16,1,.3,1);outline:none}.dropdown-trigger:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.22)}.dropdown-trigger:hover .chevron-icon{color:var(--text-primary);transform:var(--perf-hover-transform,translateY(1px))}.dropdown-trigger.open,.dropdown-trigger:focus-visible{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--dd-ring)}.dropdown-trigger.open{background:var(--dd-open-fill)}.dropdown-trigger.open:hover .chevron-icon{transform:var(--perf-hover-transform,rotate(180deg))}.trigger-value{gap:10px;flex:1;min-width:0}.trigger-value,.value-icon{display:flex;align-items:center}.value-icon{justify-content:center;flex-shrink:0}.value-flag{font-size:16px;flex-shrink:0}.value-label{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.value-symbol{font-size:12px;font-weight:600;color:var(--text-secondary);padding:2px 6px;background:var(--dd-lift-soft);border-radius:4px;flex-shrink:0}.trigger-icon{display:flex;align-items:center;flex-shrink:0;opacity:.5}.trigger-placeholder{font-size:14px;color:var(--text-secondary);opacity:.7}.trigger-icons{gap:6px;flex-shrink:0}.clear-btn,.trigger-icons{display:flex;align-items:center}.clear-btn{position:relative;justify-content:center;width:20px;height:20px;padding:0;border:none;background:rgba(255,255,255,.1);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:color .2s ease,opacity .2s ease}.clear-btn:after{content:"";position:absolute;top:50%;inset-inline-start:50%;transform:translate(calc((-50%) * var(--rtl-x, 1)),-50%);width:40px;height:40px}.clear-btn:hover{background:rgba(239,68,68,.2);color:#ef4444}.chevron-icon{color:var(--text-secondary);transition:transform .25s cubic-bezier(.16,1,.3,1)}.chevron-icon.open{transform:rotate(180deg)}.custom-dropdown-wrapper.has-error .dropdown-trigger{border-color:rgba(239,68,68,.6)}.custom-dropdown-wrapper.has-error .dropdown-trigger:focus{box-shadow:0 0 0 3px rgba(239,68,68,.15)}.dropdown-error{display:block;font-size:12px;color:#ef4444;margin-top:6px}.dropdown-portal{position:fixed;display:flex;flex-direction:column;background:var(--popup-bg);backdrop-filter:blur(var(--popup-blur)) saturate(1.8);border:1px solid var(--popup-border);border-radius:var(--radius-popup);box-shadow:var(--popup-shadow);z-index:9700;overflow:hidden;animation:dropdownOpen .25s var(--ease-smooth) forwards;transform-origin:top center;transition:none}.dropdown-portal.closing{animation:dropdownClose .2s var(--ease-smooth) forwards}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownClose{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.97)}}.dropdown-search{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:none;background:rgba(255,255,255,.03)}.dropdown-search svg{color:var(--text-secondary);flex-shrink:0}.dropdown-search-input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:var(--text-primary);padding:0}.dropdown-search-input::placeholder{color:var(--text-secondary);opacity:.6}.search-clear{position:relative;display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:color .2s ease,opacity .2s ease}.search-clear:after{content:"";position:absolute;top:50%;inset-inline-start:50%;transform:translate(calc((-50%) * var(--rtl-x, 1)),-50%);width:40px;height:40px}.search-clear:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.dropdown-options{overflow-y:auto;overflow-x:hidden;padding:8px;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--text-primary) transparent}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:transparent}.dropdown-options::-webkit-scrollbar-thumb{background:var(--dd-scroll-thumb);border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.dropdown-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;cursor:pointer;transition:background-color .2s ease;animation:optionEnter .3s cubic-bezier(.16,1,.3,1) backwards}@keyframes optionEnter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-option:hover{background:var(--dd-lift-soft)}.dropdown-option.selected{background:var(--dd-lift)}.dropdown-option.selected:hover{background:var(--dd-lift-strong)}.dropdown-option.disabled{opacity:.4;cursor:not-allowed}.dropdown-option.disabled:hover{background:transparent}.option-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--text-primary)}.option-flag{font-size:18px;flex-shrink:0}.option-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.option-label{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-option.selected .option-label{color:var(--text-primary);font-weight:600}.option-description{word-wrap:break-word;white-space:normal}.option-description,.option-symbol{font-size:12px;color:var(--text-secondary)}.option-symbol{font-weight:600;padding:3px 8px;background:var(--dd-lift-soft);border-radius:6px;flex-shrink:0;white-space:nowrap}.dropdown-option.selected .option-symbol{background:var(--dd-lift-strong);color:var(--text-primary)}.option-check{color:var(--text-primary);flex-shrink:0}.dropdown-group{margin-bottom:8px}.dropdown-group:last-child{margin-bottom:0}.group-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-primary);padding:8px 14px 6px;opacity:.8}.dropdown-empty{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--text-secondary);font-size:13px}.custom-dropdown-wrapper.small .dropdown-trigger{padding:8px 12px;border-radius:10px}.custom-dropdown-wrapper.small .trigger-placeholder,.custom-dropdown-wrapper.small .value-label{font-size:13px}.custom-dropdown-wrapper.small .value-flag{font-size:14px}.dropdown-portal.small .dropdown-option{padding:10px 12px;border-radius:8px}.dropdown-portal.small .option-label{font-size:13px}.dropdown-portal.small .option-flag{font-size:16px}.custom-dropdown-wrapper.large .dropdown-trigger{padding:16px 20px;border-radius:14px}.custom-dropdown-wrapper.large .trigger-placeholder,.custom-dropdown-wrapper.large .value-label{font-size:15px}.custom-dropdown-wrapper.large .value-flag{font-size:20px}.dropdown-portal.large .dropdown-option{padding:14px 16px;border-radius:12px}.dropdown-portal.large .option-label{font-size:15px}.custom-dropdown-wrapper.minimal .dropdown-trigger{background:transparent;border-color:transparent;padding:8px 12px}.custom-dropdown-wrapper.minimal .dropdown-trigger:hover{background:var(--dd-lift-soft);border-color:transparent}.custom-dropdown-wrapper.minimal .dropdown-trigger.open{background:var(--dd-open-fill);border-color:transparent}.custom-dropdown-wrapper.outlined .dropdown-trigger{background:transparent;border-width:2px}.custom-dropdown-wrapper.outlined .dropdown-trigger.open{background:transparent}.dropdown-portal{transition:none!important}