/* The test-payments bar. The proxy links this file into every page of an app whose payments are
   in test mode (rewrite mode), so the bar needs nothing from the app's markup. Fixed to the
   viewport edges, so the page's own body margin cannot inset it, and the page moves down by the
   bar's height (on html, which apps rarely style) instead of being covered. One line of fixed
   height keeps that offset exact; the text is short enough for a phone. */
html {
  margin-top: 32px !important;
}
body::before {
  content: "Test payments: test cards only, nobody is charged";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2147483647;
  box-sizing: border-box;
  height: 32px;
  padding: 0 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #ffb020;
  color: #1a1a1a;
  font: 600 13px/32px -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-align: center;
}