.wp-block-image-reveal-hover-card {
	position: relative;
	overflow: hidden;
	width: var(--image-reveal-width, 100%);
	max-width: 100%;
	height: var(--image-reveal-height, 240px);
	min-height: 0;
	margin: var(--image-reveal-card-margin, 0);
	margin-left: var(--image-reveal-margin-left, 0);
	margin-right: var(--image-reveal-margin-right, 0);
	justify-self: start;
	padding: var(--image-reveal-card-padding, 0);
	color: #fff;
}

.image-reveal-card__surface,
.image-reveal-card__link {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
}

.image-reveal-card__image {
	display: block;
	width: var(--image-reveal-image-width, 100%);
	height: 100%;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	object-fit: var(--image-reveal-fit, cover);
	object-position: var(--image-reveal-position, center center);
	transform: scale(var(--image-reveal-scale, 1));
	transition: opacity var(--image-reveal-duration, 350ms) ease, transform var(--image-reveal-duration, 350ms) ease;
}

.image-reveal-card__overlay {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	padding: var(--image-reveal-overlay-padding, 24px);
	background: var(--image-reveal-overlay, #111);
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--image-reveal-duration, 350ms) ease, transform var(--image-reveal-duration, 350ms) ease;
	text-align: inherit;
}

.image-reveal-card__content {
	max-width: 42rem;
	text-align: inherit;
}

.image-reveal-card__content > :first-child { margin-top: 0; }
.image-reveal-card__content > :last-child { margin-bottom: 0; }
.image-reveal-card__content .block-editor-block-list__layout > :first-child { margin-top: 0; }
.image-reveal-card__content .block-editor-block-list__layout > :last-child { margin-bottom: 0; }

.image-reveal-card__heading { margin: 0 0 .5rem; color: inherit; }
.image-reveal-card__body { margin: 0; color: inherit; }
.image-reveal-card--slide-up .image-reveal-card__overlay { transform: translateY(100%); }
.image-reveal-card--slide-down .image-reveal-card__overlay { transform: translateY(-100%); }
.image-reveal-card--zoom .image-reveal-card__overlay { transform: scale(.7); }
.image-reveal-card--flip .image-reveal-card__overlay { transform: rotateX(90deg); transform-origin: bottom; }

.image-reveal-card:hover .image-reveal-card__overlay,
.image-reveal-card:focus-within .image-reveal-card__overlay,
.image-reveal-card.is-revealed .image-reveal-card__overlay {
	opacity: var(--image-reveal-opacity, .82);
	pointer-events: auto;
	transform: none;
}

.image-reveal-card:hover .image-reveal-card__image,
.image-reveal-card:focus-within .image-reveal-card__image,
.image-reveal-card.is-revealed .image-reveal-card__image { opacity: 0; transform: scale(calc(var(--image-reveal-scale, 1) * 1.04)); }
.image-reveal-card--fade:hover .image-reveal-card__image,
.image-reveal-card--fade:focus-within .image-reveal-card__image,
.image-reveal-card--fade.is-revealed .image-reveal-card__image { transform: scale(var(--image-reveal-scale, 1)); }

.image-reveal-card__link:focus-visible { outline: 3px solid currentColor; outline-offset: -6px; }
.image-reveal-card__empty { display: grid; place-items: center; min-height: 100%; background: #f0f0f0; color: #1e1e1e; }
.image-reveal-card.is-editor-preview .image-reveal-card__overlay { opacity: var(--image-reveal-opacity, .82); pointer-events: auto; transform: none; }
.image-reveal-card.is-editor-preview .image-reveal-card__image { opacity: .35; }

@media (prefers-reduced-motion: reduce) {
	.image-reveal-card__image, .image-reveal-card__overlay { transition-duration: 0ms; }
}