/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */

.wp-block-sno-block-snolab-slider  {
    margin-top: 2.4rem;
    
    .slider-images-preview {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 1rem;

        .slider-wrapper {
            position: relative;

            &::before {
                content: '';
                display: block;
                width: 100%;
                padding-top: 56.25%;
            }

            img {
                position: absolute;
                object-fit: cover;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
            }

            .image-caption {
                display: none;
            }
        }
    }
}