/* -----------------------------------------------------------
  =^..^=
-------------------------------------------------------------- */
.messages {
  margin: 2rem 0;
}
.messages > div {
  background-color: color-mix(in srgb, #353533 5%, white);
  background-position: 0.875rem;
  background-repeat: no-repeat;
  background-size: 1.375rem;
  border: 1px solid #353533;
  color: #353533;
  line-height: 1.5;
  margin-bottom: 1rem;
  padding: 1rem 1rem 1rem 3rem;
}
.messages > div a {
  color: #353533;
  font-weight: 600;
}
.messages ul {
  list-style-type: none;
  margin: 0;
}
.messages li {
  margin: 0;
}
.messages .error {
  background-color: color-mix(in srgb, darkred 4%, white);
  background-image: url("../images/icon-error.svg");
  border-color: darkred;
  color: darkred;
}
.messages .error a {
  color: darkred;
}
.messages .warning {
  background-color: color-mix(in srgb, #aa4322 4%, white);
  background-image: url("../images/icon-warning.svg");
  border-color: #aa4322;
  color: #aa4322;
}
.messages .warning a {
  color: #aa4322;
}
.messages .status {
  background-color: color-mix(in srgb, #117075 4%, white);
  background-image: url("../images/icon-status.svg");
  border-color: #117075;
  color: #117075;
}
.messages .status a {
  color: #117075;
}