#toasts{min-height:0;position:fixed;left:20px;bottom:20px;width:400px}#toasts .toast{background:#d6d8d9;border-radius:3px;box-shadow:2px 2px 3px rgba(0,0,0,.1);color:rgba(0,0,0,.6);cursor:default;margin-bottom:20px;opacity:0;position:relative;padding:20px;transform:translateY(15%);transition:opacity .5s ease-in-out,transform .5s ease-in-out;width:100%;will-change:opacity,transform;z-index:1100}#toasts .toast.success{background:#26d68a}#toasts .toast.warning{background:#ffa533}#toasts .toast.info{background:#2cbcff}#toasts .toast.error{background:#f44336}#toasts .toast.show{opacity:1;transform:translateY(0);transition:opacity .5s ease-in-out,transform .5s ease-in-out}#toasts .toast.hide{height:0;margin:0;opacity:0;overflow:hidden;padding:0 30px;transition:all .5s ease-in-out}#toasts .toast .close{cursor:pointer;font-size:24px;height:16px;margin-top:-12px;position:absolute;right:14px;top:50%;width:16px}#toasts p{margin:0;line-height:1}