aside{background-color:var(--black);height:100%}aside img{border-bottom:.5px solid var(--white);margin-block:1rem;padding-bottom:1rem}aside nav a{font-family:var(--font-proxima)}aside nav a.active{background-color:var(--secondary-color)}#sidenav-container{z-index:50;height:100dvh;transition:transform .25s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}#sidenav-container.nav-open{transform:translate(0)}.nav-backdrop{z-index:40;background:#0000008c;position:fixed;inset:0}.mobile-topbar{background:var(--black);z-index:30;align-items:center;gap:.75rem;height:56px;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #00000040}.mobile-page-title{font-size:1.1rem;font-family:var(--font-proxima);color:var(--white);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hamburger-btn{color:var(--white);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:.2rem .4rem;font-size:1.5rem;line-height:1;display:flex}.nav-close-btn{color:var(--white);cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-top:.25rem;padding:.4rem .6rem;font-size:1.2rem;line-height:1}.page-header{display:none}@media (min-width:1024px){#sidenav-container{height:100%;transition:none;position:static;overflow:hidden;transform:none}aside{height:100%;overflow:hidden}.mobile-topbar,.nav-close-btn{display:none}.nav-backdrop{display:none!important}.page-header{top:0;left:calc(var(--spacing) * 64);border-bottom:.5px solid var(--black);z-index:20;background-color:#f9fafb;padding:1rem 2rem;display:block;position:fixed;right:0}.page-header h1{font-size:2rem;font-family:var(--font-proxima)}}