.nav-menu{position:relative}.nav-menu>.nav-link{align-items:center;gap:4px;padding-block:12px;display:inline-flex}.nav-menu>.nav-link svg{transition:transform .15s}.nav-panel{z-index:20;border:3px solid var(--ink);background:var(--surface);width:300px;box-shadow:6px 6px 0 var(--ink);visibility:hidden;opacity:0;border-radius:6px;padding:10px;transition:opacity .15s,transform .15s,visibility 0s linear .15s;position:absolute;top:100%;left:50%;transform:translate(-50%,6px)}.nav-panel-wide{width:560px}.nav-menu:hover .nav-panel,.nav-menu:focus-within .nav-panel{visibility:visible;opacity:1;transition-delay:0s;transform:translate(-50%)}.nav-menu:hover>.nav-link svg,.nav-menu:focus-within>.nav-link svg{transform:rotate(180deg)}.nav-panel ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.nav-panel-wide ul{grid-template-columns:1fr 1fr}.nav-panel li a{color:inherit;border-radius:4px;gap:2px;padding:10px 12px;text-decoration:none;display:grid}.nav-panel li a:hover,.nav-panel li a:focus-visible,.nav-panel li a[aria-current=page]{background:var(--yellow)}.nav-panel strong{font-size:14px;line-height:1.3}.nav-panel span{letter-spacing:1px;color:var(--muted);font-size:10px;font-weight:800}.nav-panel-all{border-top:2px dashed var(--ink);color:inherit;align-items:center;gap:6px;margin-top:8px;padding:10px 12px 4px;font-size:13px;font-weight:800;display:flex}@media (max-width:760px){.nav-menu{display:none}}@media (prefers-reduced-motion:reduce){.nav-panel,.nav-menu>.nav-link svg{transition:none}}@media (max-width:1000px){.header nav{gap:14px}}@media (max-width:1100px){.header .nav-link[href$=\#demo],.header .nav-link[href$=\#marketplace]{display:none}}