.navbar-sticky{transform:translateY(0);transition:transform .3s ease;will-change:transform;background-color:hsl(var(--secondary))}.navbar-sticky.translate-y-\[-100\%\]{transform:translateY(-100%)}.mobile-navbar{position:fixed;top:0;left:0;width:100%;z-index:50;background-color:hsl(var(--secondary));border-bottom:1px solid hsl(var(--border));transition:transform .3s ease}.mobile-navbar.hidden{transform:translateY(-100%)}.mobile-sidebar{position:fixed;top:0;right:0;height:100vh;width:75vw;max-width:300px;background-color:hsl(var(--background));z-index:60;transform:translateX(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:-2px 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column}.mobile-sidebar.open{transform:translateX(0)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:55;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.open{opacity:1;pointer-events:auto}.mobile-sidebar-links{display:flex;flex-direction:column;padding:1.5rem;flex:1}.mobile-sidebar-link{font-size:1.125rem;padding:1rem 0;border-bottom:1px solid hsl(var(--border)/50%);transition:all .2s ease;display:flex;align-items:center}.mobile-sidebar-link:hover{padding-left:.5rem}.mobile-sidebar-footer{margin-top:auto;padding:1.5rem;border-top:1px solid hsl(var(--border)/50%)}.mobile-sidebar-content{opacity:0;transform:translateX(20px);transition:opacity .3s ease,transform .3s ease;transition-delay:.1s}.mobile-sidebar.open .mobile-sidebar-content{opacity:1;transform:translateX(0)}