/* CONTAINER DO TOAST */

#toast{

position:fixed;
top:20px;
right:20px;

padding:18px 24px;

border-radius:10px;

font-size:16px;
font-weight:500;

display:none;

z-index:9999;

min-width:320px;

box-shadow:0 8px 25px rgba(0,0,0,0.25);

overflow:hidden;

backdrop-filter:blur(4px);

animation:toastSlide 0.4s ease;

color:white;

}


/* SUCESSO */

#toast.toast-sucesso{
background:rgba(40,167,69,0.9);
}


/* ERRO */

#toast.toast-erro{
background:rgba(220,53,69,0.95);
}

#toast.toast-alerta{
background:rgba(204, 201, 0, 0.95);
}




/* BARRA DE PROGRESSO */

#toast .barra{

position:absolute;
bottom:0;
left:0;

height:5px;

background:white;

width:100%;

animation:toastTempo linear forwards;

}


/* ANIMAÇÃO DA BARRA */

@keyframes toastTempo{

from{
width:100%;
}

to{
width:0%;
}

}


/* ANIMAÇÃO ENTRADA */

@keyframes toastSlide{

from{
opacity:0;
transform:translateX(40px);
}

to{
opacity:1;
transform:translateX(0);
}

}