@keyframes reelUpLoading {
    to {
        background-position-x: -30%;
    }
}

@-webkit-keyframes reelUpLoading {
    to {
        background-position-x: -30%;
    }
}


.reelUp_cards_carousel .reelUp_slide {
    flex-shrink: 0;
    position: relative;
}

.reelUp_cards_carousel .reelUp_slide:last-child {
    margin-right: 0 !important;
}

.reelUp_cards_carousel.reelUp_carousel {
    margin: 20px auto;
    position: relative;
    z-index: 1;
}

.reelUp_cards_carousel .reelUp_carousel_wrapper {
    display: flex;
    display: -webkit-flex;
    padding: 10px 5px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.reelUp_cards_carousel .reelUp_carousel_wrapper::-webkit-scrollbar {
    display: none
}

.reelUp_cards_carousel .reelUp_card_skeleton .reelUp_card_video_wrapper {
    background-color: rgb(210, 210, 210);
    background: linear-gradient(100deg,
            rgba(255, 255, 255, 0) 40%,
            rgba(255, 255, 255, .3) 50%,
            rgba(255, 255, 255, 0) 60%) rgb(210, 210, 210);
    background-size: 200% 100%;
    background-position-x: 160%;
    animation: 1s reelUpLoading ease-in-out infinite;
}

.reelUp_cards_carousel .reelUp_card_skeleton .reelUp_card_video_wrapper {
    border-radius: 10px;
}

.reelUp_cards_carousel .reelUp_card {
    position: relative;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 10px #00000026;
}

.reelUp_cards_carousel .reelUp_card_skeleton.reelUp_card {
    box-shadow: unset;
}

.reelUp_cards_carousel .reelUp_card .reelUp_card_video_wrapper {
    display: flex;
    display: -webkit-flex;
    position: relative;
    z-index: 99;
}