#deployment-banner {
  /* Deployment-only hazard colours stay identical in dark mode. */
  --deployment-banner-black: #000;
  --deployment-banner-yellow: #ffdf00;
  position: fixed;
  inset: auto 8px 8px auto;
  max-width: calc(100% - 16px);
  opacity: 0.7;
  z-index: 2147483647;
  pointer-events: none;
  user-select: none;
  padding: 3px;
  background: repeating-linear-gradient(135deg, var(--deployment-banner-black) 0 12px, var(--deployment-banner-yellow) 12px 24px);
  border-radius: 4px;
  font: 600 10px/1.5 var(--font-mono);
}
#deployment-banner span {
  padding: 2px 6px;
  background: var(--deployment-banner-yellow);
  color: var(--deployment-banner-black);
  box-decoration-break: clone;
  overflow-wrap: anywhere;
}