.toast{
    position: fixed;
    top:-260px;
    left: 50%;
    background:rgb(120, 65, 238);
    padding:8px;
    border-radius: 8px;
    z-index:999;
    transform: translateX(-50%);
    transition: all 0.3s;
    text-align: center;
}
#overlay{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:95;
    background:rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}
.fullLoader{
    width:100%;
    height:80vh;
     display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:30vh;
}
/* HTML: <div class="loader"></div> */
.apploader {
  width: 70px;
  padding: 14px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgb(120, 65, 238);
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}