.notifier{position:fixed;top:12rem;right:1.5rem;left:1.5rem;line-height:1.43;z-index:999}.notification{background-color:#fff;width:100%;padding:1.5rem 1rem;display:flex;font-size:1.4rem;border-radius:.4rem;box-shadow:0 0 2.8rem 0 rgba(0,0,0,.1);border:.1rem solid #cfd8dc;margin:.2rem 0;position:relative;overflow:hidden;transition:all .4s ease;cursor:pointer;animation-name:notification-arrival;animation-duration:.4s;animation-timing-function:ease-in;max-height:25rem}.notification.collapsed{max-height:0;padding:0}.notification .notification__close{display:flex}.notification--notouch .notification__close{display:none}.notification--notouch:hover .notification__close{display:flex}.notification__content{display:flex;flex-direction:column;justify-content:center}.notification.accept .notification__media-icon,.notification.info .notification__media-icon{color:#4fc882}.notification.error .notification__media-icon{color:#ea3f34}.notification.success .notification__media-icon{color:#009655}.notification__media{position:relative;margin:0 1rem;width:5rem;height:5rem}.notification__media-thumbnail{height:100%}.notification__media-thumbnail+.notification__media-icon{position:absolute;top:-.5rem;right:-.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;border-radius:3rem;width:2.5rem}.notification__media-icon{width:5rem;height:5rem;font-size:4.5rem;background-color:#fff}.notification__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:.3rem}.notification__progress-bar.hide{bottom:-.3rem}.notification__progress-bar--inner{background-color:#4fc882;width:0;height:100%;transition:width 1s ease;animation-duration:3s;animation-timing-function:linear}.animated-progress-bar{animation-name:progress-bar}.notification-arrival{animation-name:notification-arrival}.notification-departure{animation-name:notification-departure}.notification-replacement{animation-name:notification-replacement}.notification__close{position:absolute;top:0;right:0;font-size:4rem;color:#cfd8dc;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:3rem}.notification__close:hover{color:#738188}.asyncNotifications{display:none}@keyframes progress-bar{0%{width:0}to{width:100%}}@keyframes notification-arrival{0%{transform:translateY(200%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes notification-departure{0%{transform:translateX(0);opacity:1}to{transform:translateX(300%);opacity:0}}@keyframes notification-replacement{0%{transform:translateY(0)}to{transform:translateY(-102%)}}.notification.budgetbox{border-radius:0;padding:1rem}.notification.budgetbox .notification__media{margin-left:0;width:auto;height:5.5rem}.m-headerNotification__title{font-family:Sana Sans Black,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:2rem}.o-contentNotification__content{display:flex;flex-direction:column}.o-contentNotification__title{font-family:Sana Sans Black,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.6rem;margin-top:1.5rem}.simple-link--black-label{padding:0;text-decoration:underline;font-size:1.4rem}@media only screen and (min-width:768px){.notifier{left:auto;width:33.5rem}}