.header{width:100vw;max-width:100%;height:var(--header-height);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#ffffff1a;padding:.5rem .5em;position:sticky;top:0}.header_wrapper{max-width:var(--max-width);justify-content:space-between;align-items:center;height:100%;margin:auto;display:flex}.header_app{justify-content:space-between;align-items:center;height:100%;margin:auto;display:flex}h1.logo,h2.logo{font-size:1rem}.logo_wrapper{flex-direction:row;align-items:center;gap:.5rem;display:flex}.desktop_menu{gap:1rem;display:flex}.mobile_menu,.mobile_menu_app{display:none}.mobile_menu_content{width:100%;height:calc(100dvh - var(--header-height));background:rgba(var(--background-grey)/1);-webkit-backdrop-filter:blur(4px);z-index:1000;border:1px solid rgba(var(--background-rgb)/.1);box-shadow:0 0 10px rgba(var(--background-rgb)/.1);flex-direction:column;gap:1rem;padding:1rem;display:flex;position:absolute;top:100%;left:0;overflow-y:auto}body:has(details.mobile_menu_details[open]){height:100vh;overflow:hidden}@media (max-width:820px){.mobile_menu,.mobile_menu_app{display:block}.desktop_menu{display:none}}