.navbar{width:100%;border:none;max-width:var(--max-width,1200px);margin:0 auto;min-height:64px;padding:0 32px;display:grid;grid-template-columns:repeat(12,1fr);align-items:center;grid-column-gap:1rem;column-gap:1rem;justify-content:space-between;background:var(--navbar-background);box-sizing:border-box;position:fixed;top:0;left:0;right:0;z-index:1000}.navbar-logo{grid-column:1/span 2;display:flex;align-items:center}.navbar ul{grid-column:4/span 5;list-style:none;padding:0;margin:0;display:flex;gap:1.5rem}.navbar a{height:100%;color:inherit;display:flex;align-items:center;text-decoration:none;padding:.5rem 1rem;background-color:transparent;border-radius:4px;transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out}.navbar li.active a{background-color:var(--navbar-active-bg,#555);color:var(--navbar-active-color,#fff)}.navbar li:hover a{background-color:var(--navbar-hover-bg,#777);color:var(--navbar-hover-color,#fff);box-shadow:0 0 5px rgba(255,255,255,.3)}.navbar-cta{grid-column:11/span 2;display:flex;justify-content:center;align-items:center}