._carouselContainer_1cxil_1 {
    display: flex;
    flex-direction: column;
    width: 90%;
    justify-content: center;
    margin: 16px auto;
    direction: ltr
}

._titleContainer_1cxil_10 {
    padding: 24px 0;
    text-align: center;
    line-height: 1em
}

._carouselVideoContainer_1cxil_16 {
    display: flex;
    gap: 8px;
    justify-content: center;
    user-select: none
}

._previousButtonContainer_1cxil_23 {
    transition: .3s;
    padding: 0;
    background: #ffffff;
    border: 0;
    border-radius: 100%;
    min-height: 36px;
    min-width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

._previousButtonContainer_1cxil_23:hover {
    transform: scale(1.1)
}

._nextButtonContainer_1cxil_41 {
    transform: rotate(180deg)
}

._nextButtonContainer_1cxil_41:hover {
    transform: rotate(180deg) scale(1.1)
}

._videosContainer_1cxil_49 {
    display: grid;
    overflow: auto;
    scrollbar-width: none
}

._videosContainerSafariWorkaround_1cxil_61 ._videoContainer_1cxil_61 {
    display: block
}

._videosContainerSkeleton_1cxil_65 {
    width: 100%
}

._videosContainer_1cxil_49::-webkit-scrollbar {
    display: none
}

._videoContainer_1cxil_61 {
    display: grid;
    cursor: pointer;
    overflow: hidden;
    aspect-ratio: 9/16;
    max-height: 800px;
    width: 100%;
    background: #f4f5f7;
    position: relative
}

@supports not (aspect-ratio: 9/16) {
    ._videoContainer_1cxil_61 {
        height:100%
    }
}

._video_1cxil_49 {
    display: block!important;
    grid-column: 1;
    grid-row: 1;
    object-fit: cover;
    max-height: 800px;
    aspect-ratio: 9/16;
    height: 100%;
    width: 100%;
    margin: 0!important
}

._video_1cxil_49 track[kind=captions] {
    display: none
}

._video_1cxil_49::-webkit-media-controls {
    display: none
}

._video_1cxil_49::-webkit-media-controls-panel {
    display: none!important;
    opacity: 1!important
}

._videoContainer_1cxil_61:hover ._playButtonContainer_1cxil_115 {
    transform: scale(1.1)
}

._playButtonContainer_1cxil_115 {
    display: flex;
    grid-column: 1;
    grid-row: 1;
    padding: 0;
    background: #000;
    align-self: center;
    justify-self: center;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    border: 0;
    border-radius: 100%;
    transition: .3s;
    z-index: 2
}

._playButtonSkeleton_1cxil_137 {
    animation-name: _skeleton_1cxil_143;
    animation-duration: 2s;
    animation-iteration-count: infinite
}

._skeleton_1cxil_143 {
    cursor: default
}

@keyframes _skeleton_1cxil_143 {
    0% {
        opacity: .08
    }

    50% {
        opacity: .13
    }

    to {
        opacity: .08
    }
}

._dotsContainer_1cxil_159 {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 16px
}

._dot_1cxil_159 {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #b3b6bc;
    opacity: .3;
    cursor: pointer;
    transition: .3s;
    pointer-events: auto;
    display: flex!important
}

._dot_1cxil_159:hover {
    opacity: .6
}

@media (max-width: 450px) or (max-height: 450px) {
    ._carouselContainer_1cxil_1 {
        width:95%
    }

    ._dotsContainer_1cxil_159 {
        display: none
    }
}

._playInTileControlsContainer_1cxil_192 {
    display: none;
    position: absolute;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    inset: 6px;
    z-index: 3
}

._controlButton_1cxil_202 {
    display: flex;
    padding: 8px;
    border: 0;
    border-radius: 50%;
    background-color: #0006;
    transition: .3s
}

@supports (backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px)) {
    ._controlButton_1cxil_202 {
        background-color:#0000004d;
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px)
    }
}

._controlButton_1cxil_202:hover {
    transform: scale(1.05)
}

._spotlightVideosContainer_1cxil_224[data-carousel-muted=true] ._muteSvg_1cxil_224,._videosContainer_1cxil_49[data-carousel-muted=true] ._muteSvg_1cxil_224 {
    display: block
}

._spotlightVideosContainer_1cxil_224[data-carousel-muted=false] ._muteSvg_1cxil_224,._videosContainer_1cxil_49[data-carousel-muted=false] ._muteSvg_1cxil_224,._spotlightVideosContainer_1cxil_224[data-carousel-muted=true] ._unmuteSvg_1cxil_234,._videosContainer_1cxil_49[data-carousel-muted=true] ._unmuteSvg_1cxil_234 {
    display: none
}

._spotlightVideosContainer_1cxil_224[data-carousel-muted=false] ._unmuteSvg_1cxil_234,._videosContainer_1cxil_49[data-carousel-muted=false] ._unmuteSvg_1cxil_234 {
    display: block
}

._videosContainer_1cxil_49 ._tileContainer_1cxil_244 {
    min-height: 120px
}

._videosContainer_1cxil_49[data-carousel-tile-name-location=over] ._tileContainer_1cxil_244 {
    position: relative
}

._videosContainer_1cxil_49[data-carousel-tile-name-location=under] ._tileContainer_1cxil_244 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._tileNameContainer_1cxil_258 {
    padding: 8px;
    width: 100%
}

._videosContainer_1cxil_49[data-carousel-tile-name-location=over] ._tileNameContainer_1cxil_258 {
    position: absolute;
    bottom: 0;
    z-index: 2
}

._tileNameText_1cxil_269 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: hidden
}

._videosContainer_1cxil_49[data-carousel-tile-name-location=over] ._tileNameText_1cxil_269 {
    align-items: center
}

._arrowButtonContainer_1cxil_283 {
    display: flex;
    flex-direction: column
}

._arrowButton_1cxil_283 {
    flex-grow: 1;
    display: flex;
    align-items: center
}

._tileNameHeightPlaceholder_1cxil_294 {
    visibility: hidden;
    display: block!important
}

._bottomControlsContainer_1cxil_299 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 20px;
    width: 100%
}

._bottomArrowsContainer_1cxil_309 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px
}

._progressBarContainer_1cxil_316 {
    flex: 1;
    display: flex;
    align-items: center;
    height: 3px;
    background: #e5e7eb;
    border-radius: 3px;
    overflow: hidden;
    margin: 0 16px
}

._progressBar_1cxil_316 {
    display: block;
    height: 3px;
    background: #44443f;
    border-radius: 2px;
    transition: width .3s ease
}