banner-slideshow{
    width: 100%;
}

banner-slideshow .banner-slideshow-image{
    height: var(--height-pc);
    overflow: hidden;
}
banner-slideshow .banner-slideshow-image picture{
    display: block;
    width: 100%;
    height: 100%;
}
banner-slideshow .banner-slideshow-slide{
    position: relative;
    width: 100% !important;
}

banner-slideshow .banner-slideshow-container{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-block: 70px;
}

banner-slideshow .banner-slideshow-subtitle{
    width: 100%;
    margin: 0 0 12px;
    color: inherit;
    text-transform: var(--banner-subtitle-text-transform, none);
}

banner-slideshow .block-richtext{
    margin-top: 15px;
}
banner-slideshow .v-button{
    margin-top:50px;
}
banner-slideshow .banner-slideshow-video{
    position: absolute;
    right: 64px;
    bottom: 120px;
    --play-button-size:100px;
}

banner-slideshow .video-play-button{
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--play-button-size);
    height: var(--play-button-size);
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(25px);
    cursor: pointer;
}


banner-slideshow .play-text{
    position: absolute;
    display: flex;
    width:150%;
    animation: spin 10s linear infinite;
}

banner-slideshow .video-popup{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000e6;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
}

banner-slideshow .video-popup.active{
    display:flex;
}

banner-slideshow .video-popup .video-body video{
    max-width: 95vw;
}
@keyframes spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media(max-width:1024px){
    banner-slideshow .banner-slideshow-video{
        bottom:60px;
    }
}
@media(max-width:768px){
    banner-slideshow .banner-slideshow-image{
        height: var(--height-mobile);
    }

    banner-slideshow .banner-slideshow-container{
        padding-block: 13.3333vw;
    }

    banner-slideshow .banner-slideshow-video{
        right: 8.5333vw;
        bottom: 16vw;
        --play-button-size:13.3333vw;
    }
    banner-slideshow .v-button{
        margin-top:6.6667vw;
    }
}