body {
  font-family: "Helvetica", "Arial", sans-serif;
  display: grid;
  grid-template-areas:
    "reqs"
    "key"
    "stripe"
    "output";
  grid-gap: 10px;
  align-items: center;
}

stripe-payment-request {
  grid-area: stripe;
}

json-viewer {
  grid-area: output;
  color: #212529;
  background: white;
  --json-viewer-key-color: #d9480f;
  --json-viewer-boolean-color: #0b7285;
  --json-viewer-number-color: #087f5b;
  --json-viewer-null-color: #c92a2a;
  --json-viewer-string-color: #0b7285;
}

mwc-textfield {
  grid-area: key;
}

#reqs {
  grid-area: reqs;
}