.eeg-bilingual-video {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #0c0f27;
}

.eeg-bilingual-video--16-9 {
	aspect-ratio: 16 / 9;
}

.eeg-bilingual-video--4-3 {
	aspect-ratio: 4 / 3;
}

.eeg-bilingual-video--1-1 {
	aspect-ratio: 1 / 1;
}

.eeg-bilingual-video__media {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.eeg-bilingual-video__thumbnail {
	position: absolute;
	z-index: 1;
	inset: 0;
	display: block;
	padding: 0;
	border: 0;
	background: transparent;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.eeg-bilingual-video__thumbnail > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.eeg-bilingual-video__play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	place-items: center;
	width: 72px;
	height: 72px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: rgb( 12 15 39 / 72% );
	color: #fff;
	font-size: 28px;
	line-height: 1;
	transform: translate( -50%, -50% );
	transition: background-color 160ms ease, transform 160ms ease;
}

.eeg-bilingual-video__thumbnail:hover .eeg-bilingual-video__play,
.eeg-bilingual-video__thumbnail:focus-visible .eeg-bilingual-video__play {
	background: #1744c8;
	transform: translate( -50%, -50% ) scale( 1.08 );
}

.eeg-bilingual-video__thumbnail:focus-visible {
	outline: 3px solid #fff;
	outline-offset: -6px;
}