.video-player {
	--plyr-color-main: var(--primary-color-500);

	position: relative;
	max-width: var(--width-base);
	padding: var(--space-8) 30px 0;
	margin: 0 auto var(--space-12);
}

.video-player .title {
	margin: 0;
	margin-bottom: var(--space-6);
	font-size: 30px;
	font-weight: normal;
	color: var(--gray);
	font-family: var(--pitch);
	text-transform: uppercase;
}

.video-player .plyr__control--overlaid {
	border: 3px solid var(--plyr-video-control-color, var(--white));
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,rgba(0, 0, 0, .7))));
}

.video-player .plyr--video .plyr__control.plyr__tab-focus,
.video-player .plyr--video .plyr__control:hover,
.video-player .plyr--video .plyr__control[aria-expanded="true"] {
    background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,var(--black))));
    color: var(--plyr-video-control-color-hover,var(--white));
}