.utility-bar--marquee{--announcement-bar-height: 2.8rem;--announcement-marquee-gap: 1.75rem;--announcement-marquee-font-size: 1.2rem;width:100%}.utility-bar--marquee .utility-bar__grid{display:grid;align-items:center;min-height:var(--announcement-bar-height);column-gap:1.5rem;padding-block:.65rem}.utility-bar--marquee .utility-bar__grid--marquee-only{grid-template-columns:1fr}.utility-bar--marquee .utility-bar__grid--social-marquee{grid-template-columns:auto minmax(0,1fr)}.utility-bar--marquee .utility-bar__grid--marquee-locale{grid-template-columns:minmax(0,1fr) auto}.utility-bar--marquee .utility-bar__grid--3-col{grid-template-columns:auto minmax(0,1fr) auto}.utility-bar--marquee .utility-bar__social{display:flex;align-items:center;justify-self:start}.utility-bar--marquee .localization-wrapper{display:flex;align-items:center;justify-content:flex-end;gap:1rem;justify-self:end}.utility-bar--marquee .localization-wrapper:empty{display:none}.announcement-marquee{position:relative;min-width:0;width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 1.25rem,#000 calc(100% - 1.25rem),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 1.25rem,#000 calc(100% - 1.25rem),transparent)}.announcement-marquee__viewport{overflow:hidden;width:100%}.announcement-marquee__track{display:flex;width:max-content;align-items:center;animation:announcement-marquee-scroll var(--marquee-duration, 30s) linear infinite;will-change:transform}.announcement-marquee[data-pause-on-hover]:hover .announcement-marquee__track,.announcement-marquee[data-pause-on-hover]:focus-within .announcement-marquee__track{animation-play-state:paused}.announcement-marquee__group{display:flex;flex-shrink:0;align-items:center}.announcement-marquee__item{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--announcement-marquee-gap);padding-inline-end:var(--announcement-marquee-gap);white-space:nowrap}.announcement-marquee__text{font-size:var(--announcement-marquee-font-size);font-weight:500;letter-spacing:.02em;line-height:1.3;text-transform:uppercase;color:rgb(var(--color-foreground))}.announcement-marquee__link{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.announcement-marquee__link:hover .announcement-marquee__text{text-decoration:underline;text-underline-offset:.2em}.announcement-marquee__separator{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;min-width:.75rem;color:rgba(var(--color-foreground),.45);font-size:.85em;line-height:1;-webkit-user-select:none;user-select:none}@keyframes announcement-marquee-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.announcement-marquee{mask-image:none;-webkit-mask-image:none}.announcement-marquee__viewport{display:none}.announcement-marquee__static{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem 1.25rem;text-align:center}.announcement-marquee__static-item{margin:0;font-size:var(--announcement-marquee-font-size);font-weight:500;line-height:1.3;text-transform:uppercase}}@media screen and (max-width:749px){.utility-bar--marquee{--announcement-bar-height: 2.4rem;--announcement-marquee-gap: 1.25rem;--announcement-marquee-font-size: 1.1rem}.utility-bar--marquee .utility-bar__grid,.utility-bar--marquee .utility-bar__grid--3-col,.utility-bar--marquee .utility-bar__grid--2-col,.utility-bar--marquee .utility-bar__grid--social-marquee,.utility-bar--marquee .utility-bar__grid--marquee-locale,.utility-bar--marquee .utility-bar__grid--marquee-only{grid-template-columns:1fr;column-gap:0;padding-inline:0}.utility-bar--marquee .utility-bar__social,.utility-bar--marquee .localization-wrapper{display:none}.utility-bar--marquee .page-width{padding-inline:0;max-width:none}.announcement-marquee{mask-image:linear-gradient(to right,transparent,#000 .75rem,#000 calc(100% - .75rem),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 .75rem,#000 calc(100% - .75rem),transparent)}}@media screen and (min-width:750px)and (max-width:989px){.utility-bar--marquee{--announcement-marquee-font-size: 1.15rem}.utility-bar--marquee .utility-bar__grid--3-col{grid-template-columns:auto minmax(0,1fr) auto;column-gap:1rem}}@media screen and (min-width:990px){.utility-bar--marquee .utility-bar__grid{padding-block:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-announcement-marquee.css.map */