/**
 * @file
 * Styles for system messages.
 */
.messages {
  padding: 15px 20px 15px 35px;
  word-wrap: break-word;
  border: 1px solid;
  border-width: 1px 1px 1px 0;
  overflow-wrap: break-word;
}

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

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

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

.messages {
  color: var(--messages-text);
  border-color: var(--messages-border) var(--messages-border) var(--messages-border) transparent;
  background-color: var(--messages-bg);
  box-shadow: -8px 0 0 var(--messages-bar);
  display: flex;
  gap: 0.5em;
}

.messages__icon {
  width: 1.5em;
  height: 1.5em;
  stroke: var(--messages-bar);
}

.messages--status {
  --messages-text: var(--messages-status-text);
  --messages-bg: var(--messages-status-bg);
  --messages-border: var(--messages-status-border);
  --messages-bar: var(--messages-status-bar);
}

.messages--warning {
  --messages-text: var(--messages-warning-text);
  --messages-bg: var(--messages-warning-bg);
  --messages-border: var(--messages-warning-border);
  --messages-bar: var(--messages-warning-bar);
}

.messages--error {
  --messages-text: var(--messages-error-text);
  --messages-bg: var(--messages-error-bg);
  --messages-border: var(--messages-error-border);
  --messages-bar: var(--messages-error-bar);
}

/*# sourceMappingURL=messages.css.map */