.snackbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;flex-direction:row;padding:20px;gap:6px;transition:all .3s ease-in-out}.snackbar .icon{font-size:20px;color:#fff;padding-top:.1rem}.snackbar.error{background-color:#e75527;color:#fff}.snackbar.warning{background-color:#f8d247;color:#000}.snackbar.info{background-color:#313538;color:#fff}.snackbar.success{background-color:#00af54;color:#fff}.snackbar.hidden{transform:translateY(-100%);opacity:0}.snackbar.visible{animation:slideIn .3s ease-in-out}@keyframes slideIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}