/* CSS custom property for controlling message display */
body {
  --js-message: block;
}

/* No-JavaScript warning message */
body:before {
  content: "JavaScript is required for this site. Please enable JavaScript in your browser.";
  display: var(--js-message);
  padding: 10px;
  background-color: var(--sbt-color-danger);
  color: var(--sbt-color-white);
  text-align: center;
  font-family: var(--sbt-font-family);
  border: 1px solid var(--sbt-color-danger);
  margin-bottom: 10px;
  opacity: 0.9;
}