.branding{align-items:center;gap:.5rem;display:flex}.branding .logo{max-width:38px}header{background-color:var(--background);border-bottom:1px solid var(--border-color);z-index:1000;position:sticky;top:0}header nav{background-color:var(--background);justify-content:space-between;align-items:center;height:82px;display:flex}header nav .links,header nav .actions{align-items:center;gap:2rem;display:flex}header nav .actions{gap:2rem}header .mobile-menu{display:none}header .theme-switch{background-color:var(--background-color-2);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.top-bar{background-color:var(--foreground);color:var(--background);padding:.5rem 1rem}.top-bar .container{text-align:center;justify-content:center;align-items:center;gap:.5rem;display:flex}@media screen and (max-width:1080px){header nav .actions{display:none}header .container{padding:0 2rem;transition:height .5s}header .container .links{background-color:var(--background);flex-direction:column;align-items:center;width:100%;height:calc(100vh - 82px);padding-top:32px;transition:all .3s linear;position:absolute;top:82px;left:-100vw}header .mobile-menu{display:block}header .open .links{left:0}header .open .actions{flex-direction:column;align-items:center;gap:2rem;display:flex;position:absolute;top:45vh;left:0;right:0}}@media screen and (max-width:768px){header nav .actions{display:none}header .container{padding:0 1rem}}
