.drawer-overlay,.mobile-drawer{display:none}@media(max-width:800px){.drawer-overlay{position:fixed;z-index:200;inset:0;display:block;background:rgba(0,6,7,.66);opacity:0;transition:opacity .24s ease;backdrop-filter:blur(3px)}.drawer-overlay.open{opacity:1}.mobile-drawer{position:absolute;top:0;bottom:0;left:0;display:block;width:min(300px,84vw);padding:17px 13px;background:linear-gradient(165deg,#061718,#020909 60%,#041111);border-right:1px solid rgba(42,244,213,.35);box-shadow:16px 0 44px rgba(0,0,0,.52),inset -1px 0 18px rgba(42,244,213,.08);transform:translateX(-103%);transition:transform .26s cubic-bezier(.22,.8,.24,1)}.drawer-overlay.open .mobile-drawer{transform:translateX(0)}.mobile-drawer header{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 18px;border-bottom:1px solid rgba(42,244,213,.15)}.mobile-drawer .brand{font-size:17px}.mobile-drawer .mark{width:31px;height:31px;border-radius:10px}.drawer-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(42,244,213,.2);border-radius:10px;color:#dbfffa;font-size:25px;line-height:1;background:rgba(0,128,111,.12)}.mobile-drawer nav{display:grid;gap:5px;padding-top:15px}.drawer-item{display:flex;align-items:center;gap:13px;width:100%;padding:13px 12px;border:1px solid transparent;border-radius:12px;color:#e6fffb;font-size:14px;text-align:left;background:transparent}.drawer-item span{display:grid;place-items:center;width:20px;color:var(--cyan);font-size:18px}.drawer-item.active{border-color:rgba(42,244,213,.34);background:linear-gradient(90deg,rgba(0,191,163,.23),rgba(0,112,98,.07));box-shadow:inset 2px 0 var(--cyan),0 0 18px rgba(42,244,213,.06)}.drawer-divider{height:1px;margin:10px 4px;border:0;background:rgba(42,244,213,.16)}}