#slider {
    width: 50%;
    height: 32vw;
    perspective: 1400px;
    transform-style: preserve-3d;
    margin: 0;
    font-family: Helvetica Neue, sans-serif;
    position: relative;
}

@media (max-width:750px) {
    #slider {
        width: 63.2vw;
        height: 40.448vw
    }
}

@media (max-width:550px) {
    #slider {
        width: 79vw;
        height: 50.56vw
    }
}

#slider input[type=radio] {
    display: none
}

#slider label {
    width: 100%;
    height: 100%;
    cursor: pointer;
    box-sizing: border-box;
    --n: -1;
    --i: 0;
    --b: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: content-box;
    transition: transform .3s, opacity .3s;
    position: absolute;
    top: 0;
    left: 0
}

#s1:checked~#slide1,
#s2:checked~#slide2,
#s3:checked~#slide3,
#s4:checked~#slide4,
#s5:checked~#slide5,
#s6:checked~#slide6,
#s7:checked~#slide7,
#s8:checked~#slide8,
#s9:checked~#slide9,
#s10:checked~#slide10,
#s11:checked~#slide11,
#s12:checked~#slide12,
#s13:checked~#slide13,
#s14:checked~#slide14,
#s15:checked~#slide15,
#s16:checked~#slide16,
#s17:checked~#slide17 {
    --b: 250px
}

#s1:checked~#slide2,
#s2:checked~#slide3,
#s3:checked~#slide4,
#s4:checked~#slide5,
#s5:checked~#slide6,
#s6:checked~#slide7,
#s7:checked~#slide8,
#s8:checked~#slide9,
#s9:checked~#slide10,
#s10:checked~#slide11,
#s11:checked~#slide12,
#s12:checked~#slide13,
#s13:checked~#slide14,
#s14:checked~#slide15,
#s15:checked~#slide16,
#s16:checked~#slide17,
#s17:checked~#slide1 {
    --i: 1
}

#s1:checked~#slide3,
#s2:checked~#slide4,
#s3:checked~#slide5,
#s4:checked~#slide6,
#s5:checked~#slide7,
#s6:checked~#slide8,
#s7:checked~#slide9,
#s8:checked~#slide10,
#s9:checked~#slide11,
#s10:checked~#slide12,
#s11:checked~#slide13,
#s12:checked~#slide14,
#s13:checked~#slide15,
#s14:checked~#slide16,
#s15:checked~#slide17,
#s16:checked~#slide1,
#s17:checked~#slide2 {
    --i: 2
}

#s1:checked~#slide4,
#s2:checked~#slide5,
#s3:checked~#slide6,
#s4:checked~#slide7,
#s5:checked~#slide8,
#s6:checked~#slide9,
#s7:checked~#slide10,
#s8:checked~#slide11,
#s9:checked~#slide12,
#s10:checked~#slide13,
#s11:checked~#slide14,
#s12:checked~#slide15,
#s13:checked~#slide16,
#s14:checked~#slide17,
#s15:checked~#slide1,
#s16:checked~#slide2,
#s17:checked~#slide3 {
    --i: 3
}

#s1:checked~#slide5,
#s2:checked~#slide6,
#s3:checked~#slide7,
#s4:checked~#slide8,
#s5:checked~#slide9,
#s6:checked~#slide10,
#s7:checked~#slide11,
#s8:checked~#slide12,
#s9:checked~#slide13,
#s10:checked~#slide14,
#s11:checked~#slide15,
#s12:checked~#slide16,
#s13:checked~#slide17,
#s14:checked~#slide1,
#s15:checked~#slide2,
#s16:checked~#slide3,
#s17:checked~#slide4,
#s1:checked~#slide6,
#s2:checked~#slide7,
#s3:checked~#slide8,
#s4:checked~#slide9,
#s5:checked~#slide10,
#s6:checked~#slide11,
#s7:checked~#slide12,
#s8:checked~#slide13,
#s9:checked~#slide14,
#s10:checked~#slide15,
#s11:checked~#slide16,
#s12:checked~#slide17,
#s13:checked~#slide1,
#s14:checked~#slide2,
#s15:checked~#slide3,
#s16:checked~#slide4,
#s17:checked~#slide5,
#s1:checked~#slide7,
#s2:checked~#slide8,
#s3:checked~#slide9,
#s4:checked~#slide10,
#s5:checked~#slide11,
#s6:checked~#slide12,
#s7:checked~#slide13,
#s8:checked~#slide14,
#s9:checked~#slide15,
#s10:checked~#slide16,
#s11:checked~#slide17,
#s12:checked~#slide1,
#s13:checked~#slide2,
#s14:checked~#slide3,
#s15:checked~#slide4,
#s16:checked~#slide5,
#s17:checked~#slide6,
#s1:checked~#slide8,
#s2:checked~#slide9,
#s3:checked~#slide10,
#s4:checked~#slide11,
#s5:checked~#slide12,
#s6:checked~#slide13,
#s7:checked~#slide14,
#s8:checked~#slide15,
#s9:checked~#slide16,
#s10:checked~#slide17,
#s11:checked~#slide1,
#s12:checked~#slide2,
#s13:checked~#slide3,
#s14:checked~#slide4,
#s15:checked~#slide5,
#s16:checked~#slide6,
#s17:checked~#slide7,
#s1:checked~#slide9,
#s2:checked~#slide10,
#s3:checked~#slide11,
#s4:checked~#slide12,
#s5:checked~#slide13,
#s6:checked~#slide14,
#s7:checked~#slide15,
#s8:checked~#slide16,
#s9:checked~#slide17,
#s10:checked~#slide1,
#s11:checked~#slide2,
#s12:checked~#slide3,
#s13:checked~#slide4,
#s14:checked~#slide5,
#s15:checked~#slide6,
#s16:checked~#slide7,
#s17:checked~#slide8 {
    opacity: 0;
    pointer-events: none
}

#s1:checked~#slide17,
#s2:checked~#slide1,
#s3:checked~#slide2,
#s4:checked~#slide3,
#s5:checked~#slide4,
#s6:checked~#slide5,
#s7:checked~#slide6,
#s8:checked~#slide7,
#s9:checked~#slide8,
#s10:checked~#slide9,
#s11:checked~#slide10,
#s12:checked~#slide11,
#s13:checked~#slide12,
#s14:checked~#slide13,
#s15:checked~#slide14,
#s16:checked~#slide15,
#s17:checked~#slide16 {
    --i: 1;
    --n: 1
}

#s1:checked~#slide16,
#s2:checked~#slide17,
#s3:checked~#slide1,
#s4:checked~#slide2,
#s5:checked~#slide3,
#s6:checked~#slide4,
#s7:checked~#slide5,
#s8:checked~#slide6,
#s9:checked~#slide7,
#s10:checked~#slide8,
#s11:checked~#slide9,
#s12:checked~#slide10,
#s13:checked~#slide11,
#s14:checked~#slide12,
#s15:checked~#slide13,
#s16:checked~#slide14,
#s17:checked~#slide15 {
    --i: 2;
    --n: 1
}

#s1:checked~#slide15,
#s2:checked~#slide16,
#s3:checked~#slide17,
#s4:checked~#slide1,
#s5:checked~#slide2,
#s6:checked~#slide3,
#s7:checked~#slide4,
#s8:checked~#slide5,
#s9:checked~#slide6,
#s10:checked~#slide7,
#s11:checked~#slide8,
#s12:checked~#slide9,
#s13:checked~#slide10,
#s14:checked~#slide11,
#s15:checked~#slide12,
#s16:checked~#slide13,
#s17:checked~#slide14 {
    --i: 3;
    --n: 1
}

#s1:checked~#slide14,
#s2:checked~#slide15,
#s3:checked~#slide16,
#s4:checked~#slide17,
#s5:checked~#slide1,
#s6:checked~#slide2,
#s7:checked~#slide3,
#s8:checked~#slide4,
#s9:checked~#slide5,
#s10:checked~#slide6,
#s11:checked~#slide7,
#s12:checked~#slide8,
#s13:checked~#slide9,
#s14:checked~#slide10,
#s15:checked~#slide11,
#s16:checked~#slide12,
#s17:checked~#slide13,
#s1:checked~#slide13,
#s2:checked~#slide14,
#s3:checked~#slide15,
#s4:checked~#slide16,
#s5:checked~#slide17,
#s6:checked~#slide1,
#s7:checked~#slide2,
#s8:checked~#slide3,
#s9:checked~#slide4,
#s10:checked~#slide5,
#s11:checked~#slide6,
#s12:checked~#slide7,
#s13:checked~#slide8,
#s14:checked~#slide9,
#s15:checked~#slide10,
#s16:checked~#slide11,
#s17:checked~#slide12,
#s1:checked~#slide12,
#s2:checked~#slide13,
#s3:checked~#slide14,
#s4:checked~#slide15,
#s5:checked~#slide16,
#s6:checked~#slide17,
#s7:checked~#slide1,
#s8:checked~#slide2,
#s9:checked~#slide3,
#s10:checked~#slide4,
#s11:checked~#slide5,
#s12:checked~#slide6,
#s13:checked~#slide7,
#s14:checked~#slide8,
#s15:checked~#slide9,
#s16:checked~#slide10,
#s17:checked~#slide11,
#s1:checked~#slide11,
#s2:checked~#slide12,
#s3:checked~#slide13,
#s4:checked~#slide14,
#s5:checked~#slide15,
#s6:checked~#slide16,
#s7:checked~#slide17,
#s8:checked~#slide1,
#s9:checked~#slide2,
#s10:checked~#slide3,
#s11:checked~#slide4,
#s12:checked~#slide5,
#s13:checked~#slide6,
#s14:checked~#slide7,
#s15:checked~#slide8,
#s16:checked~#slide9,
#s17:checked~#slide10,
#s1:checked~#slide10,
#s2:checked~#slide11,
#s3:checked~#slide12,
#s4:checked~#slide13,
#s5:checked~#slide14,
#s6:checked~#slide15,
#s7:checked~#slide16,
#s8:checked~#slide17,
#s9:checked~#slide1,
#s10:checked~#slide2,
#s11:checked~#slide3,
#s12:checked~#slide4,
#s13:checked~#slide5,
#s14:checked~#slide6,
#s15:checked~#slide7,
#s16:checked~#slide8,
#s17:checked~#slide9 {
    opacity: 0;
    pointer-events: none
}

#slider label {
    transform: translate3d(calc(-24%*var(--n)*var(--i)), 0, calc(-300px*var(--i)))
}

@media (max-width:750px) {
    #slider label {
        transform: translate3d(calc(18%*var(--n)*var(--i)), calc(-50%*var(--n)*var(--i)), calc(-350px*var(--i) + var(--b)))
    }
}

.desktop-next,
.desktop-prev {
    cursor: pointer;
    position: absolute;
    top: calc(20vh + 14vw)
}

@media (max-width:750px) {
    .desktop-next,
    .desktop-prev {
        display: none
    }
}

.mobile-next,
.mobile-prev {
    cursor: pointer;
    position: absolute;
    transform: rotate(-10deg)
}

.mobile-next svg,
.mobile-prev svg {
    width: 40px;
    filter: drop-shadow(-2px 0 5px #000a)
}

.mobile-next svg .cls-1,
.mobile-prev svg .cls-1 {
    fill: #fff
}

@media (min-width:750px) {
    .mobile-next,
    .mobile-prev {
        display: none
    }
}

.mobile-next {
    top: calc(50vh - 70vw);
    right: 4vw
}

@media (min-width:551px) {
    .mobile-next {
        top: calc(50vh - 55vw);
        right: 12vw
    }
}

.mobile-prev {
    top: calc(50vh + 61vw);
    left: 4vw
}

@media (min-width:551px) {
    .mobile-prev {
        top: calc(50vh + 50vw);
        left: 12vw
    }
}

.desktop-next {
    right: 50px
}

@media (max-width:900px) {
    .desktop-next {
        right: 30px
    }
}

.desktop-prev {
    left: 50px
}

@media (max-width:900px) {
    .desktop-prev {
        left: 30px
    }
}

.slider-arrow {
    border: 6px solid #fff;
    filter: drop-shadow(1px 1px 3px #000a);
    border-width: 0 6px 6px 0;
    padding: 20px;
    display: inline-block
}

@media (max-width:900px) {
    .slider-arrow {
        padding: 15px
    }
}

.slider-arrow.right {
    transform: rotate(-45deg)
}

.slider-arrow.left {
    transform: rotate(135deg)
}

.slider-arrow:hover {
    border-color: #eee
}