/**
 * @file
 * Status messages.
 */

.messages {
  padding: 1rem 1.25rem;
  margin: 1rem 0;
  border-left: 4px solid var(--primary);
  background: var(--card);
  border: 1px solid var(--border);
  border-left-width: 4px;
}

.messages--status {
  border-left-color: #2f6f4e;
}

.messages--warning {
  border-left-color: var(--highlight);
}

.messages--error {
  border-left-color: var(--accent);
}

.messages__list {
  margin: 0;
  padding-left: 1.25rem;
  list-style: disc;
}