@font-face{font-family:Notification;src:url(../media/notification.87614cd6.eot);src:url(../media/notification.87614cd6.eot)format("embedded-opentype"),url(../media/notification.64323903.woff)format("woff"),url(../media/notification.c028a1bb.ttf)format("truetype"),url(../media/notification.e79931e6.svg)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-x:hidden;overflow-y: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:""}