.mobile-nav-link{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:10px}.mobile-nav-message-dot{background-color:red;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:100%;color:#fff}.mobile-nav-item-container{margin-top:4px}.sidebar-open{width:240px;height:100vh;padding:16px 8px 8px}.collapse-sidenav-container{animation:nav-animation .4s ease-in-out forwards;display:flex;flex-direction:column;align-items:center;gap:14px}.sidebar-container{animation:nav-animation-open .4s ease-in-out forwards}.sidebar-collapse{width:64px;height:100vh;display:flex;padding:16px 0;flex-direction:column;align-items:center}.nav-logo{color:#2563eb;border:1px dotted #2563eb;background:#93c5fd}.nav-link{display:flex;flex-direction:column;gap:8px;margin-top:10px}.nav-item-container{margin-top:4px;margin-left:17px}.nav-message-dot{margin-left:54px;background-color:red;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:100%;color:#fff}.collapse-nav-message-dot{position:absolute;background-color:red;width:6px;height:6px;border-radius:100%;top:4.5px;right:3.5px}.mobile-nav-container{display:auto}@keyframes nav-animation{0%{opacity:0}30%{opacity:0}to{opacity:1}}@keyframes nav-animation-open{0%{opacity:0}30%{opacity:0}to{opacity:1}}@font-face{font-family:__geistSans_48b554;src:url(/_next/static/media/ef46db3751d8e999-s.p.ttf) format("truetype");font-display:swap;font-weight:100 900}.__className_48b554{font-family:__geistSans_48b554}.__variable_48b554{--font-geist-sans:"__geistSans_48b554"}