.announcement-container:is(.page-max--size) .announcement-bar{border-bottom-left-radius:var(--block-radius);border-bottom-right-radius:var(--block-radius)}.announcement-bar{display:flex;align-items:center;text-align:center;justify-content:center;padding:.45rem 1rem;column-gap:.75rem;font-size:var(--font-size-sm);color:rgb(var(--text-body-rgb-color));overflow:hidden;position:relative;z-index:2}.announcement-bar-section{width:100%;overflow:hidden}.announcement-bar--wrapper{flex-grow:1;display:flex;justify-content:space-between;gap:1rem;width:100%}.announcement-bar--wrapper:has(slider-component){position:relative;max-width:600px;margin-inline:auto}.announcement-slider{overflow:hidden;max-width:calc(100% - 4.5rem);position:relative;margin-inline:auto}.style-static .announcement-bar--wrapper{justify-content:center}.announcement-slider .slider-click-nav .slider-click{position:absolute;inset-block-start:50%;transform:translateY(-50%);color:rgb(var(--text-body-rgb-color))}.announcement-slider .slider-click-nav .slider-click.swiper-button-next{right:0}.announcement-bar .marquee-text{display:block;overflow:hidden;position:relative}.announcement-bar .marquee-track{display:flex;gap:3rem}.announcement-bar .marquee-list{display:flex;padding:0;margin:0;list-style:none}.announcement-bar .marquee-item{display:flex;align-items:center;flex-shrink:0;white-space:nowrap;will-change:transform}.announcement-bar .marquee-text-item{padding-right:var(--marquee-gap)}.announcement-bar .marquee-text-line{white-space:nowrap;margin:0}.style-static .announcement-bar--item{white-space:nowrap}@media screen and (max-width:767.98px){.announcement-slider{position:static;max-width:calc(100% - 50px)}.announcement-bar{padding:.5rem}.announcement-slider .swiper-button-next{right:var(--swiper-navigation-sides-offset,0px)}.announcement-slider .swiper-button-prev{left:var(--swiper-navigation-sides-offset,0px)}.announcement-slider .slider-click-nav .slider-click{width:1.5rem;min-width:1.5rem;height:1.5rem;padding:0}}@keyframes scroll-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/announcement-bar.css.map */