:where(.no-js) .fs-block-marquee__viewport{overflow-x:auto}:where(.fs-block-marquee){--fs-slide-gap:0px;--fs-columns:3;--fs-fade-width:var(--fs-blocks-spacing-xl);--fs-marquee-duration:50s;--fs-scroll-range:3000%;--column-width:calc((100cqw - (var(--fs-slide-gap) * (var(--fs-columns, 3) - 1))) / var(--fs-columns, 3))}.fs-block-marquee{position:relative;&.has-fade{--_o:var(--fs-fade-opacity,0);--_r:calc(1 - var(--_o));.fs-block-marquee__viewport{-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,var(--_o)),rgba(0,0,0,calc(var(--_o) + var(--_r) * .02)) calc(var(--fs-fade-width) * .1),rgba(0,0,0,calc(var(--_o) + var(--_r) * .07)) calc(var(--fs-fade-width) * .2),rgba(0,0,0,calc(var(--_o) + var(--_r) * .15)) calc(var(--fs-fade-width) * .3),rgba(0,0,0,calc(var(--_o) + var(--_r) * .27)) calc(var(--fs-fade-width) * .4),rgba(0,0,0,calc(var(--_o) + var(--_r) * .42)) calc(var(--fs-fade-width) * .5),rgba(0,0,0,calc(var(--_o) + var(--_r) * .58)) calc(var(--fs-fade-width) * .6),rgba(0,0,0,calc(var(--_o) + var(--_r) * .73)) calc(var(--fs-fade-width) * .7),rgba(0,0,0,calc(var(--_o) + var(--_r) * .86)) calc(var(--fs-fade-width) * .8),rgba(0,0,0,calc(var(--_o) + var(--_r) * .95)) calc(var(--fs-fade-width) * .9),#000 var(--fs-fade-width),#000 calc(100% - var(--fs-fade-width)),rgba(0,0,0,calc(var(--_o) + var(--_r) * .95)) calc(100% - var(--fs-fade-width) * .9),rgba(0,0,0,calc(var(--_o) + var(--_r) * .86)) calc(100% - var(--fs-fade-width) * .8),rgba(0,0,0,calc(var(--_o) + var(--_r) * .73)) calc(100% - var(--fs-fade-width) * .7),rgba(0,0,0,calc(var(--_o) + var(--_r) * .58)) calc(100% - var(--fs-fade-width) * .6),rgba(0,0,0,calc(var(--_o) + var(--_r) * .42)) calc(100% - var(--fs-fade-width) * .5),rgba(0,0,0,calc(var(--_o) + var(--_r) * .27)) calc(100% - var(--fs-fade-width) * .4),rgba(0,0,0,calc(var(--_o) + var(--_r) * .15)) calc(100% - var(--fs-fade-width) * .3),rgba(0,0,0,calc(var(--_o) + var(--_r) * .07)) calc(100% - var(--fs-fade-width) * .2),rgba(0,0,0,calc(var(--_o) + var(--_r) * .02)) calc(100% - var(--fs-fade-width) * .1),rgba(0,0,0,var(--_o)));mask-image:linear-gradient(to right,rgba(0,0,0,var(--_o)),rgba(0,0,0,calc(var(--_o) + var(--_r) * .02)) calc(var(--fs-fade-width) * .1),rgba(0,0,0,calc(var(--_o) + var(--_r) * .07)) calc(var(--fs-fade-width) * .2),rgba(0,0,0,calc(var(--_o) + var(--_r) * .15)) calc(var(--fs-fade-width) * .3),rgba(0,0,0,calc(var(--_o) + var(--_r) * .27)) calc(var(--fs-fade-width) * .4),rgba(0,0,0,calc(var(--_o) + var(--_r) * .42)) calc(var(--fs-fade-width) * .5),rgba(0,0,0,calc(var(--_o) + var(--_r) * .58)) calc(var(--fs-fade-width) * .6),rgba(0,0,0,calc(var(--_o) + var(--_r) * .73)) calc(var(--fs-fade-width) * .7),rgba(0,0,0,calc(var(--_o) + var(--_r) * .86)) calc(var(--fs-fade-width) * .8),rgba(0,0,0,calc(var(--_o) + var(--_r) * .95)) calc(var(--fs-fade-width) * .9),#000 var(--fs-fade-width),#000 calc(100% - var(--fs-fade-width)),rgba(0,0,0,calc(var(--_o) + var(--_r) * .95)) calc(100% - var(--fs-fade-width) * .9),rgba(0,0,0,calc(var(--_o) + var(--_r) * .86)) calc(100% - var(--fs-fade-width) * .8),rgba(0,0,0,calc(var(--_o) + var(--_r) * .73)) calc(100% - var(--fs-fade-width) * .7),rgba(0,0,0,calc(var(--_o) + var(--_r) * .58)) calc(100% - var(--fs-fade-width) * .6),rgba(0,0,0,calc(var(--_o) + var(--_r) * .42)) calc(100% - var(--fs-fade-width) * .5),rgba(0,0,0,calc(var(--_o) + var(--_r) * .27)) calc(100% - var(--fs-fade-width) * .4),rgba(0,0,0,calc(var(--_o) + var(--_r) * .15)) calc(100% - var(--fs-fade-width) * .3),rgba(0,0,0,calc(var(--_o) + var(--_r) * .07)) calc(100% - var(--fs-fade-width) * .2),rgba(0,0,0,calc(var(--_o) + var(--_r) * .02)) calc(100% - var(--fs-fade-width) * .1),rgba(0,0,0,var(--_o)))}}&.has-pause-on-hover:hover{.fs-block-marquee__container{animation-play-state:paused}}}.fs-block-marquee__viewport{container-type:inline-size;display:flex;overflow:clip;position:relative}.fs-block-marquee__container{align-items:flex-start;display:flex;will-change:transform;.fs-block-marquee.is-type-loop.is-direction-left &{animation:fsMarqueeLeft var(--fs-marquee-duration) linear infinite}.fs-block-marquee.is-type-loop.is-direction-right &{animation:fsMarqueeRight var(--fs-marquee-duration) linear infinite}.fs-block-marquee.is-type-scroll.is-direction-left &{animation:fsMarqueeLeft linear;animation-range:0 var(--fs-scroll-range);animation-timeline:scroll(root)}.fs-block-marquee.is-type-scroll.is-direction-right &{animation:fsMarqueeRight linear;animation-range:0 var(--fs-scroll-range);animation-timeline:scroll(root)}&:is(&)>*,>.components-disabled>*{box-sizing:border-box;flex-shrink:0;margin:0;margin-inline-end:var(--fs-slide-gap);max-width:var(--column-width);min-width:0;position:relative;width:var(--column-width)}}@keyframes fsMarqueeLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes fsMarqueeRight{0%{transform:translateX(-50%)}to{transform:translateX(0)}}
