.nav-dropdown{position:relative}.nav-dropdown>button{display:flex;align-items:center;gap:6px;padding:10px 0;border:0;background:none;color:#c2cbda;font:600 14px "Be Vietnam Pro",sans-serif;cursor:pointer}.nav-dropdown>button span{font-size:16px;transition:transform .2s}.nav-dropdown:hover>button,.nav-dropdown:focus-within>button{color:#fff}.nav-dropdown:hover>button span,.nav-dropdown:focus-within>button span{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;width:330px;padding:9px;transform:translate(-50%,-8px);visibility:hidden;opacity:0;border:1px solid var(--line);border-radius:18px;background:#0b111d;box-shadow:0 24px 60px rgba(0,0,0,.48);transition:.2s}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{visibility:visible;opacity:1;transform:translate(-50%,0)}.dropdown-menu a{display:block;padding:13px 14px;border-radius:12px}.dropdown-menu a:hover{background:#121c2c}.dropdown-menu b,.dropdown-menu small{display:block}.dropdown-menu b{color:#f7f9ff;font-size:13px}.dropdown-menu small{margin-top:3px;color:var(--muted);font-size:10px;font-weight:500}@media(max-width:900px){.nav-dropdown{display:none}}
.nav-dropdown>button.active{color:#fff}
.nav-dropdown>button:after{content:"";width:6px;height:6px;margin:-3px 0 0 2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s,margin .2s}.nav-dropdown:hover>button:after,.nav-dropdown:focus-within>button:after{margin-top:3px;transform:rotate(225deg)}