.progress-indicator-container .progress-indicator-content, .progress-indicator-handler {
    background-color: #64c4ff !important;
}

#player-container[data-type="audio"] .video-container {
    background-color: #1a1a1a;
}

#player-container[data-type="audio"] .video-container .base-video-rect {
    background-color: #1a1a1a;
}

#player-container .preview-container button {
    width: 12% !important;
}

#player-container[data-type="audio"] .preview-container {
    text-align: center;
    background-color: #1a1a1a;
}

#player-container[data-type="audio"] .preview-container img {
    width: 25% !important;
    border-radius: 4px;
}

#player-container[data-type="audio"] .image-container {
    text-align: center;
    margin-top: 10px;
}

#player-container[data-type="audio"] .image-container img {
    width: 90%;
    border-radius: 4px;
}


@media (max-width: 767px) {
    #player-container[data-type="audio"] .preview-container img {
        width: 50% !important;
    }

    #player-container .preview-container button {
        width: 30% !important;
    }
}

@media (max-width: 415px) {
    #player-container[data-type="audio"] .preview-container img {
        width: 76% !important;
    }
    
    #player-container[data-type="audio"] .image-container {
        margin-top: 0;
    }

    #player-container[data-type="audio"] .image-container img {
        width: 100%;
    }

    #player-container[data-type="audio"] .video-container .base-video-rect {
        height: 100% !important;
    }

    #player-container[data-type="audio"] .video-container .base-video-rect .video-canvas {
        width: 76% !important;
        left: 12% !important;
        top: 10% !important;
    }
}