@font-face{font-family:Notification;src:url("./fonts/notification.eot?s3g3t9");src:url("./fonts/notification.eot?#iefixs3g3t9")format("embedded-opentype"),url("./fonts/notification.woff?s3g3t9")format("woff"),url("./fonts/notification.ttf?s3g3t9")format("truetype"),url("./fonts/notification.svg?s3g3t9#notification")format("svg");font-weight:400;font-style:normal}.notification-container{box-sizing:border-box;z-index:999999;width:320px;max-height:calc(100% - 30px);padding:0 15px;position:fixed;top:0;right:0;overflow:hidden auto}.notification{box-sizing:border-box;color:#fff;cursor:pointer;opacity:.9;background-color:#ccc;border-radius:2px;margin-top:15px;padding:15px 15px 15px 58px;font-size:1em;line-height:1.2em;position:relative;box-shadow:0 0 12px #999}.notification .title{margin:0 0 5px;font-size:1em;font-weight:700;line-height:1.2em}.notification:hover,.notification:focus{opacity:1}.notification-enter{visibility:hidden;transform:translate(100%)}.notification-enter.notification-enter-active{visibility:visible;transition:all .4s;transform:translate(0,0)}.notification-exit{visibility:visible;transform:translate(0,0)}.notification-exit.notification-exit-active{visibility:hidden;transition:all .4s;transform:translate(100%)}.notification:before{text-align:center;width:28px;height:28px;margin-top:-14px;font-family:Notification;font-size:28px;line-height:28px;display:block;position:absolute;top:50%;left:15px}.notification-info{background-color:#2f96b4}.notification-info:before{content:""}.notification-success{background-color:#51a351}.notification-success:before{content:""}.notification-warning{background-color:#f89406}.notification-warning:before{content:""}.notification-error{background-color:#bd362f}.notification-error:before{content:""}