.notification{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-direction:row;height:auto;left:50%;max-width:350px;min-width:300px;padding:10px;position:fixed;box-shadow:0 5px 5px -1px #c4c4c6;top:10px;transform:translateX(-50%);width:auto;z-index:12001}.notification i:first-child{flex:0 0 10%;position:relative}.notification i:first-child:before{border-radius:50%;color:#fff;font-size:18px;height:28px;width:28px;display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.notification.notification__success{border-left:4px solid #00a31b;border-right:4px solid #00a31b}.notification.notification__success i.i-ok:before{background:#00a31b}.notification.notification__warning{border-left:4px solid #fcb253;border-right:4px solid #fcb253}.notification.notification__warning i.i-pause:before{content:"II";background:#fcb253;font-family:Roboto,sans-serif;font-weight:400;font-size:25px;padding-bottom:1px;padding-left:1px}.notification.notification__failure{border-left:4px solid #da001b;border-right:4px solid #da001b}.notification.notification__failure i.i-error:before{content:"!";background:#da001b;font-family:Roboto,sans-serif;font-weight:400;font-size:26px;padding-bottom:2px}.notification .notification__text{flex:0 0 80%;font-family:Roboto,sans-serif;font-weight:400;font-size:18px;margin-bottom:0;padding-left:10px;padding-top:1px;word-break:break-word}.notification .notification__text:first-line{max-width:90%;word-break:keep-all}.notification i.i-close{align-self:flex-start;color:#ccc;cursor:pointer;font-size:12px;height:30px;position:absolute;right:5px;top:9px;width:30px;z-index:1;display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media(min-width:1200px){.notification i.i-close{height:20px;width:20px}}.notification[hidden]{display:none}