.dropdown-nav{display:flex;gap:8px;width:100%}.dropdown-nav--horizontal{flex-direction:row;align-items:stretch}.dropdown-nav--vertical{flex-direction:column;align-items:stretch}.dropdown-nav__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;background:#ffffff;border:1px solid var(--separator-color);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.dropdown-nav--horizontal .dropdown-nav__arrow{width:36px}.dropdown-nav--vertical .dropdown-nav__arrow{width:100%;height:28px}.dropdown-nav__arrow:hover:not(:disabled){background-color:var(--secondary-purple-color);box-shadow:var(--dropshadow)}.dropdown-nav__arrow:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.dropdown-nav__arrow-flip{transform:rotate(180deg)}.dropdown-nav__arrow-flip,.dropdown-nav__arrow-turn{display:inline-flex;align-items:center;justify-content:center}.dropdown-nav__arrow-turn--up{transform:rotate(-90deg)}.dropdown-nav__arrow-turn--down{transform:rotate(90deg)}.dropdown{width:100%;min-width:0;flex:1}.dropdown__button{width:100%;padding:.75rem 1rem;font-size:14px;font-weight:600;color:var(--text-color);background:#ffffff;border:1px solid var(--separator-color);border-radius:var(--radius);cursor:pointer;transition:all .3s ease;position:relative}.dropdown__button--error{border-color:#dc2626;border-width:1.5px}.dropdown__button:disabled{opacity:.6;cursor:not-allowed}.dropdown__button--open{border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown__button:before{content:"";position:absolute;opacity:0;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:calc(var(--radius) + 2px);background:linear-gradient(90deg,#444AFE,#DA46C3 25%,#5F00AD 50%,#DA46C3 75%,#444AFE);background-size:200% 100%;background-position:200% 0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.dropdown__button:hover:before{opacity:1;animation:dropdown-gradient-shift 5s linear infinite}.dropdown__button--error:hover:before{opacity:0}.dropdown__content-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:10px;min-width:0}.dropdown__item-content{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.dropdown__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.dropdown__text{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.dropdown__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease;transform:rotate(90deg)}.dropdown__arrow--open{transform:rotate(270deg)}.dropdown__content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0;background:#ffffff;border-top:none;border-left:1px solid var(--separator-color);border-radius:0 0 var(--radius) 0;margin-top:-1px}.dropdown__content--open{max-height:400px;padding:.5rem 0}.dropdown--overlay{position:relative}.dropdown--overlay .dropdown__content--overlay{position:absolute;top:100%;left:0;right:0;z-index:30;margin-top:4px;border:1px solid var(--separator-color);border-radius:var(--radius);box-shadow:var(--dropshadow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.dropdown--overlay .dropdown__content--overlay.dropdown__content--open{opacity:1;visibility:visible;pointer-events:auto;max-height:280px;overflow-y:auto;padding:.5rem 0;border-top:1px solid var(--separator-color);border-left:1px solid var(--separator-color);border-radius:var(--radius);margin-top:4px}.dropdown--overlay .dropdown__button--open{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.dropdown__item{width:100%;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;transition:all .3s ease;position:relative;text-align:left}.dropdown__item--active{background-color:var(--secondary-purple-color)}.dropdown__item-indicator{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--primary-gradient);flex-shrink:0}.dropdown__item--active .dropdown__item-content{padding-left:.5rem}.dropdown__item--error{border-left:2px solid #dc2626}.dropdown__content--open .dropdown__item{animation:dropdown-slide-down .3s ease}@keyframes dropdown-gradient-shift{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes dropdown-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}