@layer master {
    .templateBlocks {
        .container {
            .grid {
                .splide[data-splide-state="mobile"], .splide[data-splide-state="disabled"] {
                    .splide__list {
                        display: flex;
                        gap: var(--gutter);
                        flex-wrap: wrap;
                        .item {
                            width: 100%;
                            @media (min-width: 56em) {
                                .slides-1 & {
                                    width: 100%;
                                }
                                .slides-2 & {
                                    width: calc(50% - var(--gutter));
                                }
                                .slides-3 & {
                                    width: calc(33.3333% - var(--gutter));
                                }
                                .slides-4 & {
                                    width: calc(25% - var(--gutter));
                                }
                            }
                            @media (--min-fablet) {
                                .slides-1 & {
                                    width: 100%;
                                }
                                .slides-2 & {
                                    width: calc(50% - var(--gutter));
                                }
                                .slides-3 & {
                                    width: calc(33.3333% - var(--gutter));
                                }
                                .slides-4 & {
                                    width: calc(25% - var(--gutter));
                                }
                            }
                        }
                    }
                }
            }
            .media {
                video.full {
                    position: absolute;
                }
                &.playing {
                    video.teaser { display: none; }
                    video.teaser + video.full { display: block; position: relative;}
                    .playButton {
                        opacity: 1;
                    }
                }                
            }
        }
    }
}