.featured-on-marquee{padding-top:var(--section-padding-top, 40px);padding-bottom:var(--section-padding-bottom, 40px);overflow:hidden;width:100%;position:relative}.featured-on-marquee__heading{text-align:center;letter-spacing:.08em;margin-bottom:2rem}.featured-on-marquee__viewport{overflow:hidden;width:100%;position:relative;mask-image:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 3%,black 97%,transparent 100%)}.featured-on-marquee__track{display:flex;width:max-content;animation:featured-on-marquee-scroll var(--marquee-speed, 30s) linear infinite}.featured-on-marquee.is-paused .featured-on-marquee__track{animation-play-state:paused}.featured-on-marquee__set{display:flex;align-items:center;flex-shrink:0}.featured-on-marquee__item{display:flex;align-items:center;justify-content:center;padding:0 3.5rem;height:110px;flex-shrink:0}.featured-on-marquee__logo-img{max-height:110px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.8}.featured-on-marquee__logo-text{font-family:var(--font-heading-family);font-size:1.8rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;text-transform:uppercase;opacity:.85}.featured-on-marquee__toggle{position:absolute;bottom:.8rem;right:1.5rem;z-index:2;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;background:rgba(var(--color-background),.8);cursor:pointer;opacity:.7;transition:opacity .2s ease}.featured-on-marquee__toggle:hover,.featured-on-marquee__toggle:focus-visible{opacity:1}.featured-on-marquee__toggle-icon{display:block;width:1rem;height:1.2rem}.featured-on-marquee__toggle-icon path{fill:rgb(var(--color-foreground))}.featured-on-marquee__toggle-icon--play,.featured-on-marquee.is-paused .featured-on-marquee__toggle-icon--pause{display:none}.featured-on-marquee.is-paused .featured-on-marquee__toggle-icon--play{display:block}@keyframes featured-on-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-25%)}}@media screen and (max-width:749px){.featured-on-marquee__track{gap:2rem}}@media(prefers-reduced-motion:reduce){.featured-on-marquee__track{animation:none}.featured-on-marquee__viewport{overflow-x:auto}.featured-on-marquee__toggle{display:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-featured-on-marquee.css.map */
