.ytk-eg-preview-wrap {
	background: var(--ytk-surface);
	border: 1px solid var(--ytk-border);
	border-radius: var(--ytk-radius-sm);
	padding: 12px;
	display: flex;
	justify-content: center;
}

.ytk-eg-preview-inner {
	width: 100%;
	max-width: 100%;
}

.ytk-eg-preview-inner iframe {
	display: block;
	max-width: 100%;
	border: none;
	border-radius: var(--ytk-radius-sm);
}

.ytk-eg-preview-inner.is-responsive {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
}

.ytk-eg-preview-inner.is-responsive iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}