header{letter-spacing:-.005em;padding:1.5rem 2rem 0;font-size:1rem;font-weight:700}.header-container{margin-inline:auto;justify-content:space-between;align-items:center;width:100%;min-width:200px;max-width:1200px;margin-bottom:.5rem;display:flex}.header-brand{align-items:center;gap:.75rem;display:flex}.header-logo{align-items:center;display:flex}.header-menu-button{cursor:pointer;width:2rem;height:2rem;color:inherit;background:0 0;border:none;flex-direction:column;justify-content:center;gap:4px;padding:0;display:none}.header-menu-button span{background:currentColor;border-radius:1px;width:18px;height:2px;display:block}.header-drawer{background:var(--lightmode);z-index:100;width:280px;height:100vh;padding:2rem;transition:transform .3s;display:none;position:fixed;top:0;left:0;transform:translate(-100%)}html.dark-mode .header-drawer{background:var(--darkmode)}.header-drawer.is-open{transform:translate(0)}.header-drawer-top{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-drawer-logo{letter-spacing:-.005em;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.header-drawer-close{cursor:pointer;width:2rem;height:2rem;color:inherit;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.header-drawer-close:hover{opacity:.7}.header-drawer-nav{flex-direction:column;gap:1.25rem;display:flex}.header-drawer-nav a{letter-spacing:-.005em;font-size:1rem;font-weight:700}.header-drawer-overlay{z-index:99;cursor:pointer;background:#0006;border:none;display:none;position:fixed;inset:0}.header-content{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;display:flex}.header-nav{gap:1rem;display:flex}.header-login{flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex}.header-login-button{background-color:var(--maincolor);cursor:pointer;letter-spacing:-.005em;color:#fff;border-radius:3px;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;width:70px;height:35px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.header-login-placeholder{flex-shrink:0;width:70px;height:35px}.header-divider{border:none;border-top:1px solid var(--bordercolor)}
@media (max-width:900px){.header-menu-button{display:flex}.header-nav,.header-user-name{display:none}.header-drawer.is-open{flex-direction:column;display:flex}.header-drawer-overlay{display:block}.header-divider,.footer-divider{display:none}header{border-bottom:1px solid var(--bordercolor)}footer{border-top:1px solid var(--bordercolor)}}@media (max-width:400px){.header-drawer{width:100%}}