body{&>header{z-index:100;padding:var(--nada-space-4) var(--nada-space-3);border-bottom:1px solid oklch(from var(--nada-color-neutral-300) l c h / .4);background:oklch(from var(--nada-color-neutral-700) l c h / .7);backdrop-filter:blur(12px);position:sticky;top:0;& h1{color:oklch(from var(--nada-color-light) l c h / .9);opacity:.8;font-size:24px;font-weight:800}}}aside.floating-menu{& label{font-size:var(--nada-space-4);& svg{width:1.75rem;fill:var(--nada-color-neutral-300);transition:fill .2s}&:has(input:checked) svg{fill:var(--nada-color-base-400)}&:hover svg{fill:var(--nada-color-base-300)}}& nav{padding:var(--nada-space-3) 0;border:1px solid oklch(var(--nada-color-neutral-300) l c h / 50%);background:oklch(from var(--nada-color-neutral-900) l c h / 80%);border-radius:var(--nada-radius-sm);backdrop-filter:blur(12px);& ul{& li{padding-left:var(--nada-space-4)}& a{color:var(--nada-color-neutral-200);padding:var(--nada-space-1);border-radius:.25rem;text-decoration:none;transition:color .2s,background-color .2s;display:block;&:hover{color:var(--nada-color-base-500)}}& details{& summary{cursor:pointer;color:var(--nada-color-neutral-100);margin-bottom:var(--nada-space-2);font-weight:900;list-style:none;padding:0!important;&:hover{color:var(--nada-color-base-200)}}& ul{margin-top:var(--nada-space-2)}}}}}@media (width<=640px){aside.floating-menu nav{width:calc(100vw - 3rem);color:red!important}}