.video-block .--play_stop {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video-block .--play_stop img {width: auto; height: 3rem;}


/* 
CONTROLS
*/
.video-block .--controls {
    right: 0;
    bottom: 0;
    left: 0;
    column-gap: 1rem;
}

.vc-button img {
    width: auto;
    height: 1.25rem;
}

.video-block .--controls .--progress {
    column-gap: .5rem;
}

.video-block .--controls .--progress,
.video-block .--controls .--progress .--bar {
    width: 100%;
}

.video-block .--controls .--progress .--bar {
    height: 4px;
    background: rgba(255, 255, 255, .25);
}

.video-block .--controls .--progress .--bar_rt {
    top: 0;
    bottom: 0;
    left: 0;
    background: white;
}


/* Status */
.video-block:not([data-video-status='stop']) .--play_stop {display: none;}
.video-block:not([data-video-status='play']) .--pause {display: none;}
.video-block[data-video-status='play'] .--play {display: none;}

.video-block[data-video-view='fit'] .--fitscreen {display: none;}
.video-block[data-video-view='full'] .--fullscreen {display: none;}

.video-block[data-video-sound='unmute'] .--unmute {display: none;}
.video-block[data-video-sound='mute'] .--mute {display: none;}




/* FULLSCREEN */
.video-block[data-video-view='full'] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: black;
    z-index: 250;
}

.video-block[data-video-view='full'] video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}