.toast {
  position: fixed;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: var(--color-toast-overlay);
  color: var(--color-white);
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 14px;
  opacity: 0%;
  transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out;
  z-index: 1002;
} 

.toast--show {
  opacity: 100%;
  top: 20px;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRvYXN0LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGVBQWU7RUFDZixVQUFVO0VBQ1YsU0FBUztFQUNULG1DQUFtQztFQUNuQywyQkFBMkI7RUFDM0Isc0NBQXNDO0VBQ3RDLHlCQUF5QjtFQUN6QixrQkFBa0I7RUFDbEIsa0JBQWtCO0VBQ2xCLGVBQWU7RUFDZixXQUFXO0VBQ1gsMERBQTBEO0VBQzFELGFBQWE7QUFDZjs7QUFFQTtFQUNFLGFBQWE7RUFDYixTQUFTO0FBQ1giLCJmaWxlIjoidG9hc3QuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnRvYXN0IHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB0b3A6IC01MHB4O1xuICBsZWZ0OiA1MCU7XG4gIC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC01MCUpO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTUwJSk7XG4gIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLXRvYXN0LW92ZXJsYXkpO1xuICBjb2xvcjogdmFyKC0tY29sb3Itd2hpdGUpO1xuICBwYWRkaW5nOiAxMnB4IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBvcGFjaXR5OiAwJTtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjRzIGVhc2UtaW4tb3V0LCB0b3AgMC40cyBlYXNlLWluLW91dDtcbiAgei1pbmRleDogMTAwMjtcbn0gXG5cbi50b2FzdC0tc2hvdyB7XG4gIG9wYWNpdHk6IDEwMCU7XG4gIHRvcDogMjBweDtcbn0iXX0= */