@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
.alert {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.43;
  letter-spacing: 0.01071rem;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  margin-bottom: 1rem;
}
.alert__message {
  border-radius: 4px;
}
.alert__error {
  color: rgb(97, 26, 21);
  background-color: rgb(253, 236, 234);
}
.alert__success {
  background-color: #134779;
  color: #26BC7D;
}
.alert__title {
  font-size: 1rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  margin: -2px 0 0.35rem;
  font-weight: 500;
}

/*# sourceMappingURL=alerts.css.map */