/* g-ccm-styles.css */
.g-ccm-placeholder {
	position: absolute;

	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: center;
	justify-content: center;

	padding: 10px 20px;

	text-align: center;

	background: var(--g-color-light, lightgray);
}

.g-ccm-placeholder-button {
	cursor: pointer;

	padding: 10px 20px;
	border: none;
	border-radius: 8px;

	font-size: 16px;
	color: var(--g-color-dark, black);
	text-align: center;

	background: var(--g-color-white, white);
}

.g-ccm-placeholder
	+ iframe:is([data-src*="youtube.com"], [data-src*="youtu.be"], [data-src*="youtube-nocookie.com"]):is(
		:not([src]),
		[src=""]
	) {
	aspect-ratio: 16 / 9;
	width: 100%;
}