:where(.no-js) .fs-block-marquee__viewport{overflow-x:auto}:where(.fs-block-marquee){--viewport-padding:0px;--slide-gap:0px;--fs-columns:3;--fs-slide-width:calc(100% / var(--fs-columns));--fs-fade-width:30px;--fs-height:400px}.fs-block-marquee{position:relative;width:100%;&.is-style-container,&.is-style-focus{--fs-slide-width:var(--wp--style--global--wide-size);.fs-block-marquee__container{>*{transform:scale(var(--scale,1));transform-origin:center;transition:transform .3s,opacity .3s;&.is-snapped{opacity:1}&:not(.is-snapped){opacity:.5}}}}&.is-style-focus{padding-block:var(--wp--preset--spacing--xl);.fs-block-marquee__container{>:not(.is-snapped){--scale:0.93}}}&.is-align-center:not(.is-initialized){.fs-block-marquee__viewport{@container style(--fs-slide-width){padding-inline-start:calc((100% - var(--fs-slide-width)) / 2)}}}&.is-align-end:not(.is-initialized){.fs-block-marquee__viewport{@container style(--fs-slide-width){padding-inline-start:calc((100% - var(--fs-slide-width)))}}}&.is-vertical{height:var(--fs-height);.fs-block-marquee__viewport{height:100%;overflow-x:visible;overflow-y:clip}.fs-block-marquee__container{flex-direction:column;height:auto}&.has-fade{.fs-block-marquee__viewport{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--fs-fade-width),#000 calc(100% - var(--fs-fade-width)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--fs-fade-width),#000 calc(100% - var(--fs-fade-width)),transparent)}}}&:not(.is-vertical).has-fade{.fs-block-marquee__viewport{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fs-fade-width),#000 calc(100% - var(--fs-fade-width)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fs-fade-width),#000 calc(100% - var(--fs-fade-width)),transparent)}}}.fs-block-marquee__viewport{margin-inline:calc(-1 * var(--viewport-padding));overflow-x:clip;padding-inline:var(--viewport-padding);position:relative;&.is-draggable{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}&.is-dragging{cursor:grabbing}}.fs-block-marquee__container{align-items:flex-start;display:flex;gap:var(--slide-gap);>*{flex:0 0 100%;margin-block:0;margin-inline:0;min-width:0;position:relative;&.alignwide{max-width:var(--wp--style--global--wide-size)}&.alignfull{max-width:100%}}>:where(:not(.alignwide):not(.alignfull)){flex:0 0 clamp(0px,var(--fs-slide-width,100%),100%)}}.fs-block-marquee.is-vertical{.fs-block-marquee__container{>*{flex:0 0 auto;width:100%}}}