.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:58px;border-bottom:1px solid transparent;transition:border-color .2s,background .2s,-webkit-backdrop-filter .2s;transition:border-color .2s,background .2s,backdrop-filter .2s;transition:border-color .2s,background .2s,backdrop-filter .2s,-webkit-backdrop-filter .2s}.navbar--scrolled{background:hsla(0,0%,4%,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--border)}.navbar-inner{height:100%;gap:32px}.navbar-inner,.navbar-logo{display:flex;align-items:center}.navbar-logo{gap:9px;flex-shrink:0}.navbar-brand{font-size:15px;font-weight:600;color:var(--t1);letter-spacing:-.02em}.navbar-nav{display:flex;gap:28px;flex:1 1}.navbar-nav a{font-size:14px;color:var(--t2);transition:color .12s}.navbar-nav a:hover{color:var(--t1)}.navbar-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.navbar-hamburger{display:none;flex-direction:column;gap:5px;padding:4px;margin-left:auto}.navbar-hamburger span{display:block;width:20px;height:1.5px;background:var(--t2);border-radius:2px;transition:background .12s}.navbar-hamburger:hover span{background:var(--t1)}.navbar-mobile{display:flex;flex-direction:column;padding:8px 16px 16px;border-top:1px solid var(--border);background:hsla(0,0%,4%,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.navbar-mobile a{padding:12px 4px;font-size:15px;color:var(--t2);border-bottom:1px solid var(--border);transition:color .12s}.navbar-mobile a:last-child{border-bottom:none}.navbar-mobile a:hover{color:var(--t1)}@media (max-width:720px){.navbar-actions,.navbar-nav{display:none}.navbar-hamburger{display:flex}}