/*
 * Styling for the `<ckbox-video>` documentation component.
 * See `docs/assets/scripts/ckbox-video.js` for the implementation and usage.
 */

ckbox-video {
	display: block;
	margin: 20px 0;
}

ckbox-video video {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	background-color: #f5f5f5;
}

ckbox-video .ckbox-video__caption {
	display: block;
	margin-top: 8px;
	font-size: 0.875em;
	font-style: italic;
	color: #6d6d6d;
	text-align: center;
}