@adobe/spectrum-css/dist/components/banner/index-vars.css

The Spectrum CSS top-level backwards compatible package

.spectrum-Banner {
  display: inline-block;
  border-radius: var(--spectrum-banner-border-radius, var(--spectrum-global-dimension-static-size-100));
  padding: var(--spectrum-banner-padding-y, var(--spectrum-global-dimension-static-size-50)) var(--spectrum-banner-padding-x, var(--spectrum-global-dimension-static-size-100));
  font-size: var(--spectrum-banner-text-size, var(--spectrum-global-dimension-font-size-75));
  line-height: var(--spectrum-banner-text-line-height, var(--spectrum-alias-heading-text-line-height));
}

.spectrum-Banner-header {
  font-weight: bold;
}

.spectrum-Banner--corner {
  position: absolute;
  top: -10px;
  right: -10px;
}

.spectrum-Banner {
  color: var(--spectrum-banner-text-color, var(--spectrum-global-color-static-white));
}

.spectrum-Banner--info {
  background-color: var(--spectrum-banner-info-background-color, var(--spectrum-semantic-informative-color-default));
}

.spectrum-Banner--warning {
  background-color: var(--spectrum-banner-warning-background-color, var(--spectrum-semantic-notice-color-default));
}

.spectrum-Banner--error {
  background-color: var(--spectrum-banner-error-background-color, var(--spectrum-semantic-negative-color-default));
}