.wp-block-acf-side-scroll-container,
.backend-side-scroll {
    display: flex;
    gap: var(--wp--preset--spacing--20, 25px);
    flex-direction: column;
}
.wp-block-acf-query-side-scroll ul {
    padding: 0;
}
.wp-block-acf-query-side-scroll {
    gap: var(--wp--preset--spacing--40, 40px);
    display: grid;
    overflow: hidden;
}
/* ////// Max Width ////// */
.wp-block-acf-query-side-scroll li {
    width: auto;
    height: auto;
    width: min(90%, calc(28rem + (550 - 16*28)*(1vw/19.2)));
   flex-shrink: 0;
}
.wp-block-acf-query-side-scroll.xs-slide-width li {
   width: min(90%, calc(23rem + (400 - 16*23)*(1vw/19.2)));
}
.wp-block-acf-query-side-scroll.md-slide-width li {
   width: min(90%, calc(32rem + (750 - 16*32)*(1vw/19.2)));
}
.wp-block-acf-query-side-scroll.lg-slide-width li {
   width: min(90%, calc(47rem + (950 - 16*47)*(1vw/19.2)));
}

/* ////// Feather ////// */
.editor-styles-wrapper .wp-block-acf-query-side-scroll.is-selected .swiper.feather-edges,
.editor-styles-wrapper .wp-block-acf-query-side-scroll.has-child-selected .swiper.feather-edges {
    mask-image: unset;
}
.editor-styles-wrapper .wp-block-acf-query-side-scroll .feather-edges .swiper,
.wp-block-acf-query-side-scroll.feather-edges {
    mask-image: linear-gradient(90deg, rgba(0,0,0,1) calc(100% - 40px), rgba(0,0,0,0) 100%);
}
.wp-block-acf-query-side-scroll.feather-edges.inbetween {
    mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 40px, rgba(0,0,0,1) calc(100% - 40px), rgba(0,0,0,0) 100%);
}
.wp-block-acf-query-side-scroll.feather-edges.at-end {
    mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 40px);
}
/* .wp-block-acf-side-scroll-container .feather-edges.at-beginning.at-end {
    mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 0%);
} */

/* ////// Image ////// */
.wp-block-acf-query-side-scroll .wp-block-post-featured-image :where(img) {
    height: var(--image-height-short);
    object-fit: cover;
}


/* --- No JS --- */
.no-js .wp-block-acf-query-side-scroll .acf-innerblocks-container {
    overflow-x: auto;
    overflow-y: hidden;
}
.no-js .wp-block-acf-query-side-scroll ul.wp-block-post-template {
    display: flex;
    padding-bottom: var(--wp--preset--spacing--20);
    gap: var(--wp--preset--spacing--10);
}