.notification-bar--outer{position:relative;padding:.7em 0;background:#fff}.notification-bar--outer .container{text-align:center}.notification-bar--outer::before{content:" ";position:absolute;top:0;left:0;right:0;height:25px;background:#c41f3e;background:var(--notification--color)}.notification-bar--outer .notification-bar{padding:.7em;margin:0 -10px;display:inline-flex;grid-gap:2em;align-items:center;font-size:.8em;border-radius:var(--border-radius);position:relative;z-index:2;background:#fff;color:#111;box-shadow:0 2px 6px 0 rgba(0,0,0,.07);opacity:0;animation:fadeIn .5s;animation-fill-mode:forwards;animation-delay:.3s;animation-timing-function:ease-out}@keyframes fadeIn{0%{opacity:0;top:15px}100%{opacity:1;top:0px}}.notification-bar--outer .notification-bar i,.notification-bar--outer .notification-bar .notification-bar--logo{display:none}.notification-bar--outer .notification-bar .notification-bar--text{font-weight:var(--font-weight-bold);line-height:var(--heading-line-height);display:flex;text-align:left}.notification-bar--outer .notification-bar .notification-bar--cta a{font-size:.85em;padding:.8em 1.2em;white-space:nowrap;display:inline-block;background:var(--notification--color-btn)}@media screen and (min-width: 768px){.notification-bar--outer .notification-bar{padding:.5em;font-size:1em;margin:0px}.notification-bar--outer .notification-bar i{margin:0 .5em;display:inline-block;color:var(--notification--color);font-size:1.2em}.notification-bar--outer .notification-bar .notification-bar--logo{display:inline-block;max-width:40px}.notification-bar--outer .notification-bar .notification-bar--logo img{display:block}}/*# sourceMappingURL=notification-bar.css.map */