@layer defaults {
  .wp-block-acf-carousel {
    margin: 0;
    padding: 0;
    --maxW: 100%;
    --height: auto;
    container-name: carousel;
    container-type: inline-size;
  }
  .wp-block-acf-carousel[style*="--aspectRatio"] {
    aspect-ratio: var(--aspectRatio);
    --height: calc((1/var(--aspectRatio)) * 100cqi);
  }
  .wp-block-acf-carousel[style*="--aspectRatio"]:not(.alignfull) {
    max-width: 100%;
    width: 100%;
  }
  .wp-block-acf-carousel[style*="--aspectRatio"][style*=fluid] {
    aspect-ratio: auto !important;
  }
  .wp-block-acf-carousel {
    /*
    &[data-transition="fade_"] .acf-innerblocks-container[data-scroll="true"]{
    	> *{
    		opacity: 0;
    		transition: opacity 1s;
    		z-index: 2;

    		position: absolute;
    		left: 0;
    		right: 0;
    		top:0; 
    		bottom: 0;

    		pointer-events: none;

    		&.current{
    			opacity: 1;
    			z-index: 1;
    			pointer-events: auto;
    		}
    	}
    }
    */
  }
  .wp-block-acf-carousel[data-transition=fade] .acf-innerblocks-container[data-scroll=true] {
    position: relative;
    position: relative;
    height: auto;
    min-height: auto;
    max-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: var(--height) !important;
  }
  .wp-block-acf-carousel[data-transition=fade] .acf-innerblocks-container[data-scroll=true] > * {
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    z-index: 2;
    /*position: absolute;
    left: 0;
    right: auto;
    top:0;
    bottom: auto;
    */
    max-height: 100%;
    overflow: hidden;
    height: inherit;
    width: inherit;
    pointer-events: none;
  }
  .wp-block-acf-carousel[data-transition=fade] .acf-innerblocks-container[data-scroll=true] > *.wp-block-video {
    display: block;
    width: 100%;
    min-width: min(100%, 100vw);
    background: lime;
    min-width: 100%;
    aspect-ratio: var(--aspectRatio, 16/9);
  }
  .wp-block-acf-carousel[data-transition=fade] .acf-innerblocks-container[data-scroll=true] > *.current {
    opacity: 1;
    z-index: 1;
    pointer-events: auto;
  }
  .wp-block-acf-carousel .wp-block-image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    aspect-ratio: var(--aspectRatio);
  }
  .wp-block-acf-carousel .wp-block-image > a {
    display: inline !important;
  }
  .wp-block-acf-carousel .wp-block-image img[style*="object-fit:cover"] {
    min-width: 100%;
    min-height: 100%;
    aspect-ratio: inherit;
  }
  .wp-block-acf-carousel[data-pagination=no] .scrollNav .pagination {
    display: none;
  }
  .wp-block-acf-carousel .acf-innerblocks-container {
    width: 100%;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: var(--spacing, 0);
    height: var(--height, 100vh);
  }
  .wp-block-acf-carousel .acf-innerblocks-container > * {
    margin-bottom: 0 !important;
  }
  .wp-block-acf-carousel .acf-innerblocks-container[data-scroll=true] {
    scrollbar-width: none;
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    overscroll-behavior-x: contain;
  }
  .wp-block-acf-carousel .acf-innerblocks-container[data-scroll=true]::-webkit-scrollbar, .wp-block-acf-carousel .acf-innerblocks-container[data-scroll=true]::-webkit-scrollbar-button {
    display: none;
  }
  .wp-block-acf-carousel .acf-innerblocks-container[data-scroll=true] {
    /* Chrome */
  }
  .wp-block-acf-carousel .acf-innerblocks-container[data-scroll=true].dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  .wp-block-acf-carousel .acf-innerblocks-container[data-scroll=true].dragging * {
    pointer-events: none !important;
  }
  .wp-block-acf-carousel .acf-innerblocks-container[data-scroll=true]:not(.dragging) {
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
  }
  .wp-block-acf-carousel .acf-innerblocks-container[data-scroll=true] > * {
    scroll-snap-align: start;
  }
  .wp-block-acf-carousel .acf-innerblocks-container[data-scroll=true][data-center-mode=true] > * {
    scroll-snap-align: center;
  }
  .wp-block-acf-carousel[data-display=bg] {
    position: absolute;
    inset: 0;
    margin: 0 !important;
    padding: 0;
    min-height: 100%;
    min-width: var(--maxW);
    left: 50%;
    margin-left: calc(0px - var(--maxW) / 2) !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
  }
  .wp-block-acf-carousel[data-display=bg] .acf-innerblocks-container {
    padding: 0;
    margin: 0 !important;
    width: var(--maxW);
    height: 100%;
    opacity: var(--opacity, 1);
  }
  .wp-block-acf-carousel[data-display=bg] .acf-innerblocks-container > * {
    margin: 0 !important;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  .wp-block-acf-carousel[data-display=bg] .scrollNav {
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
  }
  .wp-block-acf-carousel .scrollNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--text-col);
    /*background: lime;*/
    margin-top: var(--wp--preset--spacing--medium);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
    pointer-events: none;
    --arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23080341' fill-rule='evenodd' d='M13.94 12 8.47 6.53l1.06-1.06L16.06 12l-6.53 6.53-1.06-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");
  }
  .wp-block-acf-carousel .scrollNav a {
    font-size: 2em;
    color: inherit;
  }
  .wp-block-acf-carousel .scrollNav a[disabled] {
    opacity: 0.3;
    pointer-events: none !important;
  }
  .wp-block-acf-carousel .scrollNav a.prev, .wp-block-acf-carousel .scrollNav a.next {
    background: currentColor;
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--arrow);
            mask-image: var(--arrow);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    pointer-events: auto;
  }
  .wp-block-acf-carousel .scrollNav a.prev.prev, .wp-block-acf-carousel .scrollNav a.next.prev {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
  .wp-block-acf-carousel .scrollNav a.page {
    height: 0.6em;
    width: 0.6em;
    display: block;
    opacity: 0.8;
    text-indent: -999em;
    overflow: hidden;
    position: relative;
    pointer-events: auto;
  }
  .wp-block-acf-carousel .scrollNav a.page::before {
    content: "";
    display: block;
    background: currentColor;
    position: absolute;
    inset: 25%;
    border-radius: 50%;
    outline: 0px solid currentColor;
    -webkit-transition: background 0.1s, outline 0.1s;
    transition: background 0.1s, outline 0.1s;
  }
  .wp-block-acf-carousel .scrollNav a.page.selected::before {
    background: transparent;
    outline: 3px solid currentColor;
  }
  .wp-block-acf-carousel .scrollNav a.page:hover {
    opacity: 1;
  }
  .wp-block-acf-carousel .scrollNav .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.4em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: calc(100% - 4em);
  }
  [data-pagination=thumbs] + .wp-block-acf-carousel .scrollNav {
    --per-row: 6;
    --gap: var(--wp--preset--spacing--x-small);
  }
  [data-pagination=thumbs] + .wp-block-acf-carousel .scrollNav .pagination {
    gap: var(--gap);
  }
  [data-pagination=thumbs] + .wp-block-acf-carousel .scrollNav a.page {
    height: auto;
    aspect-ratio: 1;
    width: calc(100% / var(--per-row) - var(--gap) * (var(--per-row) - 1) / (var(--per-row)));
    position: relative;
    background-size: cover;
    background-position: center;
  }
  [data-pagination=thumbs] + .wp-block-acf-carousel .scrollNav a.page[data-parent*=_video]::before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    border-radius: 0;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent #fff;
  }
  [data-pagination=thumbs] + .wp-block-acf-carousel .scrollNav a.page[data-parent*=_video]::after {
    content: "";
    display: block;
    width: 40px;
    height: 26px;
    position: absolute;
    background: rgba(50, 50, 50, 0.7);
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    border-radius: 4px;
  }
  [data-pagination=thumbs] + .wp-block-acf-carousel .scrollNav a.page img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }
  [data-pagination=thumbs] + .wp-block-acf-carousel .scrollNav a.page::before {
    display: none;
  }
  .wp-block-acf-carousel[data-controls=overlay] {
    position: relative;
  }
  .wp-block-acf-carousel[data-controls=overlay] .scrollNav {
    position: absolute;
    top: var(--wp--preset--spacing--large);
    bottom: var(--wp--preset--spacing--large);
    height: calc(var(--height) - var(--wp--preset--spacing--large) - var(--wp--preset--spacing--large));
    left: var(--wp--preset--spacing--medium);
    right: var(--wp--preset--spacing--medium);
    padding: 0 !important;
    margin: 0 !important;
    z-index: 5;
    aspect-ratio: auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .wp-block-acf-carousel[data-controls=overlay] .scrollNav .pagination {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
[class*=__inner-container]:has(> .wp-block-acf-carousel[data-display=bg]) {
  position: static;
  padding: inherit;
}
[class*=__inner-container]:has(> .wp-block-acf-carousel[data-display=bg]) > * {
  z-index: 2;
}
[class*=__inner-container]:has(> .wp-block-acf-carousel[data-display=bg]) > .wp-block-acf-carousel[data-display=bg] {
  z-index: 1;
}