#stage {
    background: #ececec;
}

#thumbnails {
    background: #e5e5e5;
}
  
#progress .bar {
    height: 3px;
    transition: width 400ms ease;
}

.splide__slide {
  background: #000 none center center/contain no-repeat;
}

#thumbnails .thumbs {
    overflow-y: auto;
}

#thumbnails .thumb-item {
    margin-bottom: 0.7rem;
}

#thumbnails .thumb-item:last-child {
    margin-bottom: 0;
}

#thumbnails .thumb-item .thumb {
    min-width: 80px;
    min-height: 60px;
    background: #000 none center center/contain no-repeat;
}

#thumbnails .thumb-item .thumb-content {
    width: 100%;
    overflow: hidden;
}

#thumbnails .thumb-item h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

#thumbnails .thumb-item h6.title {
    font-size: 0.9rem;
}

#thumbnails .thumb-item h6.description {
    font-size: 0.8rem;
}

#controls .loader {
    display: none;
}

#controls .btn.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.end-slide {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}