body>header{z-index:100;background:var(--color-header-bg);color:var(--color-text);box-shadow:0 6px 18px var(--color-bg);border-bottom:1px solid rgb(from var(--color-line)r g b/5%);grid-area:header;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1.5rem;display:grid;position:sticky;top:0;& .logo-icon{width:auto;height:32px}& .logo-text{background:var(--color-text);width:100px;height:20px;display:inline-block;mask-image:url(/web/images/pacer.svg);mask-size:contain;mask-repeat:no-repeat}& .header-left{align-items:center;gap:.75rem;margin-top:4px;display:flex}& .logo-link{align-items:center;gap:.5rem;display:flex}& .header-right{justify-content:flex-end;align-items:center;gap:1rem;display:flex}& .header-icon-link{width:36px;height:36px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex;&:hover{background:var(--color-surface);color:var(--color-text)}&.active{color:var(--color-text);background:var(--color-surface)}& svg{width:20px;height:20px}}}