:root{--nav:50px;--top:calc(var(--space) + var(--nav) + var(--space))}#navbar{height:calc(var(--space) + var(--nav) + var(--space));position:sticky;top:0;z-index:10}#navbar .wrapper{background:var(--bg);display:flex;flex-direction:row;font-size:16px;gap:5px;height:100%;left:0;padding:var(--space);position:absolute;right:0;top:0;transition:transform .25s ease-in-out}.sidebar-container #navbar{padding-left:0;padding-right:0}.nav-is-hidden:not(.is-top) #navbar .wrapper{transform:translateY(-100%)}#navbar .brand,#navbar .link{align-items:center;border-radius:var(--nav);display:flex;flex-direction:row;height:var(--nav);justify-content:space-between;outline:1px solid var(--color);outline-offset:-1px;padding:0 20px}#navbar .brand{flex:1 1 auto;gap:var(--space)}#navbar .logo{flex:1 1;max-width:100px;fill:var(--color)}#navbar .identity{margin-left:auto}#navbar .link{flex:0 0 auto}:root.is-open #navbar .wrapper:after,:root.is-scrolled:not(.is-top) #navbar .wrapper:after{border-bottom:1px solid var(--neutral-200);bottom:0;content:"";left:0;position:absolute;right:0}#contact-link.link{background:var(--dusk-fuchsia);color:var(--white);outline:none}#nav-button{align-items:center;display:none;flex:0 0 auto;flex-direction:column;height:var(--nav);justify-content:center}#nav-button .line{background:var(--color);flex:0 0 auto;height:2px;margin:3px 0;width:40px}.is-mobile #nav-button{display:flex}.is-mobile #navbar .wrapper{flex-direction:column;gap:var(--space);height:calc(var(--space) + var(--nav) + var(--space));overflow:hidden}.is-mobile #navbar .link{font-weight:600}.is-mobile #navbar .link:last-of-type{margin-bottom:var(--nav)}@media (max-width:500px){#navbar .identity{display:none}#navbar .logo{max-width:120px}}