:where(.no-js) .fs-slider__viewport{overflow-x:auto}:where(.fs-slider){--columns:1;--viewport-padding:0px;--slide-gap:0px;--slide-transition-duration:var(--fs-blocks-duration);--slide-transition-ease:var(--fs-blocks-ease);--fs-flex-direction:column;--fs-slider-vp-overflow:clip;--fs-slider-flex-dir:row;--fs-slider-container-align:flex-start;--fs-slider-container-width:auto;--fs-slider-slide-width:auto;--fs-slider-slide-height:auto;--fs-slider-last-mr:var(--slide-gap);--fs-slider-last-mb:0;--fs-slider-scroll-snap:x mandatory;--fs-slider-dots-w:100%;--fs-slider-dots-gap:15px;--fs-slider-dots-inset:auto 0px 15px;--fs-slider-dots-dir:row;--fs-slider-dots-align:normal;--fs-slider-dash-w:40px;--fs-slider-dash-h:4px}.fs-slider{--fs-height:auto;--fs-direction:horizontal;--fs-slide-height:30cqw;height:var(--fs-height);position:relative;&.is-style-container,&.is-style-focus{--fs-slide-width:var(--wp--style--global--wide-size);.fs-slider__container{>*{transform:scale(var(--scale,1));transform-origin:center;transition-duration:var(--slide-transition-duration);transition-property:transform,opacity;transition-timing-function:var(--slide-transition-ease);&.is-snapped{opacity:1}&:not(.is-snapped){opacity:.5}}}}&.is-style-focus{padding-block:var(--wp--preset--spacing--xl);.fs-slider__container{>:not(.is-snapped){--scale:0.93}}.fs-slider__dots{bottom:8px}}&.is-type-fade{.fs-slider__container{>*{flex:none;width:100%}}}&:not(.is-initialized){.fs-slider__viewport{overflow:auto;scroll-snap-type:var(--fs-slider-scroll-snap);scrollbar-width:none}&.is-align-center .fs-slider__container{&:after,&:before{content:"";flex:0 0 50cqi}>*{scroll-snap-align:center}}&.is-align-end .fs-slider__container{&:before{content:"";flex:0 0 100cqi}>*{scroll-snap-align:end}}}}.fs-slider__viewport{--fs-slider-column-width:calc((100% - var(--slide-gap)*(var(--columns) - 1))/var(--columns));border-radius:inherit;height:var(--fs-height);min-width:0;overflow-x:var(--fs-slider-vp-overflow);overflow-y:var(--fs-slider-vp-overflow,visible);position:relative;corner-shape:inherit;margin-inline:calc(var(--viewport-padding)*-1);padding-inline:var(--viewport-padding);>.fs-slider__container{align-items:var(--fs-slider-container-align);flex-direction:var(--fs-slider-flex-dir);width:var(--fs-slider-container-width)}&.is-draggable{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}&.is-dragging{cursor:grabbing}:where(.fs-flex)>&{width:100%}}.fs-slider__container{align-items:flex-start;border-radius:inherit;container-type:inline-size;display:flex;gap:var(--slide-gap);height:var(--fs-height);transition:height var(--fs-blocks-duration) var(--fs-blocks-ease);corner-shape:inherit;>*{--fs-height:initial;flex:0 0 var(--fs-slider-slide-flex,var(--fs-slider-slide-width,100%));height:var(--fs-slider-slide-height);margin-inline:0;max-height:100%;min-width:0;position:relative;width:var(--fs-slider-slide-width);&:where(:last-child){margin-inline-end:var(--fs-slider-last-mr);margin-bottom:var(--fs-slider-last-mb)}&.alignwide{max-width:var(--wp--style--global--wide-size)}&.alignfull{max-width:100%}&.fs-block-banner{height:var(--fs-slide-height,100%)}}>:where(:not(.alignwide):not(.alignfull)){flex:0 0 var(--fs-slider-slide-flex,clamp(0px,var(--fs-slide-width,var(--fs-slider-column-width,100%)),100%))}}.fs-slider__button-icon{fill:currentcolor;padding:20%;transition:transform,opacity;transition-duration:var(--fs-blocks-duration);transition-timing-function:var(--fs-blocks-ease)}.fs-slider__button{--size:36px;--margin:2%;--translate:0%;background-color:transparent;border:none;display:block;height:var(--size);opacity:.7;padding:0;pointer-events:auto;transition:transform,opacity,color,background-color,border-color;transition-duration:var(--fs-blocks-duration);transition-timing-function:var(--fs-blocks-ease);width:var(--size);&:where(.is-inside,.is-outside){position:absolute;z-index:10}&:where(.is-inside){color:var(--fs-blocks-color-white)}&:where(:disabled,[aria-disabled=true]){opacity:.4}&:hover:not(:disabled,[aria-disabled=true]){opacity:1}&.is-outside{--margin:calc(var(--size)*-1 - 10px);color:currentcolor}&.is-style-circle{border-color:currentcolor;border-radius:100%;border-style:solid;border-width:max(2px,calc(var(--size)*.055))}&.is-style-simple{&:hover:not(:disabled,[aria-disabled=true]){color:var(--fs-blocks-color-primary)}}&.is-style-reveal{--margin:calc(var(--viewport-padding)*-1 - 1px);background:var(--fs-blocks-color-background);color:currentcolor;transform:none;&:hover{opacity:1}}}.fs-slider__dots{align-items:var(--fs-slider-dots-align);display:flex;flex-direction:var(--fs-slider-dots-dir);gap:var(--fs-slider-dots-gap);justify-content:center;pointer-events:none;&:where(.is-inside){color:var(--fs-blocks-color-white);inset:var(--fs-slider-dots-inset);position:absolute;width:var(--fs-slider-dots-w)}&:where(.is-style-circle),&:where(.is-style-simple),&:where(.is-style-square){.fs-slider__dot{height:12px;width:12px}}&:where(.is-style-circle),&:where(.is-style-simple){.fs-slider__dot{border-radius:100%}}&:where(.is-style-dashes){.fs-slider__dot{border-color:currentcolor;height:var(--fs-slider-dash-h);width:var(--fs-slider-dash-w)}}&:where(.is-style-simple){.fs-slider__dot{background-color:currentcolor}}}.fs-slider__dot{background-color:transparent;border:3px solid;color:currentcolor;display:block;opacity:.4;padding:0;pointer-events:auto;transition:opacity var(--fs-blocks-duration) var(--fs-blocks-ease);&:hover{opacity:.7}&.is-selected{background-color:currentcolor;opacity:1}}:where(.fs-slider.has-arrows-hover){.fs-slider__button{--translate:20%;opacity:0}&:hover{.fs-slider__button{--translate:0%;opacity:.7;&:disabled{opacity:.4}}}}:where(.fs-slider.has-dots-hover){.fs-slider__dots{opacity:0;transition:opacity var(--fs-blocks-duration) var(--fs-blocks-ease)}&:hover{.fs-slider__dots{opacity:1}}}:where(.fs-slider:not(:hover)){.fs-slider__button.is-visibility-hover{--translate:20%;opacity:0}.fs-slider__dots.is-visibility-hover{opacity:0}}.fs-slider__dots.is-visibility-hover{transition:opacity var(--fs-blocks-duration) var(--fs-blocks-ease)}.fs-carousel{--fs-columns:4;--fs-gap:var(--wp--preset--spacing--base);--columns:var(--fs-columns);--slide-gap:var(--fs-gap);&.has-dots-normal{padding-bottom:42px}.fs-slider__dots{color:currentcolor}}@keyframes fs-slide-loop-enter{0%{opacity:0}}