header{background-color:var(--header-bg);padding:0 1rem;margin:1rem auto;border-radius:var(--border-radius);max-width:1500px}nav{display:flex;justify-content:space-between;align-items:center;height:60px}.logo-and-links{display:flex;align-items:center;height:100%;transition:all .3s ease}.logo-and-links .logo{margin-right:1rem;display:flex;align-items:center}.logo-and-links .logo img{max-height:32px}.nav-links{display:flex;list-style:none;margin:0;padding:0;height:100%;max-height:1e3px;transition:max-height .3s ease-in-out}.nav-links li{margin-right:1rem;display:flex;align-items:center}.nav-links a{text-decoration:none;color:var(--text-color);display:flex;align-items:center;height:100%}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:100%;left:0;padding:10px;border-radius:1rem;background-color:var(--header-bg);min-width:200px;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1;margin-top:0}.dropdown .dropdown-toggle{background:0 0;border:none;color:var(--text-color);font-size:1rem;cursor:pointer;padding:0;display:flex;align-items:center;gap:.25rem}.dropdown-arrow{font-size:.75rem;transition:transform .2s ease}.dropdown.active .dropdown-arrow{transform:rotate(180deg)}.dropdown:hover .dropdown-content,.dropdown.active .dropdown-content{display:block}.dropdown-toggle:focus-visible{outline:3px solid var(--btn-primary-bg);outline-offset:2px;border-radius:2px}.right-nav{display:flex;align-items:center;height:100%}.donate-btn,.leave-beta-btn{padding:.5rem 1rem;margin-left:1rem;text-decoration:none;color:var(--btn-tertiary-text);background-color:var(--btn-tertiary-bg);border-radius:var(--border-radius);display:flex;align-items:center;transition:opacity .3s ease}.donate-btn:hover,.leave-beta-btn:hover{opacity:.9;color:var(--btn-tertiary-text)}.hamburger{display:none;flex-direction:column;cursor:pointer;margin-right:1rem;padding-top:.3rem}.hamburger span{width:25px;height:3px;background-color:var(--text-color);margin:2px 0}@media(max-width:768px){header{margin:1rem .5rem}nav{flex-direction:column;align-items:flex-start;height:auto;padding:1rem}.logo-and-links{width:100%;flex-direction:column;align-items:flex-start}.nav-links{flex-direction:column;width:100%;max-height:0;overflow:hidden}.nav-links.active{max-height:500px}.nav-links li{margin:0;width:100%}.nav-links a{width:100%;padding:.5rem 0;justify-content:flex-start}.right-nav{display:none;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.right-nav.active{display:flex;flex-direction:row;justify-content:center;width:100%;margin-top:1rem;max-height:100px}.right-nav a{margin:.5rem}.hamburger{height:32px;display:flex;position:absolute;right:1rem;background:0 0;border:none;cursor:pointer;padding:0}.hamburger:focus-visible{outline:3px solid var(--btn-primary-bg);outline-offset:2px;border-radius:4px}.logo-and-links.active .nav-links,.right-nav.active{display:flex}.dropdown{display:flex;flex-direction:column;width:100%}.dropdown-content{position:static;box-shadow:none;width:100%;padding-left:1rem;display:block;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;background-color:var(--header-bg);opacity:.8;margin-top:0}.dropdown>a{width:100%}.dropdown-content a{width:100%;padding:.5rem 0}.dropdown.active .dropdown-content{max-height:200px}}