body>nav.desktop{padding:var(--spacing-3);background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);z-index:var(--z-index-4);display:none;position:sticky;top:0}body>nav.desktop ul{align-items:center;gap:var(--radius-4);display:flex}body>nav.desktop ul li{display:flex}body>nav.desktop ul li a{color:var(--md-sys-color-on-surface)}body>nav.desktop ul li:last-child{margin-left:auto}@media (min-width:768px){body>nav.desktop{display:block}}
body>nav.mobile{border-radius:var(--radius-2);z-index:2;width:100%;position:fixed;top:0;left:0}body>nav.mobile #nav{aspect-ratio:1;background-color:var(--md-sys-color-secondary-container);cursor:pointer;border:none;border-radius:0 0 5px;width:45px;position:absolute}body>nav.mobile #nav:after{content:"";background-color:var(--md-sys-color-on-secondary-container);width:66.67%;height:6px;box-shadow:0 10px 0 var(--md-sys-color-on-secondary-container),0 20px var(--md-sys-color-on-secondary-container);position:absolute;top:18%;left:18%}body>nav.mobile .menu{background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);border-radius:0 0 var(--radius-2) var(--radius-2);width:100%}body>nav.mobile .menu li{cursor:pointer}body>nav.mobile .menu li a,body>nav.mobile .menu li button{padding:var(--spacing-1);width:100%}body>nav.mobile .menu li a:hover,body>nav.mobile .menu li button:hover{background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}body>nav.mobile .menu li a{width:100%;height:auto;color:inherit;font-size:smaller;text-decoration:none;display:block}@media (min-width:768px){body>nav.mobile{display:none}}