/*
 * DON'T scope styles to `noscript#R1cFV9apu` since NoScript browser extension will replace the <noscript> element with <span>,
 * resulting in `<span id="#R1cFV9apu">`. Scoping styles to only `#R1cFV9apu` should suffice.
 *
 * Colors are re-defined here because Solid Tokens aren't loaded at this point.
 */




#R1cFV9apu {
  --sd-color-white-rgb: 255 255 255;
  --sd-color-primary-rgb: 0 53 142;
  --sd-color-primary-500-rgb: 70 109 175;
  --sd-color-error-300-rgb: 204 25 55;
  --sd-color-success-rgb: 37 136 14;
  
  display: block;
  font-family: "Frutiger Neue", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 32px;
  background: rgb(var(--sd-color-white-rgb));
}

#R1cFV9apu h1 {
  color: rgb(var(--sd-color-primary-rgb));
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  word-break: break-word;
  margin: 0;
  margin-bottom: 24px;
}

#R1cFV9apu p {
  margin-bottom: 24px;
}

#R1cFV9apu a {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  max-width: 100%;
  visibility: visible;
  -moz-osx-font-smoothing: grayscale;
  border: none;
  text-decoration-color: rgb(var(--sd-color-primary-rgb));
  text-decoration-line: underline;
  color: rgb(var(--sd-color-primary-rgb));
  word-break: break-word;
}

#R1cFV9apu a:hover {
  color: rgb(var(--sd-color-primary-500-rgb));
}

#R1cFV9apu .red {
  color: rgb(var(--sd-color-error-300-rgb));
}

#R1cFV9apu .green {
  color: rgb(var(--sd-color-success-rgb));
}