.burger-menu{background:var(--color-bg-base);cursor:pointer;width:100%;height:100%;display:block;position:relative}.burger-menu span{display:block;position:relative;width:100%;height:2px;margin:6px 0;background-color:currentColor;border-radius:3px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}.burger-menu span:first-child{transform-origin:0% 0%}.burger-menu span:nth-last-child(2){transform-origin:0% 100%}.burger-menu.active span:nth-child(1){transform-origin:50%;transform:translateY(8px) rotate(45deg)}.burger-menu.active span:nth-child(2){opacity:0}.burger-menu.active span:nth-child(3){transform-origin:50%;transform:translateY(-8px) rotate(-45deg)}@media(min-width:961px){.burger-menu{display:none}}.dropdown-container{position:relative;width:var(--space-8);height:var(--space-8)}.dropdown-menu.open{visibility:visible;transform:translateY(0)}.dropdown-menu{background-color:var(--color-bg-base);z-index:-1;position:fixed;top:var(--space-16);bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-6);transform:translateY(calc(-100% - var(--space-16)));transition:transform .5s ease-in-out}.dropdown-menu a:not(:last-of-type){border-bottom:2px dashed var(--color-txt-default)}.dropdown-menu a{padding:var(--space-4) 0}.topbar{background-color:var(--color-bg-base);display:flex;position:relative;z-index:3;align-items:center;gap:var(--space-2);justify-content:space-between;font-size:var(--text-base);min-height:var(--space-16);padding:0 var(--space-4);border-bottom:var(--em-border) dashed var(--color-txt-default)}.topbar a:hover{text-decoration:underline}#website-brand{font-size:var(--text-md)}.topbar--right{display:none}.topbar-logo{background-color:var(--color-bg-base);display:inline-flex;align-items:center;gap:var(--space-2)}h1{margin:0;font-weight:var(--font-weight-light)}@media(min-width:961px){.topbar{display:flex;justify-items:space-between;align-items:center;min-height:var(--space-16);max-width:var(--size-main-width);margin:auto;padding:0;border-bottom:1px dashed var(--color-txt-default)}.topbar--right{color:var(--color-txt-default);display:flex;align-items:center;justify-content:center;gap:30px;margin-left:auto}}.button{background-color:var(--color-bg-highlight);border-radius:12px;margin:var(--space-6) auto;padding:var(--space-4) var(--space-6);font-size:var(--text-base);color:var(--color-txt-inverted);text-transform:uppercase;cursor:pointer}footer{max-width:var(--size-main-width);margin:auto;padding-bottom:var(--space-4);font-size:var(--text-base);color:var(--color-txt-default);text-align:center;display:flex;flex-direction:column;gap:var(--space-1);font-weight:var(--font-weight-light)}@media(min-width:961px){footer{border-top:1px dashed var(--color-txt-default)}}.icon{padding-top:var(--space-1);width:var(--space-4);height:var(--space-4);display:inline}footer .button{background-color:var(--color-bg-highlight);border-radius:12px;margin:var(--space-6) auto;padding:var(--space-4) var(--space-6);font-size:var(--text-base);color:var(--color-txt-inverted);text-transform:uppercase;cursor:pointer}h2{margin:var(--space-4)}@media(min-width:961px){h2{margin:var(--space-4) 0}main{max-width:var(--size-main-width);margin:auto;padding:var(--space-6) 0}}
