.container {
	padding: 0 16px;
}

.mediaBackground {
	background-color: $light-ultra-dim;
}

.mediaBackgroundDark {
	background-color: $dark-ultra-dim;
}

.media {
	flex-direction: row;
	justify-content: center;
}

.mediaContainer {
	position: relative;
	height: 100%;
	max-height: 200px;
}

.mediaPlaceholder {
	min-width: 100%;
}

.image {
	max-width: 100%;
}

.video {
	height: 100%;
	max-width: 100%;
}

.focalPointGroup {
	left: 0;
	position: absolute;
	top: 0;
}

.focalPoint {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.8;
}

.focalPointIconPathOutline {
	fill: $white;
}

.focalPointIconPathFill {
	fill: $blue-gechiui;
}