.snackbar{position:fixed;left:10%;top:95%;transform:translate(-50%,-50%);width:350px;height:60px;border-radius:8px;display:flex;align-items:center;text-align:center}.snackbar .symbol{flex:20%}.snackbar .message{flex:80%;text-align:start;font-weight:700}#show{visibility:visible;animation:fadeIn .5s,fadeOut .5s 2.5s}#hide{visibility:hidden}@keyframes fadeIn{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeOut{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}