@keyframes notification-removing{0%{opacity:1}to{opacity:0;height:0}}.notification-banner--green{background:#28b463}.notification-banner--red{background:#fa410a}.notification-banner--grey{background:#3e505c}.notification-banner--blue{background:linear-gradient(90deg,#0078be,#00d0ff)}.notification-banner--removing{animation:notification-removing .4s cubic-bezier(.12,0,.39,0) forwards}.notification-banner__icon{margin-right:1rem}.notification-banner__content{color:#fff;min-height:80px;padding-top:24px;padding-bottom:24px;display:flex!important;flex-direction:row;align-items:center;justify-content:flex-start}.notification-banner__close-btn{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;border:1px solid transparent;background:transparent;cursor:pointer;margin-left:auto;color:#fff;padding:0}.notification-banner__close-btn:hover{border-color:hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.2)}.notification-banner__close-btn:active,.notification-banner__close-btn:focus{border-color:#fff;background:hsla(0,0%,100%,.2);outline:none}.notification-banner__close-btn .icon{width:24px;height:24px}