.error-illustration {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.error-illustration-compact {
  max-width: 32rem;
  margin: 0 auto 1.5rem;
}

.error-illustration-dark {
  display: none;
}

[data-bs-theme="dark"] .error-illustration-light {
  display: none;
}

[data-bs-theme="dark"] .error-illustration-dark {
  display: inline;
}

/* Standalone error pages can follow the OS theme without adding JavaScript. */
@media (prefers-color-scheme: dark) {
  :root:not([data-bs-theme="light"]):not([data-bs-theme="dark"]) .error-illustration-light {
    display: none;
  }

  :root:not([data-bs-theme="light"]):not([data-bs-theme="dark"]) .error-illustration-dark {
    display: inline;
  }
}