.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#020510f2;transform:translate(100%);transition:transform .28s ease}.mobile-nav.open{transform:translate(0)}.mobile-nav-inner{width:min(360px,82vw);margin-left:auto;height:100%;border-left:1px solid rgba(255,255,255,.12);background:#0c1220;padding:1.5rem}.mobile-nav a{display:block;color:#e2e8f0;text-decoration:none;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.mobile-nav-close{margin-left:auto;border:0;background:transparent;color:#fff;font-size:1.6rem;cursor:pointer}@media (min-width: 1024px){.mobile-nav{display:none}}