.error-toast {
    position: fixed;
    top: 65px;
    right: 20px;
    padding:20px;
    border-radius: 7px;
    background-image: linear-gradient(310deg,#d41148 40% 0%,#ce5e7e 100%);
    color: #fff;
    font-size: 14px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    z-index: 9999;
    animation: fadeout ;
  }
  
  .success-toast {
    position: fixed;
    top: 65px;
    right: 20px;
    padding:20px;
    border-radius: 7px;
    background-image: linear-gradient(310deg,#21ab61 40% 0%, #61b88a 100%);
    color: #fff;
    font-size: 14px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    z-index: 9999;
    animation: fadeOut ;
  }
  .indicate-toast {
    position: fixed;
    top: 120px;
    right: 65px;
    padding:20px;
    border-radius: 7px;
    background-image: linear-gradient(40deg, #6C07F4 0%, #c2adea 100%);
    color: #fff;
    font-size: 14px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    z-index: 9999;
    animation: fadeOut ;
  }
  @keyframes fadeOut {
    0% {
      opacity: 1;
    }
    90% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      height: 0;
      padding: 0;
    }
  }