/**
 * @file
 * Status, warning and error messages.
 */

.messages {
  padding-block: 15px;
  padding-inline: 35px 20px;
  border: 1px solid;
  border-inline-start-width: 8px;
  background-repeat: no-repeat;
  background-position: left 10px top 17px;
  overflow-wrap: break-word;
}

[dir="rtl"] .messages {
  background-position: right 10px top 17px;
}

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

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

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

.messages--status {
  color: light-dark(#325e1c, #b0dda1);
  border-color: light-dark(#c9e1bd, #4b5055);
  border-inline-start-color: #77b259;
  background-color: light-dark(#f3faef, #203b28);
  background-image: url(../../images/icons/check.svg);
}

.messages--warning {
  color: light-dark(#734c00, #f1d095);
  border-color: light-dark(#f4daa6, #4b5055);
  border-inline-start-color: #e09600;
  background-color: light-dark(#fdf8ed, #3a3020);
  background-image: url(../../images/icons/warning.svg);
}

.messages--error {
  color: light-dark(#a51b00, #ffb3a4);
  border-color: light-dark(#f9c9bf, #4b5055);
  border-inline-start-color: #e62600;
  background-color: light-dark(#fcf4f2, #402823);
  background-image: url(../../images/icons/error.svg);
}

.messages--error p.error {
  color: inherit;
}

.rnd .messages {
  border-radius: var(--control-radius);
}