marquee-announcement-bar{display:block;overflow:hidden;width:100%;background-color:var(--marquee-bg, #1a1a1a);color:var(--marquee-color, #ffffff);font-size:var(--marquee-font-size, 13px);font-family:var(--marquee-font-family, inherit);font-weight:var(--marquee-font-weight, 600);letter-spacing:var(--marquee-letter-spacing, .08em);text-transform:var(--marquee-text-transform, uppercase);padding:var(--marquee-padding, 10px) 0}marquee-announcement-bar .marquee-inner{display:inline-flex;white-space:nowrap;will-change:transform;animation:marquee-scroll var(--marquee-speed, 40s) linear infinite}marquee-announcement-bar[data-pause-on-hover=true]:hover .marquee-inner{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}marquee-announcement-bar .marquee-copy{display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0}marquee-announcement-bar .marquee-item{display:inline-flex;align-items:center;padding:0 var(--marquee-item-spacing, 30px)}marquee-announcement-bar .marquee-separator{opacity:.5;padding:0 var(--marquee-separator-spacing, 20px);flex-shrink:0}marquee-announcement-bar .marquee-link{color:inherit;text-decoration:var(--marquee-link-decoration, none)}marquee-announcement-bar .marquee-link:hover{opacity:.8}marquee-announcement-bar .countdown-wrap{display:inline-flex;align-items:center;gap:3px;background:var(--countdown-bg, #2a2a2a);color:var(--countdown-color, #ffffff);padding:2px 8px;border-radius:var(--countdown-radius, 3px);font-size:var(--countdown-font-size, 13px);font-weight:700;letter-spacing:.05em;margin-right:8px;flex-shrink:0}marquee-announcement-bar .countdown-unit{display:inline-flex;flex-direction:column;align-items:center;line-height:1}marquee-announcement-bar .countdown-num{font-size:inherit;font-weight:700;min-width:18px;text-align:center}marquee-announcement-bar .countdown-label{font-size:var(--countdown-label-size, 8px);font-weight:400;opacity:.75;text-transform:uppercase;letter-spacing:.05em}marquee-announcement-bar .countdown-sep{font-weight:700;opacity:.6;padding:0 1px;align-self:flex-start;margin-top:1px}@media screen and (max-width:749px){marquee-announcement-bar{font-size:calc(var(--marquee-font-size, 13px) - 1px)}marquee-announcement-bar .countdown-wrap{font-size:calc(var(--countdown-font-size, 13px) - 1px)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/announcement-bar-marquee.css.map */
