:root{--duration-announcement-bar: .25s;--ease-out-slow: cubic-bezier(0, 0, .3, 1);--animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;--animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow)}.announcement-bar,.announcement-bar__announcement{width:100%;height:100%;display:flex;justify-content:center;flex-wrap:wrap;align-content:center;grid-area:announcements}:is(.announcement-bar,.announcement-bar__announcement) .slider-button{display:none}.utility-bar__grid .announcement-bar-slider,.announcement-bar-slider,.announcement-bar-slider .slider{width:100%}.announcement-bar__link .icon-arrow{display:inline-block;pointer-events:none;margin-left:.8rem;vertical-align:middle;width:1rem}.utility-bar__grid.page-width{padding-left:3rem;padding-right:3rem}@media screen and (min-width: 750px){.utility-bar__grid.page-width{padding-left:3.2rem;padding-right:3.2rem}}.utility-bar__grid{display:grid;grid-template-columns:1fr;grid-template-areas:"announcements"}.grid{display:flex;flex-wrap:wrap;margin-bottom:2rem;padding:0;list-style:none;column-gap:4px;row-gap:4px}@media screen and (min-width: 750px){.grid{column-gap:8px;row-gap:8px}}.announcement-bar .slider.slider--everywhere{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-bottom:0;scroll-behavior:auto}.slider.slider--everywhere .slider__slide{--focus-outline-padding: .5rem;--shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible));--shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));scroll-snap-align:start;flex-shrink:0;padding-bottom:0;width:100%;max-width:100%;margin-bottom:0;scroll-snap-align:center}.announcement-bar-slider--fade-in-next .announcement-bar__message,.announcement-bar-slider--fade-in-previous .announcement-bar__message,.announcement-bar-slider--fade-out-next .announcement-bar__message,.announcement-bar-slider--fade-out-previous .announcement-bar__message{animation-duration:var(--duration-announcement-bar);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.announcement-bar-slider--fade-in-next .announcement-bar__message{--announcement-translate-from: -1.5rem;opacity:0;animation-name:translateAnnouncementSlideIn;animation-delay:var(--duration-announcement-bar)}.announcement-bar-slider--fade-in-previous .announcement-bar__message{--announcement-translate-from: 1.5rem;opacity:0;animation-name:translateAnnouncementSlideIn;animation-delay:var(--duration-announcement-bar)}.announcement-bar-slider--fade-out-next .announcement-bar__message{--announcement-translate-to: 1.5rem;animation-name:translateAnnouncementSlideOut}.announcement-bar-slider--fade-out-previous .announcement-bar__message{--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))}}
/*# sourceMappingURL=/cdn/shop/t/439/assets/announcement-bar.css.map */