/* Signed-out bar: only what is particular to it. The bar's layout (.prenav), the brand and the theme toggle
   live in the theme stylesheet, because a signed-in person's server error page draws this bar too and then
   loads the signed-in navbar's stylesheet instead of this one. */

.prenav {
  animation: fade-in var(--dur-3) var(--ease-out) both;
}

.prenav .brand-name {
  font-size: 1.25rem;
}

.prenav .theme-toggle {
  border: 1px solid var(--border);
  background: color-mix(in oklch, var(--surface) 70%, transparent);
}

.prenav .theme-toggle:hover {
  background: var(--surface);
}