.snackbar{position:fixed;top:2rem;right:2rem;width:300px;background-color:#333;color:#fff;padding:1rem;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.4);display:flex;align-items:center;z-index:10000000;animation:slideIn .5s ease-in-out;overflow:hidden}.snackbar.success{background-color:#4caf50}.snackbar.error{background-color:#f44336}.snackbar.warning{background-color:#ff9800}.snackbar .snackbar-icon{margin-right:.75rem;font-size:1.5rem}.snackbar .snackbar-message{flex:1;font-size:1rem}.snackbar .snackbar-progress{position:absolute;bottom:0;left:0;height:4px;background-color:hsla(0,0%,100%,.6);transition:width .1s linear}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}