.messages {
  padding: 1em 1em;
  word-wrap: break-word;
  border: 1px solid;
  border-width: 1px 1px 1px 6px;
  border-radius: 0 4px 4px 0;
  overflow-wrap: break-word;
}

.messages + .messages {
  margin-top: 1.5em;
}

.messages__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.messages__item + .messages__item {
  margin-top: 0.75em;
}

.messages--status {
  color: var(--theme--color--success-dark);
  border-color: var(--theme--color--success);
  background-color: var(--theme--color--success-light);
}

.messages--warning {
  color: var(--theme--color--warning-dark);
  border-color: var(--theme--color--warning);
  background-color: var(--theme--color--warning-light);
}

.messages--info {
  color: var(--theme--color--primary);
  border-color: var(--theme--color--primary);
  background-color: rgba(255,255,255, 1);
}

.messages--error {
  color: var(--theme--color--error-dark);
  border-color: var(--theme--color--error);
  background-color: var(--theme--color--error-light);
}

.messages--error p.error {
  color: var(--theme--color--error);
}