#nav{max-width:var(--max-width);border-bottom:3px solid var(--shadow);justify-content:space-between;margin:0 auto;padding:1rem 0;display:flex;position:relative}#nav .brand{color:var(--foreground);font-family:Fraunces,sans-serif;font-size:1.6rem;font-weight:700}#nav .brand img{margin-right:.5rem}#nav .brand:hover{color:var(--faded-text)}#nav .nav-links{align-items:center;gap:.75rem;display:flex}#nav .nav-links .button{border:2px solid var(--shadow);background:var(--background);color:var(--foreground);letter-spacing:.5px;border-radius:.5rem;padding:.5rem 1rem;font-weight:700;display:block;position:relative;overflow:hidden}#nav .nav-links .button span{z-index:1;position:relative}#nav .nav-links .button:hover{color:var(--foreground)}#nav .nav-links .button:before{content:"";background:var(--card-bg);z-index:0;width:0;height:100%;position:absolute;top:0}#nav .nav-links .button:hover:before{width:100%;transition:all .3s;left:0}#nav .nav-links .user-icon{border:2px solid var(--shadow);background:var(--background);border-radius:50%;padding:.25rem;display:flex}#nav .nav-links .user-icon img{border-radius:50%;width:40px;height:40px}#breadcrumb{max-width:var(--max-width);border-bottom:3px solid var(--shadow);margin:0 auto;padding:.5rem 0;display:flex}#breadcrumb a{color:var(--faded-text)}#breadcrumb a:hover{color:var(--accent-1)}#breadcrumb .separator{color:var(--faded-text);margin:0 .5rem}.mobile-menu,.menu-toggle{display:none}@media screen and (max-width:768px){#nav{padding:1rem}#breadcrumb{padding:.5rem}#nav>.nav-links{display:none}.menu-toggle{border:2px solid var(--shadow);background:var(--background);color:var(--foreground);letter-spacing:.5px;border-radius:.5rem;padding:.5rem 1rem;font-weight:700;display:block;position:relative;overflow:hidden}.menu-toggle span{z-index:1;position:relative}.menu-toggle:hover{color:var(--foreground)}.menu-toggle:before{content:"";background:var(--card-bg);z-index:0;width:0;height:100%;position:absolute;top:0}.menu-toggle:hover:before{width:100%;transition:all .3s;left:0}.mobile-menu{z-index:999;background:var(--background);border-radius:0 0 1rem 1rem;width:100%;max-height:50vh;transition:all .3s;display:flex;position:absolute;top:76px;left:0;overflow:hidden}.mobile-menu.hidden{max-height:0}.nav-links{flex-direction:column;flex:1;padding:1rem;display:flex}}