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

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

.message-box,
.message-text {
  border-radius: 0.25rem;
}

.message-box {
  margin-block: 1.25rem;
  padding: 1rem;
}

.message-box ul {
  margin-top: 0.5rem;
}

.message-text {
  margin-top: 0.5rem;
  padding-inline: 0.5rem;
}

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

.message-banner p {
  --text-line-height: 1.2;
}

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

@media (max-width: 37.4375rem) {
  .message-banner p {
    font-size: 0.9375rem;
  }
}
@media (min-width: 48rem) {
  .message-banner {
    padding-block: 2rem;
  }
}
@media (min-width: 60rem) {
  .message-banner {
    padding-block: 2.25rem;
  }
}

/*# sourceMappingURL=/assets/application/base/messages-9f664531.css.map */