body{color:#dcd3d3;background-color:#000}*{box-sizing:border-box;margin:0;padding:0}.toast{color:#e3e009;background-color:#b2af1086;border-left:5px solid #fff700e8;border-radius:5px 10px;margin-top:10px;padding:20px;position:relative}.upgrade{color:#b8b0b0;background-color:#504d4d78;border:2px dashed #9a8e8ed8;border-radius:8px;margin:3%;padding:2%;position:relative}.upgrade .alert-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.upgrade .alert-header .alert-title{align-items:center;gap:10px;display:flex}.upgrade .alert-header .close-icon{cursor:pointer}.upgrade .para{font-size:20px;font-weight:500}.note{color:#640dde;background-color:#591faa76;border:2px dashed #5d17bed7;border-radius:8px;margin:3%;padding:2%;position:relative}.note .alert-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.note .alert-header .alert-title{align-items:center;gap:10px;display:flex}.note .alert-header .close-icon{cursor:pointer}.note .para{font-size:20px;font-weight:500}.wrong{color:#c80d0d;background-color:#8e1a1a7c;border:2px dashed #9d16168b;border-radius:8px;margin:3%;padding:2%;position:relative}.wrong .alert-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.wrong .alert-header .alert-title{align-items:center;gap:10px;display:flex}.wrong .alert-header .close-icon{cursor:pointer}.wrong .para{font-size:20px;font-weight:500}.success{color:#1bc921e9;background-color:#37951a68;border:2px dashed #3bad18c7;border-radius:8px;margin:3%;padding:2%;position:relative}.success .alert-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.success .alert-header .alert-title{align-items:center;gap:10px;display:flex}.success .alert-header .close-icon{cursor:pointer}.success .para{font-size:20px;font-weight:500}.tips{color:#e3e009;background-color:#85821382;border:2px dashed #a5a013d6;border-radius:8px;margin:3%;padding:2%;position:relative}.tips .alert-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tips .alert-header .alert-title{align-items:center;gap:10px;display:flex}.tips .alert-header .close-icon{cursor:pointer}.tips .para{font-size:20px;font-weight:500}.alert{opacity:1;transition:all .7s}.hide{opacity:0;transform:translate(20px)}