.patient-videos-block {
	background-color: #fff;
}

.patient-videos-arc {
	position: absolute;
	left: 50%;
	bottom: 48px;
	z-index: 0;
	width: 150vw;
	height: 150vw;
	pointer-events: none;
	border-radius: 50%;
	transform: translateX(-50%);
	background: radial-gradient(
		circle at 50% 38%,
		#f7fbf4 0%,
		#eaf6e3 0%,
		#e0f0d6 78%,
		#d5ebc6 100%
	);
}

@media (max-width: 1024px) {
	.patient-videos-arc {
		bottom: 36px;
		width: 190vw;
		height: 190vw;
	}
}

@media (max-width: 767px) {
	.patient-videos-arc {
		bottom: 28px;
		width: 240vw;
		height: 240vw;
	}
}

.patient-videos-dialog {
	width: min(960px, 92vw);
	max-width: 92vw;
	padding: 0;
	overflow: visible;
	background: transparent;
	border: 0;
}

.patient-videos-dialog::backdrop {
	background: rgba(23, 44, 55, 0.72);
}

.patient-videos-dialog[open] {
	display: block;
}

.patient-videos-dialog iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 10px;
}

.patient-videos-overlay {
	background: linear-gradient(180deg, rgba(50, 50, 50, 0) 8.21%, #323232 85.66%);
}

.patient-videos-play:focus-visible,
.patient-videos-dialog-close:focus-visible {
	outline: 2px solid #61bb46;
	outline-offset: 3px;
}