.announcement-bar-slider{position:relative}.announcement-bar .slider-button--prev,.announcement-bar .slider-button--next{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.announcement-bar .slider-button--prev{left:10px;transform:translateY(-50%) rotate(180deg);margin-left:0}.announcement-bar .slider-button--next{right:10px;margin-right:0}.svg-wrapper{width:24px;height:24px}.announcement-bar-pc-img,.announcement-bar-mb-img{width:100%;height:auto}.announcement-bar-mb-img{display:none}@media screen and (max-width:768px){.announcement-bar-pc-img{display:none}.announcement-bar-mb-img{display:block}}.announcement-bar-slider--fade-in-next .announcement-bar__announcement,.announcement-bar-slider--fade-in-previous .announcement-bar__announcement,.announcement-bar-slider--fade-out-next .announcement-bar__announcement,.announcement-bar-slider--fade-out-previous .announcement-bar__announcement{animation-duration:var(--duration-announcement-bar);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.announcement-bar-slider--fade-in-next .announcement-bar__announcement{--announcement-translate-from: -1.5rem;opacity:0;animation-name:translateAnnouncementSlideIn;animation-delay:var(--duration-announcement-bar)}.announcement-bar-slider--fade-in-previous .announcement-bar__announcement{--announcement-translate-from: 1.5rem;opacity:0;animation-name:translateAnnouncementSlideIn;animation-delay:var(--duration-announcement-bar)}.announcement-bar-slider--fade-out-next .announcement-bar__announcement{--announcement-translate-to: 1.5rem;animation-name:translateAnnouncementSlideOut}.announcement-bar-slider--fade-out-previous .announcement-bar__announcement{--announcement-translate-to: -1.5rem;animation-name:translateAnnouncementSlideOut}@keyframes translateAnnouncementSlideIn{0%{opacity:0;transform:translate(var(--announcement-translate-from))}to{opacity:1;transform:translate(0)}}@keyframes translateAnnouncementSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--announcement-translate-to))}}.announcement-bar__message{font-size:clamp(13px,2.344vw,18px);color:#ea0029}
/*# sourceMappingURL=/cdn/shop/t/209/assets/section-announcement-bar.css.map */