.navbar{--button-bg-color: var(--bg-faint);--button-text-color: var(--bg-brand-deep);--nav-link-color: rgb(var(--fg-on-deep));width:100%;position:absolute;top:0;left:0;z-index:200}.navbar:before{opacity:0;display:block;width:100%;height:var(--height-navbar);background-color:rgb(var(--bg-faint));content:"";pointer-events:none;position:absolute;top:0;left:0;transform:scaleY(.6);transition-property:transform,opacity;transition-duration:var(--speed-default);transition-timing-function:var(--ease-in-out-quart),ease}.navbar .nav-item:has(.btn){margin-left:16px}@media(max-width:767.98px){.navbar .nav-item{display:none}}.navbar .nav-link{display:block;padding:8px 16px;font-weight:500;color:var(--nav-link-color);position:relative}.navbar .nav-link:before,.navbar .nav-link:after{opacity:0;display:block;width:8px;height:8px;content:"";position:absolute;transition:all var(--speed-default) var(--ease-out-quad)}.navbar .nav-link:before{border-right:1px solid currentcolor;border-bottom:1px solid currentcolor;right:0;bottom:0;transform:translate(-100%,-100%)}.navbar .nav-link:after{border-top:1px solid currentcolor;border-left:1px solid currentcolor;top:0;left:0;transform:translate(100%,100%)}.navbar .nav-link.is-in-view:before,.navbar .nav-link.is-in-view:after{opacity:1;transform:translate(0)}@media(hover:hover)and (pointer:fine){.navbar .nav-link:hover:before,.navbar .nav-link:hover:after{opacity:1;transform:translate(0)}}.navbar.scrolled{--nav-link-color: rgb-color-var(--bg-brand-deep);filter:drop-shadow(0 0 10px rgba(0,0,0,.1))}.navbar.scrolled:before{opacity:1;transform:scaleY(1)}.navbar.scrolled .navbar__brand__logo--scroll{opacity:1}.navbar.scrolled .btn{border-color:rgb(var(--bg-brand-deep)/.1);background:transparent}.navbar__inner{display:flex;justify-content:space-between;align-items:center;width:100%;height:var(--height-navbar);border-bottom:1px solid rgb(var(--fg-on-deep)/.1)}.navbar__brand{display:flex;flex:0 0 auto;align-items:center;height:100%;padding-top:16px;padding-bottom:16px;position:relative}.navbar__brand__logo{height:80px;max-height:100%;object-fit:contain;transition:opacity var(--speed-default) .15s ease-in-out}.navbar__brand__logo--scroll{position:absolute;top:50%;transform:translateY(-50%);right:auto;left:0;opacity:0}.navbar__nav{display:flex;align-items:center}@media(min-width:768px){.navbar{position:fixed}}