// Messages

.message {
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  width: 95%;

  &.status {
    background-color: var(--color-status-bg);
    color: var(--color-status);
    border-color: var(--color-status);
  }

  &.warning {
    background-color: var(--color-warning-bg);
    color: var(--color-warning);
    border-color: var(--color-warning);
  }

  &.error {
    background-color: var(--color-error-bg);
    color: var(--color-error);
    border-color: var(--color-error);
  }
}