.notification-bar--outer{position:relative;padding:.7em 0 .4em 0;background:#fff}.notification-bar--outer::before{content:" ";position:absolute;top:0;left:0;right:0;height:25px;background:#c41f3e;background:var(--notification--color)}.notification-bar--outer .container{text-align:center}.notification-bar--outer .notification-bar{margin:0 -10px;padding:1em;display:inline-flex;grid-column-gap:1em;grid-row-gap:.25em;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;transform:translateY(15px);animation:SlideIn .5s;animation-fill-mode:forwards;animation-delay:.3s;animation-timing-function:ease-out}@keyframes SlideIn{0%{opacity:0;transform:translateY(15px)}100%{opacity:1;transform:translateY(0)}}.notification-bar--outer .notification-bar .notification-bar--card-image img{display:block;max-width:90px}.notification-bar--outer .notification-bar .notification-bar--card-image .product-image-wrapper{width:90px}.notification-bar--outer .notification-bar .notification-bar--card-image .product-image-wrapper .product-image-icon{display:none}.notification-bar--outer .notification-bar .notification-bar--card-image .product-image-wrapper .product-image{height:60px;padding:.5em}.notification-bar--outer .notification-bar i,.notification-bar--outer .notification-bar .notification-bar--logo img{margin:0 auto;display:none}.notification-bar--outer .notification-bar .notification-bar--text{font-weight:var(--font-weight-bold);line-height:var(--heading-line-height);text-align:left}.notification-bar--outer .notification-bar .notification-bar--text .notification-bar--card-name{padding:0 0 .5em 0;font-size:.875em}.notification-bar--outer .notification-bar .notification-bar--text .notification-bar--offer{display:flex;color:hsla(0,0%,100%,.01);background:linear-gradient(285deg, rgb(17, 17, 17) 35%, rgba(255, 255, 255, 0.7) 47%, rgb(17, 17, 17) 70%);background-size:5em 100%;-webkit-background-clip:text;background-repeat:no-repeat;background-color:#111;background-position:-5em top;animation:notification-bar-shimmer 10s infinite linear;animation-delay:2s}@media(max-width: 479px){.notification-bar--outer .notification-bar .notification-bar--text .notification-bar--offer{animation-duration:5s}}@keyframes notification-bar-shimmer{0%{background-position:-5em top}35%{background-position:calc(100% + 50px) top}100%{background-position:calc(100% + 50px) top}}.notification-bar--outer .notification-bar .notification-bar--cta{text-align:left}.notification-bar--outer .notification-bar .notification-bar--cta span{border-radius:var(--border-radius-btn);background:var(--color-primary);color:#fff;text-align:center;letter-spacing:.04em;line-height:1;padding:.8em 1.5em;font-weight:var(--font-weight-bold);outline:none;border:0;transition:background .2s linear;cursor:pointer;font-size:1em;padding:.8em 1.2em;display:inline-block;background:var(--notification--color-btn);font-size:.85em;white-space:nowrap}@media(max-width: 767px){.notification-bar--outer .notification-bar.notification-bar--premium{display:grid;grid-template-columns:auto 1fr}.notification-bar--outer .notification-bar.notification-bar--premium .notification-bar--logo img{display:block;max-width:60px;max-height:30px}.notification-bar--outer .notification-bar.notification-bar--premium .notification-bar--cta{grid-column:2}.notification-bar--outer .notification-bar.notification-bar--premium .notification-bar--cta span{background:rgba(0,0,0,0);padding:0;color:#111;font-size:1em;letter-spacing:0}.notification-bar--outer .notification-bar.notification-bar--premium .notification-bar--cta span::after{font-family:var(--font-icon);content:"";color:var(--notification--color-btn)}}@media screen and (min-width: 768px){.notification-bar--outer .notification-bar{font-size:.8em;padding:0 1em;margin:0}.notification-bar--outer .notification-bar .notification-bar--card-image{padding:.7em 0}.notification-bar--outer .notification-bar .notification-bar--logo{padding:.25em 0}.notification-bar--outer .notification-bar .notification-bar--logo img{display:block;max-width:80px;max-height:60px}.notification-bar--outer .notification-bar .notification-bar--text{padding:.5em .5em .5em 0}.notification-bar--outer .notification-bar .notification-bar--text i{margin:0 .5em 0 0;display:inline-block;color:var(--notification--color)}.notification-bar--outer .notification-bar .notification-bar--cta{padding:.5em 0;font-size:.85em}.notification-bar--outer .notification-bar .notification-bar--cta span{border-radius:var(--border-radius-btn);background:var(--color-primary);color:#fff;text-align:center;letter-spacing:.04em;line-height:1;padding:.8em 1.5em;font-weight:var(--font-weight-bold);outline:none;border:0;transition:background .2s linear;cursor:pointer;font-size:1em;padding:.8em 1.2em;display:inline-block;background:var(--notification--color-btn)}}@media screen and (min-width: 1024px){.notification-bar--outer .container{transition:transform .1s linear}.notification-bar--outer .container:hover{transform:scale(1.01)}.notification-bar--outer .notification-bar{font-size:1em}}