/**
 * @file
 * Messages.
 */

div[data-drupal-messages] {
  width: 100%;
}

.messages {
  padding: var(--spacer-m);
  margin-bottom: var(--spacer-m);
  border-radius: var(--border-radius);
  background-color: var(--color-success-light);
  color: var(--base-font-color);
  font-size: var(--font-size-s);
}

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

.messages ul {
  margin: 0 0 0 1em;
  padding: 0;
}

.messages ul li {
  margin-bottom: 0.375rem;
}

.messages ul li:empty {
  display: none;
}

.messages ul li:last-child {
  margin-bottom: 0;
}