.slideshow{
    position:relative
}
.slideshow__slide img{
    display:block;
    font-family:"object-fit: cover;
    ";
    height:100%;
    object-fit:cover;
    width:100%
}
.slideshow .slideshow__pagination{
    padding-left:.375em
}
.slideshow .slideshow__pagination li{
    margin-right:.375em
}
.slideshow .slideshow__pagination li:last-child{
    margin-right:0
}
.slideshow .splide__pagination__page{
    height:1em;
    width:1em
}
.slideshow .splide__pagination__page .icon .inner-fill,.slideshow .splide__pagination__page .icon .outer-ring{
    opacity:0
}
.slideshow .splide__pagination__page.is-active .icon .inner-fill{
    opacity:1
}
.slideshow .splide__pagination__page.is-active .icon .inner-ring{
    opacity:0
}
.slideshow .splide__pagination__page.is-active .icon .outer-ring{
    opacity:1
}
.slideshow .splide__pagination__page:focus .icon .inner-fill,.slideshow .splide__pagination__page:hover .icon .inner-fill{
    opacity:1
}
.slideshow .splide__pagination__page:focus .icon .inner-ring,.slideshow .splide__pagination__page:hover .icon .inner-ring{
    opacity:0
}
.slideshow button.slideshow__arrow,.slideshow .splide__pagination__page{
    -webkit-appearance:none;
    align-items:center;
    box-sizing:border-box;
    display:flex;
    font-family:inherit;
    font-weight:normal;
    justify-content:center;
    line-height:1;
    margin:0;
    padding:0;
    position:relative;
    text-decoration:none
}
.slideshow button.slideshow__arrow:focus::after,.slideshow button.slideshow__arrow:hover::after{
    background:#000;
    border:1px solid #fff
}
.slideshow button.slideshow__arrow:focus{
    background-color:rgba(0,0,0,.3)
}
.slideshow__controls{
    align-items:center;
    background:#000;
    border-radius:1em;
    display:flex;
    padding:0 .5em;
    position:absolute;
    right:24px;
    top:24px;
    z-index:5
}
.slideshow__toggle{
    border-radius:100%;
    box-sizing:border-box
}
.slideshow__toggle:focus{
    background:#fff
}
.slideshow__toggle:focus .icon{
    fill:#000
}
.slideshow__toggle__play,.slideshow__toggle__pause{
    align-items:center;
    display:flex;
    height:1em;
    justify-content:center;
    width:1em
}
.slideshow__toggle .slideshow__toggle__pause{
    display:none
}
.slideshow__toggle .slideshow__toggle__play{
    display:flex
}
.slideshow__toggle.is-active .slideshow__toggle__pause{
    display:flex
}
.slideshow__toggle.is-active .slideshow__toggle__play{
    display:none
}
.slideshow button.slideshow__arrow{
    position:absolute;
    top:200px;
    transform:translateY(-50%)
}
.slideshow button.slideshow__arrow--prev,.slideshow button.slideshow__arrow--next{
    background-color:#000;
    border-radius:100%;
    display:flex;
    height:48px;
    width:48px;
    z-index:5
}
.slideshow button.slideshow__arrow--prev:hover,.slideshow button.slideshow__arrow--prev:focus,.slideshow button.slideshow__arrow--next:hover,.slideshow button.slideshow__arrow--next:focus{
    background-color:#fff
}
.slideshow button.slideshow__arrow--prev:hover .icon,.slideshow button.slideshow__arrow--prev:focus .icon,.slideshow button.slideshow__arrow--next:hover .icon,.slideshow button.slideshow__arrow--next:focus .icon{
    fill:#000
}
.slideshow button.slideshow__arrow--prev{
    left:24px
}
.slideshow button.slideshow__arrow--next{
    right:24px
}
.slideshow__slide__container{
    height:400px
}
.slideshow .slide__content{
    padding:32px 24px
}
.slideshow .slide p.slide__title{
    font-size:38px;
    font-weight:bold;
    line-height:44px;
    margin:0
}
.slideshow .slide p.slide__description{
    margin:32px 0;
    line-height:22px
}
.slideshow .slide__button{
    margin-top:32px
}
.slideshow.one-slide .slide{
    width:100%
}

@media only screen and (min-width: 1200px) {
    .component_content_slideshow {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

@media only screen and (min-width: 1670px){
    .component_content_slideshow button.slideshow__arrow--prev{
        left: calc(var(--bs-gutter-x)*.5);
    }
    .component_content_slideshow button.slideshow__arrow--next{
        right: calc(var(--bs-gutter-x)*.5);
    }
}

@media only screen and (min-width: 1024px){
    .slideshow__slide__container{
        height:600px;
        min-height:600px
    }
    .slideshow button.slideshow__arrow{
        top:50%
    }
    .slideshow .slide__content{
        padding:32px;
        width:400px
    }
    .slideshow .slide__content__container{
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        width:100%;
        padding:0 104px;
        right:0;
        left:0;
        z-index:5
    }
    .slideshow .slide--white .slide__content{
        background:rgba(255,255,255,.8)
    }
    .slideshow .slide--black .slide__content{
        background:rgba(0,0,0,.8);
        color:#fff
    }
    .slideshow .slide--gradient_black{
        color:#fff
    }
    .slideshow .slide--gradient_black:before{
        content:"";
        position:absolute;
        top:0;
        left:0;
        width:80%;
        background:rgba(0,0,0,0) linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7882352941) 62%, rgba(0, 0, 0, 0.9098039216) 82%, #000000 100%) 0 0 no-repeat padding-box;
        z-index:3;
        opacity:.7;
        height:100%;
        bottom:0
    }
    .slideshow .slide--right .slide__content{
        margin-left:auto
    }
    .slideshow .slide--right.slide--gradient_black:before{
        background:rgba(0,0,0,0) linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7882352941) 62%, rgba(0, 0, 0, 0.9098039216) 82%, #000000 100%) 0 0 no-repeat padding-box;
        right:0;
        left:inherit
    }
}
@media only screen and (min-width: 1200px){
    .slideshow__controls{
        top:64px;
        right:64px
    }
    .slideshow button.slideshow__arrow--prev{
        left:64px
    }
    .slideshow button.slideshow__arrow--next{
        right:64px
    }
    .slideshow__slide__container{
        height:calc(100vh - 295px)
    }
    .slideshow .slide__content{
        width:600px
    }
    .slideshow .slide__content__container{
        padding:0 144px
    }
}