.video-gallery-preview__slider{
    display: flex;
}
.video-gallery-preview__list:not(.lightSlider) {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}
@media (min-width: 992px) {
    .video-gallery-preview__list:not(.lightSlider) {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1400px) {
    .video-gallery-preview__list:not(.lightSlider) {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

@media (min-width: 1600px) {
    .video-gallery-preview__list:not(.lightSlider) {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
}
.video-gallery__slide .video-player{
    border-radius: 20px;
    overflow: hidden;
}
.video-gallery__slide video,
.video-gallery__slide iframe{
    border-radius: 20px;
}
.video-gallery__slide{
    height: 400px;
}
.video-gallery__slide.vertical{
    width: 225px;
}
.video-gallery__slide.horizontal{
    width: 500px;
}
.video-gallery-preview__item__inner{
    display: block;
}
.video-gallery-preview__item__img__box{
    display: block;
    position: relative;
}
.video-gallery-preview__item__mask svg path{
    fill: #fff;
}
.video-gallery-preview__item__img,
.video-gallery-preview__item__mask{
    aspect-ratio: 573/378;
    border-radius: 10px;
}
.video-gallery-preview__item__mask{
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.3s ease opacity;
}
.video-gallery-preview__item__inner:hover .video-gallery-preview__item__mask{
    opacity: 1;
}

.video-gallery__wrapper.is-slider-visible .lSSlideOuter{
    padding-right: 60px;
}
.video-gallery__slide{
    aspect-ratio: 260/462;
    /*min-width: 234px;*/
}

@media (min-width: 992px) {
    .video-gallery__wrapper .video-gallery__slide.vertical {
        width: 278px;
    }
    .video-gallery__wrapper .video-gallery__slide {
        height: 496px;
    }
}

@media (min-width: 1400px) {
    .video-gallery__wrapper .video-gallery__slide.vertical {
        width: 265px;
    }
    .video-gallery__wrapper .video-gallery__slide{
        height: 470px;
    }
}

@media (min-width: 1552px) {
    .horizontal.video-gallery__slide{
        aspect-ratio: 638/462;
        /*min-width: 540px;*/
    }
}
/*
.video-gallery__slide {
    width: auto!important;
    height: 549px!important;
    overflow: hidden
}

@media (max-width: 1599px) {
    .video-gallery__slide {
        height:420px!important
    }
}

@media (max-width: 1439px) {
    .video-gallery__slide {
        height:337px!important
    }
}

@media (max-width: 767px) {
    .video-gallery__slide {
        height:428px!important
    }
}

.video-gallery__slide .video-player {
    position: relative;
    width: 100%;
    height: 100%
}

.video-gallery__slide .video-player img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer
}

.video-gallery__slide .video-player button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: unset;
    border: 0;
    outline: 0;
    cursor: pointer
}

.video-gallery__slide.horizontal {
    width: calc(100% - 594px)!important;
    border-radius: 32px
}

@media (max-width: 1599px) {
    .video-gallery__slide.horizontal {
        width:calc(100% - 464px)!important
    }
}

@media (max-width: 1439px) {
    .video-gallery__slide.horizontal {
        width:calc(100% - 186px)!important
    }
}

@media (max-width: 767px) {
    .video-gallery__slide.horizontal {
        width:216px!important;
        border-radius: 24px
    }
}

.video-gallery__slide.vertical {
    max-width: 277px;
    border-radius: 16px
}

@media (max-width: 1599px) {
    .video-gallery__slide.vertical {
        max-width:212px
    }
}

@media (max-width: 1439px) {
    .video-gallery__slide.vertical {
        max-width:170px
    }
}

@media (max-width: 767px) {
    .video-gallery__slide.vertical {
        max-width:216px
    }
}*/
