.videoPlayerSlider {overflow: hidden;padding: 30px 10px;}
.videoPlayerSlider-wrapper{
    position: relative;
}
.videoPlayerSlide {display: flex;flex-direction: column;gap: 20px;}
.videoPlayer, .videoPlayer *{box-sizing: border-box;}
.videoPlayer{display:flex;overflow: hidden;aspect-ratio: 1;border-radius: 50%;position: relative;filter: drop-shadow(5px 3px 5px black);}
.videoPlayer__clickArea:not(.active, .videoPlayer__preview):after {position: absolute;content: "";
    /*background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='800px' height='800px' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m30 57c18.48-13.12 188.13-13.34 200.18 3.38s13.55 129.91-5.8 139.11-179.03 15.09-194.38-1.49-19.61-127 0-141z' fill='%23191919'/%3e%3cpath d='m113.38 216.51c-77.15 0-86.17-9.74-89.24-13-13.97-15.11-17.58-75.9-13.94-111.13 2.33-22.58 7.3-36.28 15.17-41.87 3.63-2.57 11.84-6.28 41.33-8.81 18.68-1.6 42.08-2.37 65.87-2.17 24.5.21 47.51 1.46 64.79 3.51 29.07 3.45 36.18 8.36 39.31 12.69 7.59 10.52 9.66 40.46 10.23 57.37.93 27.89-1.08 54.5-5.36 71.19-3.18 12.38-7.54 19.51-13.72 22.45-13.35 6.35-68.33 9.27-102 9.69q-6.51.08-12.44.08zm-78.74-153c-.24.21-5.83 4.49-8.53 30.49-1.85 17.9-1.66 40.64.5 60.84 2.65 24.76 7.07 35.36 9.25 37.72 4 3.56 31.64 8.65 91 7.83 51.53-.71 87.59-5.14 94-8.09.33-.26 3.91-3.44 6.85-19.88 3-16.75 4.1-40.75 3-64.18-1.24-25.69-4.71-39.57-6.84-42.94-4.7-3.67-34.05-9.49-94.18-9.81-56.59-.3-90.17 4.62-95 8z' fill='%23191919'/%3e%3cpath d='m30 57c18.48-13.12 188.13-13.34 200.18 3.38s13.55 129.91-5.8 139.11-179.03 15.09-194.38-1.49-19.61-127 0-141z' fill='%235237df'/%3e%3cpath d='m106.64 88.63c-5.53 3.52-3.88 75.56-.68 79.8s63.75-34 63.8-40.81-57.58-42.51-63.12-38.99z' fill='%23ffffff'/%3e%3c/svg%3e") center no-repeat;*/
    background-size: contain;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 50%;z-index: 2;pointer-events: none;
}
.videoPlayer__preview img{pointer-events: none;}
.videoPlayer__preview.active img{display: none}
.videoPlayer iframe, .videoPlayer video{width: 100%;height: 100%;object-fit: cover}
.videoPlayer__clickArea{z-index: 2;position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;display: block;content: "";}
.videoPlayer > *{flex: 1 1 auto;}
.videoPlayerSlide__title {text-align: center;text-wrap: balance;transition: .2s linear}
.videoPlayerSlider-wrapper .swiper-button-prev::after{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10" fill="none"><path d="M5 1L0.928932 5.07107L5 9.14214" stroke="%2315141A"/></svg>') no-repeat 50% 50% / contain;
    width: 20px;
    height: 20px;
    margin-right: -2px;
}
.videoPlayerSlider-wrapper .swiper-button-next::after{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M6 1L11.0711 6.07107L6 11.1421" stroke="%2315141A"/></svg>') no-repeat 50% 50% / contain;
    width: 20px;
    height: 20px;
    margin-left: -2px;
}
.videoPlayerSlider-wrapper .swiper-button-next, .videoPlayerSlider-wrapper .swiper-button-prev{
    margin-top: 5px;
    background: #fff;
}
.videoPlayerSlider-wrapper .swiper-button-next.swiper-button-disabled, .videoPlayerSlider-wrapper .swiper-button-prev.swiper-button-disabled{
    pointer-events: auto;
    border-color: #e8eaf1;
}
.videoPlayerSlider.swiper:not(.swiper-initialized) .swiper-wrapper{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
@media (hover: hover) {
    .videoPlayerSlide:hover .videoPlayerSlide__title{color: var(--color-blue);}
}
@media (max-width: 1000px){
    .videoPlayerSlider {
        margin: 0px 15px;
    }
    .videoPlayerSlider-wrapper .swiper-button-next{
        right: 0px;
    }
    .videoPlayerSlider-wrapper .swiper-button-prev{
        left: 0px;
    }
}
@media (max-width: 600px) {
    .videoPlayerSlider.swiper:not(.swiper-initialized) .swiper-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 400px) {
    .videoPlayerSlider.swiper:not(.swiper-initialized) .swiper-wrapper{
        grid-template-columns: repeat(1, 1fr);
    }
}