/* Google Drive lesson embed */
.egsbi-iframe-wrapper.iframe-wrapper,
.iframe-wrapper {
	position: relative;
	width: 100%;
	max-width: 640px;
	margin: 0 auto 20px;
	aspect-ratio: 16 / 9;
	height: auto;
	overflow: hidden;
	background: #000;
}

.egsbi-iframe-stage {
	position: absolute;
	inset: 0;
}

.egsbi-iframe-wrapper iframe,
.iframe-wrapper iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

/* مشغّل درايف بيخفي شريط الأدوات لما عرض الآيفريم يصغر (الموبايل). بنخلّي
   الآيفريم دايماً 640×360 وبنصغّره بصرياً بـ transform عشان يفضل شايف نفسه
   «ديسكتوب». الكلاس ده بيتحط من الجافاسكربت بس. */
.iframe-wrapper.egsbi-scaled .egsbi-iframe-stage {
	inset: auto;
	top: 0;
	left: 0;
	width: 640px;
	height: 360px;
	transform-origin: top left;
	transform: scale(var(--egsbi-scale, 1));
}

.iframe-wrapper.egsbi-scaled .egsbi-iframe-stage iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.egsbi-iframe-overlay.iframe-overlay,
.iframe-overlay {
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
	height: 25%;
	background: transparent;
	pointer-events: auto;
}