.video-js .vjs-title-bar {
    background: rgba(43, 51, 63, 0.7);
    color: white;
    display: none;
    font-size: 2em;
    padding: .5em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.video-js.vjs-paused.vjs-has-started .vjs-title-bar,
.video-js.vjs-user-active.vjs-has-started .vjs-title-bar {
    display: block;
}

.video-js .vjs-button-prev .vjs-icon-placeholder:before {
    content: "<";
}

.video-js .vjs-button-next .vjs-icon-placeholder:before {
    content: ">";
}

.video-js .vjs-close-button {
    display: none;
}

.video-js.vjs-paused.vjs-has-started .vjs-close-button,
.video-js.vjs-user-active.vjs-has-started .vjs-close-button {
    display: block;
}

.viewer-video-root {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
}

.viewer-video {
    width: 100%;
    flex-grow: 1;
}