.alert-note {
  border-left: 4px solid #3273dc;
  background: #e3f0ff;
}

.alert-warning {
  border-left: 4px solid #dcaf32;
  background: #fff8e3;
}

.alert {
  padding: 0.2em 1em;
  margin: 1em 0;
  border-radius: 4px;
}

@media (prefers-color-scheme: dark) {
  .alert-note {
    border-left: 4px solid #82c1f5;
    background: #3e81c3;
  }

  .alert-warning {
    border-left: 4px solid #f5de82;
    background: #c39d3e;
  }
}