.utility-bar__grid{max-width:var(--page-width);margin:0 auto;padding:0 var(--page-width-margin, 1.5rem)}.utility-bar--marquee-mode{display:flex;align-items:center;justify-content:center}.announcement-bar--full-width{width:100%;overflow:hidden}.announcement-bar--marquee{overflow:hidden;width:100%;padding:1.6rem 0}.announcement-marquee{width:100%;overflow:hidden;position:relative}.announcement-marquee__track{display:flex;width:fit-content;animation:marquee-announcement 50s linear infinite;will-change:transform}.announcement-marquee__track:hover{animation-play-state:paused}@keyframes marquee-announcement{0%{transform:translate(0)}to{transform:translate(-50%)}}.announcement-marquee__content{display:flex;align-items:center;flex-shrink:0;padding-right:2rem}.announcement-marquee__link{display:flex;align-items:center;text-decoration:none;color:inherit;transition:opacity var(--duration-default) ease}.announcement-marquee__link:hover{opacity:.8}.announcement-marquee__text{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;line-height:1.2;font-feature-settings:"kern" 1,"liga" 1}.announcement-marquee__separator{margin:0 2.5rem;font-size:1.5rem;opacity:.6;font-weight:400}@media (prefers-reduced-motion: reduce){.announcement-marquee__track{animation:none}.announcement-marquee__content{justify-content:center}}@media screen and (max-width: 749px){.announcement-bar--marquee{padding:1.2rem 0}.announcement-marquee__text{font-size:1.3rem;letter-spacing:.06em}.announcement-marquee__separator{margin:0 2rem}.announcement-marquee__track{animation-duration:40s}}@media screen and (min-width: 750px){.announcement-bar--marquee{padding:1.8rem 0}.announcement-marquee__text{font-size:1.6rem;font-weight:700;letter-spacing:.1em}.announcement-marquee__separator{margin:0 3rem;font-size:1.6rem}}.announcement-marquee__text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-optical-sizing:auto}@media screen and (min-width: 750px){.announcement-marquee__text{text-shadow:0 1px 2px rgba(0,0,0,.05)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-announcement-marquee.css.map */