/**
 * Message status
 */

.status-messages {
  padding: 1rem 0;
}
.messages {
  border: 0;
  box-shadow: none;
  padding: 1rem 2rem 1rem 3.5rem;
  background-image: none;
  border-radius: 3px;
  position: relative;
  color: var(--brand-secondary-color);
  background-color: var(--brand-secondary-light-color);
}
.messages::before {
  content: '';
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../../images/message--info.svg');
}
.messages p {
  margin: 0;
}
.messages--error {
  color: var(--system-fail-color);
  background-color: var(--system-fail-light-color);
}
.messages--error::before {
  background-image: url('../../images/message--alert.svg');
}
.messages--status {
  color: var(--system-success-color);
  background-color: var(--system-success-light-color);
}
.messages--status::before {
  background-image: url('../../images/message--success.svg');
}
.messages--warning {
  color: var(--system-warning-color);
  background-color: var(--system-warning-light-color);
}
.messages--warning::before {
  background-image: url('../../images/message--warning.svg');
}
.messages--status a {
  text-decoration: underline;
}