.toast {
  position: fixed;
  bottom: 50px;
  left: 50%;
  transform: translate(-50%, 100%);
  -webkit-box-shadow: 0px 0px 21px 0px rgba(34, 60, 80, 0.1);
  -moz-box-shadow: 0px 0px 21px 0px rgba(34, 60, 80, 0.1);
  box-shadow: 0px 0px 21px 0px rgba(34, 60, 80, 0.1);
  padding: 50px 100px;
  background: #fff;
  font-size: 20px;
  font-weight: 700;
  color: green;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 9999999999999;
}
.toast.active-toast {
  transition: 0.5s;
  transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible;
}

/*# sourceMappingURL=toast-notifications.css.map */