:root{--notificationBarHeight:0px}.notification-bar{position:fixed;bottom:0;left:0;width:100%;max-width:500px;z-index:10000;opacity:0;pointer-events:none;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.notification-bar.active{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.notification-bar__outer-container{position:relative;border-radius:16px;-webkit-box-shadow:0 8px 16px rgba(0,0,0,.1);box-shadow:0 8px 16px rgba(0,0,0,.1);background:-webkit-gradient(linear,left bottom, left top,from(#fff),to(#fff)),#0075af;background:-o-linear-gradient(bottom,#fff,#fff),#0075af;background:linear-gradient(0deg,#fff,#fff),#0075af;border:1px solid rgba(0,0,0,.2);margin-left:16px;margin-right:16px;margin-bottom:16px}.notification-bar__inner-container{text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px;margin-right:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.notification-bar__title{font-style:normal;font-weight:700;font-size:20px;line-height:28px;color:#1b1b1b}.notification-bar__text{font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:#1b1b1b;margin-top:4px}.notification-bar__image{margin-right:16px;width:88px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.notification-bar__image img{display:block;width:100%}@media (max-width:375px){.notification-bar__image{display:none}}.notification-bar__close{background-position:50%;background-repeat:no-repeat;background-size:15px;position:absolute;top:10px;right:10px;display:block;width:40px;height:40px;border-radius:100px}.notification-bar__close:hover{background-color:rgba(0,0,0,.1)}

/*# sourceMappingURL=notificationbar.css.map*/