.notification-bar__background{background:#f8f8f8}.notification-bar__content{width:100%;border:1px solid var(--color-red_100);border-radius:.8rem;overflow:hidden;padding:.8rem 1px}.notification-bar-item__icon{display:flex}.notification-bar-item{display:flex;align-items:center;gap:.8rem}@media only screen and (max-width:750px){notification-bar notification-bar-slider>.grid.slider.slider--tablet{margin-bottom:0;gap:2rem}notification-bar notification-bar-slider>.grid.slider.slider--tablet .slider__slide{width:100%;display:flex;align-items:center;justify-content:center}notification-bar .slider-buttons{display:none}notification-bar .slder-dots{display:flex;align-items:center;justify-content:center;gap:.8rem;padding-top:.8rem}notification-bar .slider-dot{width:.6rem;height:.6rem;border-radius:50%;background-color:var(--color-red_10);border:none;padding:0;overflow:hidden;display:block;position:relative}notification-bar .slider-dot .progress{display:block;width:0;height:100%;background-color:var(--color-red_100);opacity:0;transition:width 2s ease-in-out}notification-bar .slider-dot.active{width:12px;border-radius:6px}notification-bar .slider-dot.active .progress{opacity:1;position:absolute;top:0;left:0;width:12px;height:100%;border-radius:0 6px 6px 0}}@media only screen and (min-width:750px){.notification-bar__container{display:block}.notification-bar__marquee{display:flex;overflow:visible;white-space:nowrap;animation:marquee 15s linear infinite;gap:3.2rem}.notification-bar__box{display:flex;align-items:center;gap:3.2rem}.notification-bar-item__separator{height:1rem;width:1px;background-color:var(--color-black_30)}.notification-bar-item{width:fit-content}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/notification-bar.css.map */