.navbar{background-color:var(--color-navbar-bg);border-bottom:1px solid var(--color-navbar-border);flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem 1.5rem;display:flex}.navbar__brand{color:var(--color-navbar-text);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.navbar__brand:hover{text-decoration:none}.navbar__brand img{width:auto;height:2rem}.navbar__search{flex:18rem;max-width:30rem;display:flex}.navbar__search-input{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none;flex:auto;padding:.375rem .75rem}.navbar__search-input:focus{border-color:#86b7fe;outline:0}.navbar__search-button{font:inherit;color:#fff;background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;padding:.375rem .75rem}.navbar__links{align-items:center;gap:1rem;margin-left:auto;display:flex}.navbar__links a{color:var(--color-navbar-muted)}.navbar__links a:hover,.navbar__links a.active{color:var(--color-navbar-text)}