body{margin:0;padding-top:60px;font-family:sans-serif}.navbar{background-color:var(--bg-color);border-bottom:1px solid var(--border-color);z-index:1000;box-sizing:border-box;height:60px;padding:0 15px;position:fixed;top:0;left:0;right:0}.navbar-container{align-items:center;max-width:1200px;height:100%;margin:0 auto;display:flex}.navbar-toggle{cursor:pointer;z-index:101;background:0 0;border:none;outline:0;flex-shrink:0;width:40px;height:30px;margin-right:15px;padding:10px;display:inline-block;position:relative}.navbar-toggle .bar{background-color:var(--text-color);transform-origin:50%;border-radius:1px;width:30px;height:3px;transition:all .3s ease-in-out;display:block;position:absolute;left:5px}.navbar-toggle .bar:first-child{top:6px}.navbar-toggle .bar:nth-child(2){top:13.5px}.navbar-toggle .bar:nth-child(3){top:21px}.navbar-toggle.active .bar:first-child{top:13.5px;transform:rotate(45deg)}.navbar-toggle.active .bar:nth-child(2){opacity:0}.navbar-toggle.active .bar:nth-child(3){top:13.5px;transform:rotate(-45deg)}.navbar-logo-link{flex-shrink:0;align-items:center;display:flex}.navbar-logo{height:35px;display:block}.navbar-links{background-color:var(--bg-color);border-top:1px solid var(--border-color);z-index:100;flex-direction:column;align-items:stretch;max-height:0;transition:max-height .4s ease-out;display:flex;position:absolute;top:60px;left:0;right:0;overflow:hidden;box-shadow:0 2px 5px #0000001a}.navbar-links.active{max-height:300px}.navbar-menu{flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.navbar-menu li{width:100%}.navbar-menu li a{color:var(--link-color);box-sizing:border-box;text-align:left;width:100%;padding:12px 20px;text-decoration:none;transition:background-color .2s;display:block}.navbar-menu li a:hover{background-color:var(--secondary-color);color:var(--link-hover)}.navbar-account-link{margin-left:auto}@media (width>=768px){.navbar-toggle{display:none}.navbar-links{box-shadow:none;background-color:#0000;border-top:none;flex-direction:row;align-items:center;width:auto;max-height:none;margin-left:20px;padding:0;display:flex;position:static;overflow:visible}.navbar-menu{flex-direction:row;width:auto}.navbar-menu li{width:auto;margin:0 10px}.navbar-menu li a{text-align:left;width:auto;padding:5px}.navbar-menu li a:hover{color:var(--link-hover);background-color:#0000}.navbar-logo{height:40px}}.content-area{padding:20px}