mdl-alert {
  background: var(--brand-success-lighter);
  border-left: 5px solid var(--brand-success);
  display: block;
}

mdl-alert[data-type="info"] {
  background: #EAF6F8;
  border-left: 1rem solid #55BADF;
}

mdl-alert[data-type="warning"] {
  background: #F9F3D5;
  border-left: 1rem solid #F5C150;
}

mdl-alert[data-type="success"] {
  background: #EDF3ED;
  border-left: 1rem solid #4BA638;
}

mdl-alert > div.alert-flex {
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: 1rem;
}

mdl-alert > div.alert-flex > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

mdl-alert > div.alert-flex > div > p {
  margin: 0;
}