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