#snackbar{display:block;position:fixed;top:20px;right:50px;z-index:99999;width:350px;max-height:50%;overflow-y:auto}#snackbar.center{top:45%;width:80%;max-width:900px}@media screen and (min-width:930px){#snackbar.center{left:calc((100% - 920px) / 2);right:auto}}#snackbar.top-center{top:20px;width:80%;max-width:900px}@media screen and (min-width:930px){#snackbar.top-center{left:calc((100% - 920px) / 2);right:auto}}#snackbar.top-left{top:20px;left:50px;right:auto}
@media(max-width:420px){#snackbar.center{width:100%;left:auto}}#snackbar.center .alert-warning{border:1px solid red}#snackbar .alert-info{opacity:.9}