@font-face {
  font-family: "Lato-Bold";
  src: url("../font/Lato-Bold.eot");
  src: url("../font/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("../font/Lato-Bold.woff2") format("woff2"), url("../font/Lato-Bold.woff") format("woff"), url("../font/Lato-Bold.ttf") format("truetype"), url("../font/Lato-Bold.svg#Lato-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Regular";
  src: url("../font/Lato-Regular.eot");
  src: url("../font/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Lato-Regular.woff2") format("woff2"), url("../font/Lato-Regular.woff") format("woff"), url("../font/Lato-Regular.ttf") format("truetype"), url("../font/Lato-Regular.svg#Lato-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: url("../font/Lato-Medium.eot");
  src: url("../font/Lato-Medium.eot?#iefix") format("embedded-opentype"), url("../font/Lato-Medium.woff2") format("woff2"), url("../font/Lato-Medium.woff") format("woff"), url("../font/Lato-Medium.ttf") format("truetype"), url("../font/Lato-Medium.svg#Lato-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Semibold";
  src: url("../font/Lato-Semibold.eot");
  src: url("../font/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("../font/Lato-Semibold.woff2") format("woff2"), url("../font/Lato-Semibold.woff") format("woff"), url("../font/Lato-Semibold.ttf") format("truetype"), url("../font/Lato-Semibold.svg#Lato-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.toast-position {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-position .toast {
  background: #666A6D;
  box-shadow: 0px 2px 23px -2px rgba(0, 0, 0, 0.1490196078);
  -webkit-backdrop-filter: blur(108px);
          backdrop-filter: blur(108px);
  width: 875px;
  border-radius: 8px;
}

@media (min-width: 768px) and (max-width: 1025px) {
  .toast-position .toast {
    width: 600px;
  }
}
@media (min-width: 360px) and (max-width: 767px) {
  .toast-position {
    left: 50%;
  }
  .toast-position .toast {
    width: 340px;
  }
}
@media (max-width: 360px) {
  .toast-position {
    left: 50%;
  }
  .toast-position .toast {
    width: 310px;
  }
}/*# sourceMappingURL=toast.css.map */