html,
body {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}

.logo a,
.logo a:visited,
.logo a:hover,
.logo a:active {
  text-shadow: -10px -8px var(--color-brand-800);
  color: var(--color-brand-300);
  text-decoration: none;
}

/* Show a clear outline only on keyboard focus */
button[data-rating-pill]:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 2px var(--color-neutral-950),
    0 0 0 4px var(--color-neutral-400);
}

[data-when] {
  display: none;
}
[data-status="initial"] [data-when~="initial"] {
  display: initial;
}
[data-status="pending"] [data-when~="pending"] {
  display: initial;
}
[data-status="success"] [data-when~="success"] {
  display: initial;
}
[data-status="error"] [data-when~="error"] {
  display: initial;
}