/* Keyframe animations */
@keyframes notyf-fadeinup {
  0% {
    opacity: 0;
    transform: translateY(25%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes notyf-fadeinleft {
  0% {
    opacity: 0;
    transform: translateX(25%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes notyf-fadeoutright {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(25%);
  }
}
@keyframes notyf-fadeoutdown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(25%);
  }
}
@keyframes ripple {
  0% {
    transform: scale(0) translateY(-45%) translateX(13%);
  }
  100% {
    transform: scale(1) translateY(-45%) translateX(13%);
  }
}
/* Variables */
/* Base component */
.notyf {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  color: #ffffff;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  pointer-events: none;
  box-sizing: border-box;
  padding: 20px;
}
.notyf__icon--error,
.notyf__icon--success {
  height: calc(0.5 * var(--notyf-size) * 1px);
  width: calc(0.5 * var(--notyf-size) * 1px);
  background: white;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.notyf__icon--error:after,
.notyf__icon--error:before {
  content: "";
  background: currentColor;
  display: block;
  position: absolute;
  width: 3px;
  border-radius: 3px;
  left: 9px;
  height: 12px;
  top: 5px;
}
.notyf__icon--error:after {
  transform: rotate(-45deg);
}
.notyf__icon--error:before {
  transform: rotate(45deg);
}
.notyf__icon--success:after,
.notyf__icon--success:before {
  content: "";
  background: currentColor;
  display: block;
  position: absolute;
  width: 3px;
  border-radius: 3px;
}
.notyf__icon--success:after {
  height: 6px;
  transform: rotate(-45deg);
  top: 9px;
  left: 6px;
}
.notyf__icon--success:before {
  height: 11px;
  transform: rotate(45deg);
  top: 5px;
  left: 10px;
}
.notyf__toast {
  display: block;
  overflow: hidden;
  pointer-events: auto;
  animation: notyf-fadeinup 0.3s ease-in forwards;
  box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.25);
  position: relative;
  padding: 0 15px;
  border-radius: 2px;
  max-width: 300px;
  transform: translateY(25%);
  box-sizing: border-box;
  flex-shrink: 0;
}
.notyf__toast--disappear {
  transform: translateY(0);
  animation: notyf-fadeoutdown 0.3s forwards;
  animation-delay: 0.25s;
}
.notyf__toast--disappear .notyf__message,
.notyf__toast--disappear .notyf__icon {
  animation: notyf-fadeoutdown 0.3s forwards;
  opacity: 1;
  transform: translateY(0);
}
.notyf__toast--disappear .notyf__dismiss {
  animation: notyf-fadeoutright 0.3s forwards;
  opacity: 1;
  transform: translateX(0);
}
.notyf__toast--disappear .notyf__message {
  animation-delay: 0.05s;
}
.notyf__toast--upper {
  margin-bottom: 20px;
}
.notyf__toast--lower {
  margin-top: 20px;
}
.notyf__toast--dismissible .notyf__wrapper {
  padding-right: 30px;
}
.notyf__ripple {
  height: 400px;
  width: 400px;
  position: absolute;
  transform-origin: bottom right;
  right: 0;
  top: 0;
  border-radius: 50%;
  transform: scale(0) translateY(-51%) translateX(13%);
  z-index: 5;
  animation: ripple 0.4s ease-out forwards;
}
.notyf__icon {
  width: 0.22rem;
  text-align: center;
  font-size: 1.3em;
  opacity: 0;
  animation: notyf-fadeinup 0.3s forwards;
  animation-delay: 0.3s;
  margin-right: 13px;
}
.notyf__dismiss {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 26px;
  margin-right: -15px;
  animation: notyf-fadeinleft 0.3s forwards;
  animation-delay: 0.35s;
  opacity: 0;
}
.notyf__dismiss-btn {
  background-color: rgba(0, 0, 0, 0.25);
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease, background-color 0.2s ease;
  outline: none;
  opacity: 0.35;
  height: 100%;
  width: 100%;
}
.notyf__dismiss-btn:after,
.notyf__dismiss-btn:before {
  content: "";
  background: white;
  height: 12px;
  width: 2px;
  border-radius: 3px;
  position: absolute;
  left: calc(50% - 1px);
  top: calc(50% - 5px);
}
.notyf__dismiss-btn:after {
  transform: rotate(-45deg);
}
.notyf__dismiss-btn:before {
  transform: rotate(45deg);
}
.notyf__dismiss-btn:hover {
  opacity: 0.7;
  background-color: rgba(0, 0, 0, 0.15);
}
.notyf__dismiss-btn:active {
  opacity: 0.8;
}
.notyf__message {
  vertical-align: middle;
  position: relative;
  opacity: 0;
  animation: notyf-fadeinup 0.3s forwards;
  animation-delay: 0.25s;
  line-height: 1.5em;
}
/* Small screens */
@media only screen and (max-width: 480px) {
  .notyf {
    padding: 0;
    font-size: 10px;
  }
  .notyf__ripple {
    height: 600px;
    width: 600px;
    animation-duration: 0.5s;
  }
  .notyf__toast {
    max-width: initial;
    border-radius: 0;
    box-shadow: 0px -2px 7px 0px rgba(0, 0, 0, 0.13);
    width: 100%;
  }
  .notyf__dismiss {
    width: 56px;
  }
}
.notyf__wrapper {
  display: flex;
  align-items: center;
  padding-top: calc(0.3 * var(--notyf-size) * 1px);
  padding-bottom: calc(0.3 * var(--notyf-size) * 1px);
  padding-right: calc(0.2 * var(--notyf-size) * 1px);
  border-radius: 3px;
  position: relative;
  z-index: 10;
  font-size: var(--notyf-size);
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2JlYm8vZGV2L2syL3VudGlsb29wL3Nzc3Mvc291cmNlL2Fzc2V0cy9hdXRvLXNjcmlwdHMvbm90eWYubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0E7RUFDRTtJQUNFLFVBQUE7SUFDQSxXQUFXLGVBQVg7O0VBRUY7SUFDRSxVQUFBO0lBQ0EsV0FBVyxhQUFYOzs7QUFJSjtFQUNFO0lBQ0UsVUFBQTtJQUNBLFdBQVcsZUFBWDs7RUFFRjtJQUNFLFVBQUE7SUFDQSxXQUFXLGFBQVg7OztBQUlKO0VBQ0U7SUFDRSxVQUFBO0lBQ0EsV0FBVyxhQUFYOztFQUVGO0lBQ0UsVUFBQTtJQUNBLFdBQVcsZUFBWDs7O0FBSUo7RUFDRTtJQUNFLFVBQUE7SUFDQSxXQUFXLGFBQVg7O0VBRUY7SUFDRSxVQUFBO0lBQ0EsV0FBVyxlQUFYOzs7QUFJSjtFQUNFO0lBQ0UsV0FBVyxTQUFTLGlCQUFpQixlQUFyQzs7RUFFRjtJQUNFLFdBQVcsU0FBUyxpQkFBaUIsZUFBckM7Ozs7O0FBUUo7RUFDRSxlQUFBO0VBQ0EsTUFBQTtFQUNBLE9BQUE7RUFDQSxZQUFBO0VBQ0EsV0FBQTtFQUNBLGNBQUE7RUFDQSxhQUFBO0VBQ0EsYUFBQTtFQUNBLHNCQUFBO0VBQ0EscUJBQUE7RUFDQSx5QkFBQTtFQUNBLG9CQUFBO0VBQ0Esc0JBQUE7RUFDQSxhQUFBOztBQUlFLE1BREQsTUFDRTtBQUNELE1BRkQsTUFFRTtFQUNDLFFBQVEsV0FBVyx3QkFBbkI7RUFDQSxPQUFPLFdBQVcsd0JBQWxCO0VBRUEsaUJBQUE7RUFDQSxrQkFBQTtFQUNBLGNBQUE7RUFDQSxjQUFBO0VBQ0Esa0JBQUE7O0FBSUEsTUFkSCxNQWFFLE9BQ0U7QUFDRCxNQWZILE1BYUUsT0FFRTtFQUNDLFNBQVMsRUFBVDtFQUNBLHdCQUFBO0VBQ0EsY0FBQTtFQUNBLGtCQUFBO0VBQ0EsVUFBQTtFQUNBLGtCQUFBO0VBQ0EsU0FBQTtFQUNBLFlBQUE7RUFDQSxRQUFBOztBQUdGLE1BM0JILE1B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 */