.video-js .vjs-progress-control {
	position: relative;
}

.flavor-storyboard-preview {
	display: none;
	position: absolute;
	bottom: 28px;
	z-index: 20;
	max-width: calc(100vw - 24px);
	background-color: #111;
	background-repeat: no-repeat;
	border: 2px solid rgba(255, 255, 255, .92);
	border-radius: 5px;
	box-shadow: 0 5px 18px rgba(0, 0, 0, .65);
	pointer-events: none;
	transform: translateX(-50%);
}

.flavor-storyboard-preview.is-visible {
	display: block;
}

.flavor-storyboard-time {
	position: absolute;
	right: 4px;
	bottom: 4px;
	padding: 2px 5px;
	background: rgba(0, 0, 0, .78);
	border-radius: 3px;
	color: #fff;
	font: 600 11px/1.35 Arial, sans-serif;
	text-shadow: 0 1px 1px #000;
}

@media (max-width: 480px) {
	.flavor-storyboard-preview {
		transform: translateX(-50%) scale(.8);
		transform-origin: center bottom;
	}
}