.message {
  --message-text-color: var(--text-success);
  --text-color-primary: var(--message-text-color);
  --text-color-secondary: var(--message-text-color);
  --message-surface: var(--surface-success);
  background: var(--message-surface);
  color: var(--message-text-color);
}

.message--error {
  --message-text-color: var(--text-error);
  --message-surface: var(--surface-error);
}

.message--warning {
  --message-text-color: var(--text-warning);
  --message-surface: var(--surface-warning);
}

.message--info {
  --message-text-color: var(--text-information);
  --message-surface: var(--surface-information);
}

.message-box,
.message-text {
  border-radius: var(--radius-md);
}

.message-box {
  margin-block: var(--size-20);
  padding: var(--inset-padding-sm);
}

.message-box ul {
  margin-top: var(--size-8);
}

.message-text {
  margin-top: var(--size-8);
  padding-inline: var(--size-8);
}

.message-banner {
  padding-block: var(--size-20);
  display: flex;
  align-items: center;
  z-index: var(--z-index-banner-messages);
  position: relative;
}

.message-banner p {
  font-size: var(--fs-p-md);
}

.js-notice {
  text-align: center;
}

@media (min-width: 48rem) {
  .message-banner {
    padding-block: var(--size-28);
  }
}
@media (min-width: 60rem) {
  .message-banner {
    padding-block: var(--size-40);
  }
}

/*# sourceMappingURL=/assets/application/base/messages-53915e94.css.map */