.toast{position:fixed;z-index:10000;bottom:20px;right:20px;padding:12px 16px;border-radius:4px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);-webkit-transition:opacity.3s ease;transition:opacity.3s ease;font-size:16px;color:#fff;max-width:550px;width:90%}.toast[data-type=info]{background-color:#00a8e6}.toast[data-type=success]{background-color:#6ec814}.toast[data-type=warning]{background-color:#ffb800}.toast[data-type=error]{background-color:#eb0e00}.toast-title{font-weight:700;margin:0 0 4px;font-size:1.1em;line-height:1.4em;color:inherit}.toast-message{margin:0;font-size:1em;line-height:1.4em;color:inherit}.toast-close-button{position:absolute;top:8px;right:8px;width:24px;height:24px;background:none;cursor:pointer;-webkit-transition:color.3s ease;transition:color.3s ease;outline:none;border:none;color:#fff}