/* ==========================================================
   Information Reveal
   ========================================================== */

.tmc-reveal {
	position: relative !important;
	overflow: hidden !important;
	cursor: pointer;
	outline: none;
}

.tmc-reveal:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

/*
 * Front remains in normal document flow
 * and establishes the natural component height.
 */
.tmc-reveal-front {
	position: relative !important;
	width: 100%;
	z-index: 1;
	margin: 0 !important;
}

/*
 * Back sits directly over the front.
 * GSAP controls its vertical movement
 * and pointer interaction.
 */
.tmc-reveal-back {
	position: absolute !important;
	inset: 0 !important;
	width: 100%;
	height: 100%;
	z-index: 2;
	margin: 0 !important;

	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

/*
 * Prevent Divi module spacing from shifting
 * the stacked panels.
 */
.tmc-reveal-front,
.tmc-reveal-back {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
	.tmc-reveal {
		scroll-behavior: auto;
	}
}