:root {
    --start-video-progress-width: 0;
    --current-video-progress-width: 100%;
    --start-audio-progress-width: 0;
    --current-audio-progress-width: 100%;
    --vlc-bottom-bar-height: 50px;
    --vlc-blue-color: #00b2ff;
    --vlc-background-blue-color: rgb(235, 249, 255);
    --vlc-font-color: #4a5764;
}

.half-height,
.height-50-per,
.height-50-percent {
    height: 50%;
}

.full-height,
.height-100-per,
.height-100-percent {
    height: 100%;
}

.half-width,
.width-50-per,
.width-50-percent {
    width: 50%;
}

.full-width,
.width-100-per,
.width-100-percent {
    width: 100%;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

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