@media(min-width:576px){.mobile-navigation{display:none}}@media(min-width:0px) and (max-width:400px){nav.desktop{padding:0 .25rem}}@media(min-width:0px) and (max-width:576px){.desktop-navigation{display:none}}@media(min-width:0px) and (max-width:700px){.desktop-navigation span{display:none}}nav button,nav button:hover,nav button:active,nav button:focus{margin:0;padding:0;border:none;outline:none;background-color:transparent}body>nav{z-index:1000;position:fixed;top:0;right:0;left:0;padding:0 var(--spacing)}body>nav h1{margin-bottom:0;font-size:1.25rem;text-transform:uppercase}nav span{padding:.225rem 0}nav.desktop{background-color:var(--background-color)}nav .menu-active{border-bottom:5px var(--primary)solid}.sidebar{position:fixed;top:calc(3.5rem + 1px);left:0;right:0;width:100%;max-height:calc(100vh - 3.5rem);overflow-y:auto;z-index:999;padding:1.25rem 1.5rem;background-color:var(--background-color);box-shadow:0 10px 25px -5px rgba(0,0,0,.4);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar ul li a span{display:inline-flex;align-items:center;gap:.65rem}.sidebar button{position:absolute;top:var(--spacing);right:var(--spacing);width:1.5rem;height:1.5rem;border-radius:2rem;line-height:1}.sidebar h3,.sidebar a,.sidebar a:hover,.sidebar a:active,.sidebar a:focus{color:var(--secondary)}.mobile-navigation>li>button>svg{width:30px;height:30px;color:var(--contrast)}.sidebar svg,body>nav svg{height:1rem}#switch{display:none}