.wrap {
    overflow: hidden;
}

.carousel {
    display: flex;
    left: -100%;
    list-style: none !important;
    margin: 0;
    padding: 0;
    position: relative;
    transform: translateX(100%);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

#partnerLeftButton {
    position: sticky;
    left: 0;
    top: 37%;
    z-index: 9999;
    float: left;
}

#partnerRightButton {
    position: sticky;
    left: 97%;
    z-index: 9999;
    bottom: 43%;
    float: right;
}

#partnerLeftButton, #partnerRightButton {
    padding: 0.5rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    align-content: center;
    justify-content: center;
    display: flex;
    border: #17174a 1px solid;
    background-color: rgb(255, 255, 255);
}

@media (min-width: 30em) {
    .carousel {
        left: -33.33333%;
        transform: translateX(33.33333%);
    }
}

@media (min-width: 40em) {
    .carousel {
        left: -20%;
        transform: translateX(20%);
    }
}

.carousel.is-reversing {
    transform: translateX(-100%);
}

@media (min-width: 30em) {
    .carousel.is-reversing {
        transform: translateX(-33.33333%);
    }
}

@media (min-width: 40em) {
    .carousel.is-reversing {
        transform: translateX(-20%);
    }
}

.carousel {
    transition: transform 0.7s ease-in-out;
    will-change: transform;
}

.carousel.is-set {
    transform: none;
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.carousel.is-reversing.is-set {
    transform: none;
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.carousel-seat {
    flex: 1 0 100%;
    text-align: center;
    order: 2;
    display: flex;
    justify-content: center;
    flex-basis: 50%;
}

.carousel-seat::before {
    background-image: none !important;
    content: none !important;
}

@media (min-width: 30em) {
    .carousel-seat {
        flex-basis: 33.33333%;
    }
}

@media (min-width: 40em) {
    .carousel-seat {
        flex-basis: 20%;
    }
}

.carousel-seat.is-ref {
    order: 1;
}