.elementor-widget-aido-video,
.elementor-widget-aido-video > .elementor-widget-container,
.aido-video,
.aido-video__frame {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.aido-video {
	--aido-video-position-x: 50%;
	--aido-video-position-y: 50%;
	--aido-video-ratio-width: 16;
	--aido-video-ratio-height: 9;
	--aido-video-edge: rgba(0, 0, 0, .99);
	--aido-video-inner: rgba(0, 0, 0, .20);
	--aido-video-vignette: rgba(0, 0, 0, .99);
	--aido-video-vignette-soft: rgba(0, 0, 0, .60);
	--aido-video-top-transition: 20%;
	--aido-video-bottom-transition: 80%;
	--aido-video-vignette-x: 50%;
	--aido-video-vignette-y: 58%;
	--aido-video-vignette-clear-start: 18%;
	--aido-video-vignette-clear-end: 50%;
	--aido-video-vignette-shadow-start: 70%;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}

.aido-video__frame {
	position: relative;
	display: block;
	aspect-ratio: var(--aido-video-ratio-width) / var(--aido-video-ratio-height);
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #000;
}

.aido-video__media {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	object-fit: cover;
	object-position: var(--aido-video-position-x) var(--aido-video-position-y);
	transform: none;
}

.aido-video__overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: block;
	pointer-events: none;
	background:
		linear-gradient(
			to bottom,
			var(--aido-video-edge) 0%,
			var(--aido-video-inner) var(--aido-video-top-transition),
			var(--aido-video-inner) var(--aido-video-bottom-transition),
			var(--aido-video-edge) 100%
		),
		radial-gradient(
			ellipse at var(--aido-video-vignette-x) var(--aido-video-vignette-y),
			rgba(0, 0, 0, 0) var(--aido-video-vignette-clear-start),
			rgba(0, 0, 0, 0) var(--aido-video-vignette-clear-end),
			var(--aido-video-vignette-soft) var(--aido-video-vignette-shadow-start),
			var(--aido-video-vignette) 100%
		);
}

.aido-video__play {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	display: none;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .72);
	border-radius: 50%;
	color: #fff;
	background: rgba(0, 0, 0, .55);
	transform: translate(-50%, -50%);
	cursor: pointer;
	touch-action: manipulation;
}

.aido-video.is-play-blocked .aido-video__play {
	display: inline-flex;
}

.aido-video__play > span {
	width: 0;
	height: 0;
	margin-inline-start: 4px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-inline-start: 16px solid currentColor;
}

.aido-video__play:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

.aido-video__placeholder {
	width: 100%;
	padding: 32px 20px;
	border: 1px dashed #9da5ae;
	color: #616a73;
	text-align: center;
}