.toaster{position:fixed;z-index:9999;-webkit-transition:all 250ms;transition:all 250ms}.toaster.top,.toaster.top .toast{top:0}.toaster.top .toast.out{top:-100px}.toaster.right{right:0}.toaster.right .toast{border-right:5px solid transparent}.toaster.bottom,.toaster.bottom .toast{bottom:0}.toaster.bottom .toast.out{bottom:-100px}.toaster.left{left:0}.toaster.left .toast{border-left:5px solid transparent}.toaster .toast{background:#000;padding:40px;color:#fff;margin:60px;width:500px;box-shadow:0 0 5px rgba(0,0,0,.8);-webkit-transition:all 250ms cubic-bezier(.55,.055,.675,.19);transition:all 250ms cubic-bezier(.55,.055,.675,.19);position:relative;box-sizing:border-box}.toaster .toast.success{border-color:green}.toaster .toast.info{border-color:#00f}.toaster .toast.warn{border-color:orange}.toaster .toast.danger{border-color:red}@media (max-width:767px){.toaster{width:100%}.toaster .toast{width:90%;margin:5%}}