.rarui-banner__1wgs6s20 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: auto;
  margin-right: auto;
  padding: var(--rarui-spacing-4xs) var(--rarui-spacing-3xs);
}
.rarui-banner__1wgs6s20:focus-within {
  outline: none;
  box-shadow: var(--rarui-elevation-focus-ring);
}
.rarui-banner_appearance_brand__1wgs6s21 {
  background-color: var(--rarui-colors-surface-brand);
  color: var(--rarui-colors-content-on-brand);
}
.rarui-banner_appearance_success__1wgs6s22 {
  background-color: var(--rarui-colors-surface-success);
  color: var(--rarui-colors-content-on-brand);
}
.rarui-banner_appearance_info__1wgs6s23 {
  background-color: var(--rarui-colors-surface-info-subdued);
  color: var(--rarui-colors-content-info);
}
.rarui-banner_appearance_neutral__1wgs6s24 {
  background-color: var(--rarui-colors-surface-primary);
  color: var(--rarui-colors-content-secondary);
}
.rarui-banner_appearance_inverted__1wgs6s25 {
  background-color: var(--rarui-colors-surface-invert);
  color: var(--rarui-colors-content-invert-secondary);
}
.rarui-banner_appearance_warning__1wgs6s26 {
  background-color: var(--rarui-colors-surface-warning);
  color: var(--rarui-colors-content-on-warning);
}
.rarui-banner_appearance_error__1wgs6s27 {
  background-color: var(--rarui-colors-surface-error);
  color: var(--rarui-colors-content-on-error);
}
.rarui-banner_floating_true__1wgs6s28 {
  border-radius: var(--rarui-shape-border-radius-xs);
}
.rarui-banner__compound_0__1wgs6s2a {
  border: 1px solid var(--rarui-colors-border-subdued);
}
.rarui-banner__compound_1__1wgs6s2b {
  border: 1px solid var(--rarui-colors-border-invert);
}
.rarui-banner__compound_2__1wgs6s2c {
  background-color: var(--rarui-colors-surface-brand-subdued);
  color: var(--rarui-colors-content-brand);
}
.rarui-banner__compound_3__1wgs6s2d {
  background-color: var(--rarui-colors-surface-info-subdued);
  color: var(--rarui-colors-content-info);
}
.rarui-banner__compound_4__1wgs6s2e {
  background-color: var(--rarui-colors-surface-secondary);
  color: var(--rarui-colors-content-secondary);
  border-width: var(--rarui-shape-border-width-1);
  border-color: var(--rarui-colors-border-subdued);
  border-style: solid;
}
.rarui-banner__compound_5__1wgs6s2f {
  background-color: var(--rarui-colors-surface-invert-secondary);
  color: var(--rarui-colors-content-invert);
  border-width: var(--rarui-shape-border-width-1);
  border-color: var(--rarui-colors-border-invert);
  border-style: solid;
}
.rarui-banner__compound_6__1wgs6s2g {
  background-color: var(--rarui-colors-surface-warning-subdued);
  color: var(--rarui-colors-content-warning);
}
.rarui-banner__compound_7__1wgs6s2h {
  background-color: var(--rarui-colors-surface-error-subdued);
  color: var(--rarui-colors-content-error);
}
.rarui-banner__compound_8__1wgs6s2i {
  background-color: var(--rarui-colors-surface-success-subdued);
  color: var(--rarui-colors-content-success);
}