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

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

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

.reelUp_grid_view .reelUp_grid_wrapper {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.reelUp_grid_view .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_grid_view .reelUp_card_skeleton .reelUp_card_video_wrapper {
    border-radius: 10px;
}

.reelUp_grid_view .reelUp_grid_item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}

.reelUp_grid_view .reelUp_card {
    cursor: pointer;
}

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

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