.alert {
  padding: var(--size-3);
  border: var(--size-1) solid var(--color-text);
}
.alert.is-error {
  color: var(--color-error);
  border-color: var(--color-error);
}
.alert.is-warning {
  color: var(--color-warning);
  border-color: var(--color-warning);
}
.alert.is-success {
  color: var(--color-success);
  border-color: var(--color-success);
}
.alert.is-info {
  color: var(--color-info);
  border-color: var(--color-info);
}
.alert ul,
.alert ::slotted(ul) {
  margin: 0;
  padding: 0;
  list-style: none;
}
.alert p,
.alert ::slotted(p) {
  margin: 0;
}