header{background-color:var(--theme-surface-primary);z-index:10;height:48px;position:fixed;top:0;left:0;right:0}header>.desktopNav{height:100%}header>.desktopNav>ul{justify-content:end;align-items:center;height:100%;display:flex}header>.desktopNav>ul li:first-of-type{margin-inline-end:auto}header>.desktopNav>ul .headerLogo{z-index:20;height:38px;position:relative;top:4px}header>.desktopNav>ul li:not(:first-of-type){margin-inline-start:2.8em}header>.desktopNav>ul a:not(:has(.headerLogo)){cursor:pointer;font-size:clamp(1.6rem,2vw,1.8rem);font-weight:300;text-decoration:none;display:block;position:relative}header>.desktopNav>ul a:not(:has(.headerLogo)):after{content:"";background-color:var(--theme-surface-tertiary);width:0;height:3px;transition:width .2s ease-in-out;display:block;position:absolute;bottom:-4px;left:0}header>.desktopNav>ul a:not(:has(.headerLogo)):hover:after{width:100%}header:after{content:"";background:linear-gradient(to top left, transparent 0%, transparent 50%, var(--theme-surface-primary) 50%, var(--theme-surface-primary) 100%);width:100%;height:3.2rem;display:block;position:absolute;bottom:-3.2rem;left:0}header .desktop{display:none}@media (width>=768px){header .desktop{display:block}}header .mobile{display:block}@media (width>=768px){header .mobile{display:none}}header .navButton{appearance:none;cursor:pointer;background-color:#0000;border:0;justify-content:end;align-items:center;height:48px;display:flex}header .desktopNav ul.mobileNav{z-index:30;background-color:var(--theme-surface-primary);flex-direction:column;justify-content:start;align-items:start;width:300px;transition:all .25s ease-in-out;position:fixed;top:46px;bottom:0;left:100%}header .desktopNav ul.mobileNav li{width:100%;margin:0}header .desktopNav ul.mobileNav li a{width:100%;padding:1.8rem 2.4rem;font-weight:600}header .desktopNav ul.mobileNav li:not(:last-of-type){border-bottom:1px solid var(--theme-surface-secondary)}header .desktopNav ul.mobileNav.open{left:calc(100% - 300px)}footer{text-align:end;padding-block:1.6rem;position:relative}footer:before{content:"";background:linear-gradient(to bottom right, transparent 0%, transparent 50%, var(--theme-surface-primary) 50%, var(--theme-surface-primary) 100%);width:100%;height:3.2rem;display:block;position:absolute;top:-3.2rem;left:0}