.elementor-widget-xtra-section-reveal .xtra-section-reveal {
	--xtra-section-reveal-duration: 350ms;
	position: relative;
	min-height: 320px;
	overflow: hidden;
}

.elementor-widget-xtra-section-reveal .xtra-section-reveal__panels {
	position: relative;
	min-height: inherit;
	width: 100%;
	height: 100%;
}

.elementor-widget-xtra-section-reveal .xtra-section-reveal__panel {
	min-height: inherit;
	width: 100%;
	transition:
		opacity var(--xtra-section-reveal-duration) ease,
		transform var(--xtra-section-reveal-duration) ease,
		visibility var(--xtra-section-reveal-duration) ease;
}

.elementor-widget-xtra-section-reveal .xtra-section-reveal__panel.e-con,
.elementor-widget-xtra-section-reveal .xtra-section-reveal__panel > .e-con {
	min-height: inherit;
	width: 100%;
}

.elementor-widget-xtra-section-reveal .xtra-section-reveal__panel--reveal {
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	visibility: hidden;
	z-index: 2;
}

.elementor-widget-xtra-section-reveal.xtra-section-reveal-direction-up .xtra-section-reveal__panel--reveal {
	transform: translate3d(0, 24px, 0);
}

.elementor-widget-xtra-section-reveal.xtra-section-reveal-direction-down .xtra-section-reveal__panel--reveal {
	transform: translate3d(0, -24px, 0);
}

.elementor-widget-xtra-section-reveal.xtra-section-reveal-direction-left .xtra-section-reveal__panel--reveal {
	transform: translate3d(24px, 0, 0);
}

.elementor-widget-xtra-section-reveal.xtra-section-reveal-direction-right .xtra-section-reveal__panel--reveal {
	transform: translate3d(-24px, 0, 0);
}

.elementor-widget-xtra-section-reveal.xtra-section-reveal-trigger-hover .xtra-section-reveal:hover .xtra-section-reveal__panel--reveal,
.elementor-widget-xtra-section-reveal.xtra-section-reveal-trigger-hover .xtra-section-reveal:focus-within .xtra-section-reveal__panel--reveal,
.elementor-widget-xtra-section-reveal.xtra-section-reveal-trigger-hover .xtra-section-reveal:focus .xtra-section-reveal__panel--reveal,
.elementor-widget-xtra-section-reveal.xtra-section-reveal-trigger-always .xtra-section-reveal__panel--reveal {
	opacity: 1;
	pointer-events: auto;
	transform: translate3d(0, 0, 0);
	visibility: visible;
}

.elementor-widget-xtra-section-reveal.xtra-section-reveal-trigger-hover .xtra-section-reveal:hover .xtra-section-reveal__panel--visible,
.elementor-widget-xtra-section-reveal.xtra-section-reveal-trigger-hover .xtra-section-reveal:focus-within .xtra-section-reveal__panel--visible,
.elementor-widget-xtra-section-reveal.xtra-section-reveal-trigger-hover .xtra-section-reveal:focus .xtra-section-reveal__panel--visible,
.elementor-widget-xtra-section-reveal.xtra-section-reveal-trigger-always .xtra-section-reveal__panel--visible {
	opacity: 0;
}

@media (max-width: 767px) {
	.elementor-widget-xtra-section-reveal.xtra-section-reveal-mobile-only-yes .xtra-section-reveal__panel--visible,
	.elementor-widget-xtra-section-reveal .xtra-section-reveal.xtra-section-reveal-mobile-only-yes .xtra-section-reveal__panel--visible {
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
	}

	.elementor-widget-xtra-section-reveal.xtra-section-reveal-mobile-only-yes .xtra-section-reveal__panel--reveal,
	.elementor-widget-xtra-section-reveal .xtra-section-reveal.xtra-section-reveal-mobile-only-yes .xtra-section-reveal__panel--reveal {
		opacity: 1;
		pointer-events: auto;
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
}

body.elementor-editor-active .elementor-widget-xtra-section-reveal .xtra-section-reveal__panel {
	border: 1px dashed rgba(0, 0, 0, 0.22);
	display: flex;
	flex-direction: column;
	min-height: inherit;
	position: relative;
	z-index: 1;
}

body.elementor-editor-active .elementor-widget-xtra-section-reveal .xtra-section-reveal__panel--reveal {
	margin-top: 8px;
	opacity: 1;
	pointer-events: auto;
	position: relative;
	transform: none;
	visibility: visible;
}

body.elementor-editor-active .elementor-widget-xtra-section-reveal .xtra-section-reveal:hover .xtra-section-reveal__panel--visible,
body.elementor-editor-active .elementor-widget-xtra-section-reveal .xtra-section-reveal:focus-within .xtra-section-reveal__panel--visible,
body.elementor-editor-active .elementor-widget-xtra-section-reveal .xtra-section-reveal:focus .xtra-section-reveal__panel--visible {
	opacity: 1;
}