.nav-group{position:relative;height:100%;display:flex;align-items:center}.nav-group>button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:20px 5px}.nav-group>button span{display:inline-block;margin-left:4px;color:#619fe8;transition:transform .25s}.nav-group.open>button span{transform:rotate(180deg)}.submenu{position:absolute;z-index:100;left:50%;top:calc(100% - 8px);width:225px;padding:14px;background:rgba(5,10,17,.97);border:1px solid rgba(133,191,255,.2);box-shadow:0 28px 65px rgba(0,0,0,.58);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:.25s cubic-bezier(.16,1,.3,1)}.nav-group:hover .submenu,.nav-group.open .submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}.submenu small{display:block;padding:8px 11px 11px;color:#4f6680;font:600 6px 'Chakra Petch',sans-serif;letter-spacing:.16em;border-bottom:1px solid rgba(133,191,255,.12)}.nav .submenu a{display:block;padding:11px;color:#8498af;font-size:9px;border-bottom:1px solid rgba(133,191,255,.07)}.nav .submenu a:hover{color:#b8ddff;background:rgba(64,143,244,.09);transform:translateX(3px)}
@media(max-width:900px){.nav-group{display:block;width:100%;height:auto}.nav-group>button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 0;color:#9cb0c5;text-align:left}.submenu{position:relative;left:auto;top:auto;width:100%;padding:0 0 0 12px;border:0;border-left:1px solid rgba(100,165,255,.22);box-shadow:none;background:transparent;backdrop-filter:none;display:none;opacity:1;visibility:visible;transform:none!important}.nav-group:hover .submenu:not(.mobile-open){display:none}.nav-group.open .submenu,.submenu.mobile-open{display:block}.submenu small{display:none}.nav .submenu a{padding:10px;font-size:9px}}
.nav-group>button{cursor:pointer!important;touch-action:manipulation;user-select:none}