.DropdownSelect{--ds-trigger-height:56px;--ds-trigger-radius:12px;--ds-trigger-border-color:#ffffff26;--ds-panel-bg:#463048;--ds-panel-radius:12px;--ds-panel-padding:8px;--ds-option-gap:4px;--ds-option-height:56px;--ds-option-radius:10px;--ds-option-selected-bg:#231624;--ds-icon-size:42px;--ds-icon-radius:12px;--ds-gradient:linear-gradient(90deg, #f629ff, #3761ff);--ds-icon-bg:linear-gradient(90deg, #3a1d3d, #1f263d);-webkit-tap-highlight-color:#0000;width:100%;position:relative}.DropdownSelect--disabled{opacity:.5;pointer-events:none}.DropdownSelect__trigger{width:100%;height:var(--ds-trigger-height);border:1px solid var(--ds-trigger-border-color);border-radius:var(--ds-trigger-radius);color:#fff;cursor:pointer;box-sizing:border-box;background:0 0;justify-content:space-between;align-items:center;gap:7px;padding:0 16px 0 8px;display:flex}.DropdownSelect__triggerContent{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.DropdownSelect__iconContainer{width:var(--ds-icon-size);height:var(--ds-icon-size);border-radius:var(--ds-icon-radius);background:var(--ds-gradient);flex-shrink:0;justify-content:center;align-items:center;display:flex}.DropdownSelect__icon{width:26px;height:26px}.DropdownSelect__triggerText{text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-family:Rubik,sans-serif;font-size:16px;font-weight:500;overflow:hidden}.DropdownSelect__placeholder{color:#ffffff80;text-align:left;flex:1;font-family:Rubik,sans-serif;font-size:16px;font-weight:500}.DropdownSelect__arrow{flex-shrink:0;width:24px;height:24px;transition:transform .2s}.DropdownSelect__arrow--open{transform:rotate(180deg)}.DropdownSelect__panel{background:var(--ds-panel-bg);border-radius:var(--ds-panel-radius);padding:var(--ds-panel-padding);gap:var(--ds-option-gap);z-index:10;flex-direction:column;animation:.15s DropdownSelect_fadeIn;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0}.DropdownSelect__option{width:100%;height:var(--ds-option-height);border-radius:var(--ds-option-radius);color:#fff;cursor:pointer;box-sizing:border-box;background:0 0;border:none;align-items:center;gap:18px;padding:0 5px 0 8px;transition:background .15s;display:flex}.DropdownSelect__option:hover{background:var(--ds-option-selected-bg)}.DropdownSelect__option--selected{background:var(--ds-option-selected-bg);border-radius:10px}.DropdownSelect__optionIconContainer{width:var(--ds-icon-size);height:var(--ds-icon-size);border-radius:var(--ds-icon-radius);background:var(--ds-icon-bg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.DropdownSelect__optionIconContainer--selected{background:var(--ds-icon-bg);position:relative}.DropdownSelect__optionIconContainer--selected:before{content:"";border-radius:var(--ds-icon-radius);background:var(--ds-gradient);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.DropdownSelect__optionIcon{width:26px;height:26px}.DropdownSelect__optionText{text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-family:Rubik,sans-serif;font-size:14px;font-weight:400;overflow:hidden}@keyframes DropdownSelect_fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}