.messages,
.form-item--error-message {
  margin-top: 2rem;
  margin-left: -1rem;
  margin-right: -1rem;
  padding: 1rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 0.25rem;
  position: relative;
}

.messages::before,
  .form-item--error-message::before {
  content: '';
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  position: absolute;
}

.messages--status {
  background-color: #c6f6d5;
  color: #276749;
  border-color: #276749;
}

.messages--status::before {
  background-color: #276749;
}

.messages--error,
.form-item--error-message {
  background-color: #fed7d7;
  color: #9b2c2c;
  border-color: #9b2c2c;
}

.messages--error::before,
  .form-item--error-message::before {
  background-color: #9b2c2c;
}

/*# sourceMappingURL=messages.css.map */