.nav-menu{position:relative;display:inline-flex}
.nav-menu-trigger{white-space:nowrap}
.nav-menu.open>.nav-menu-trigger{background:#ebf1f6}
.nav-menu-list{position:absolute;top:calc(100% + 6px);left:0;z-index:60;display:none;flex-direction:column;gap:2px;min-width:220px;padding:6px;background:#fff;border:1px solid #dae2e9;border-radius:10px;box-shadow:0 12px 32px rgba(24,62,57,.16)}
.nav-menu-list::before{content:'';position:absolute;left:0;right:0;top:-8px;height:8px}
.nav-menu[data-menu="admin"] .nav-menu-list{left:auto;right:0}
.nav-menu.open>.nav-menu-list{display:flex}
.nav-menu-list>button{width:100%;text-align:left;border:0;background:transparent;border-radius:6px;font-weight:600}
.nav-menu-list>button:hover,.nav-menu-list>button:focus-visible{background:#ebf1f6}
html[data-theme="dark"] .nav-menu-list{background:#161d2b;border-color:#2f394a;box-shadow:0 12px 32px rgba(0,0,0,.4)}
html[data-theme="dark"] .nav-menu-list>button{color:#dfe4ee;background:transparent}
html[data-theme="dark"] .nav-menu-list>button:hover,html[data-theme="dark"] .nav-menu-list>button:focus-visible,html[data-theme="dark"] .nav-menu.open>.nav-menu-trigger{background:#2b364c}