body>#notification-container{display:flex;position:absolute;bottom:0;left:0;width:100%;flex-direction:column;flex-wrap:nowrap;z-index:200;pointer-events:none}body>#notification-container .notification-element{display:block;position:relative;margin:.2em auto;padding:0 1em;border-radius:3px;border:1px solid #ddd;border-bottom:1px solid #bbb;box-shadow:inset 0 0 1em #eee;background-color:#fff;pointer-events:all;transition:opacity .5s ease-in-out;opacity:0}body>#notification-container .notification-element.notification-visible{opacity:1}body>#notification-container .notification-element strong[class]{padding-left:1.5em}body>#notification-container .notification-element strong[class]:before{content:'';display:inline-block;position:absolute;top:1.2em;left:1em;width:.9em;height:.9em;border-radius:50% / 50%;box-shadow:inset -1px 1px 2px rgba(50,50,50,0.5);background-color:red}body>#notification-container .notification-element strong[class].warning:before{background-color:#dd6a45}body>#notification-container .notification-element strong[class].info:before{background-color:#2195da}body>#notification-container .notification-element strong[class].success:before{background-color:#5fca4a}body>#notification-container .notification-element strong[class].error:before{background-color:#d94747} /*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibWluLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vbm90aWYuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJImJvZHkgPiAjbm90aWZpY2F0aW9uLWNvbnRhaW5lcntcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4LXdyYXA6IG5vd3JhcDtcblxuICAgIHotaW5kZXg6IDIwMDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcblxuXG4gICAgLm5vdGlmaWNhdGlvbi1lbGVtZW50e1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgbWFyZ2luOiAuMmVtIGF1dG87XG4gICAgICAgICAgICBwYWRkaW5nOiAwIDFlbTtcblxuICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7XG4gICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjYmJiO1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMWVtICNlZWU7XG5cbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblxuICAgICAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuXG4gICAgICAgIC8vIEFOSU1BVElPTiBERSBmYWRlSW4gKyBmYWRlT3V0XG4gICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgLjVzIGVhc2UtaW4tb3V0O1xuICAgICAgICBvcGFjaXR5OiAwO1xuXG4gICAgICAgICYubm90aWZpY2F0aW9uLXZpc2libGV7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG5cblxuXG4gICAgICAgIC8vIERJRkZFUkVOVFMgVEhFTUVTXG4gICAgICAgIHN0cm9uZ1tjbGFzc117XG5cbiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMS41ZW07XG5cbiAgICAgICAgICAgICY6YmVmb3Jle1xuICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgdG9wOiAxLjJlbTtcbiAgICAgICAgICAgICAgICBsZWZ0OiAxZW07XG4gICAgICAgICAgICAgICAgd2lkdGg6IC45ZW07XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAuOWVtO1xuXG4gICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlIC8gNTAlO1xuICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6IGluc2V0IC0xcHggMXB4IDJweCByZ2JhKDUwLCA1MCwgNTAsIC41KTtcblxuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJlZDtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLy8gV0FSTklOR1xuICAgICAgICAgICAgJi53YXJuaW5nOmJlZm9yZXsgYmFja2dyb3VuZC1jb2xvcjogI2RkNmE0NTsgfVxuICAgICAgICAgICAgLy8gSU5GT1xuICAgICAgICAgICAgJi5pbmZvOmJlZm9yZXsgYmFja2dyb3VuZC1jb2xvcjogIzIxOTVkYTsgfVxuICAgICAgICAgICAgLy8gU1VDQ0VTU1xuICAgICAgICAgICAgJi5zdWNjZXNzOmJlZm9yZXsgYmFja2dyb3VuZC1jb2xvcjogIzVmY2E0YTsgfVxuICAgICAgICAgICAgLy8gRVJST1JcbiAgICAgICAgICAgICYuZXJyb3I6YmVmb3JleyBiYWNrZ3JvdW5kLWNvbG9yOiAjZDk0NzQ3OyB9XG4gICAgICAgIH1cblxuXG4gICAgfVxuXG59XG4iCgldLAoJIm1hcHBpbmdzIjogIkFBQUEsSUFBSSxDQUFHLHVCQUF1QixBQUFB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 */