@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500&subset=cyrillic");#notifications-list{display:flex;flex-direction:column;flex-wrap:wrap;position:fixed;top:0;right:0;width:100%;justify-content:center;align-items:center;z-index:10000;pointer-events:none}#notifications-list .notification{position:relative;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;background:#fff;padding:12px 24px 12px 24px;font-size:14px;border-radius:6px;box-shadow:0 20px 30px -20px rgba(0,0,0,0.15);cursor:pointer;max-width:800px;margin-top:12px;line-height:20px;transition:all .25s ease-in-out;opacity:0;transform:translateY(-20px);pointer-events:all}#notifications-list .notification .icon{font-size:30px;padding-right:20px}#notifications-list .notification .text{line-height:20px}#notifications-list .notification.appear{opacity:1;transform:translateY(0px)}#notifications-list .notification.hide{opacity:0;transform:translateY(-20px)}#notifications-list .notification.narrow{padding:0;margin:0;line-height:0;font-size:0;transform:scaleY(0)}#notifications-list .notification.narrow .icon{transition:all .25s ease-in-out;font-size:0}#notifications-list .notification.narrow .text{transition:all .25s ease-in-out;line-height:0}#notifications-list .notification.template{display:none}#notifications-list .notification.info .icon{color:#39afd1}#notifications-list .notification.success .icon{color:#00d97e}#notifications-list .notification.warning .icon{color:#f6c343}#notifications-list .notification.fail .icon{color:#e63757}#notifications-list .notification:hover{transition:all .25s ease-in-out,opacity 1ms;opacity:0.95}#notifications-list .notification:hover.hide{transition:all .25s ease-in-out;opacity:0}