.wp-block-media-text {
	.wp-block-media-text__content {
		padding-inline: 0;
	}

	.wp-block-media-text__media {
		img {
			/* border-radius: 10px; */
		}
	}

	&.is-style-default,
	&:not([class*="is-style-"]) {
		gap: var(--wp--preset--spacing--50);

		&.is-stacked-on-mobile {
			@media (width < 600px) {
				.wp-block-media-text__content {
					grid-row: 1;
				}

				.wp-block-media-text__media {
					grid-row: 2;
				}
			}
		}

		@media (width < 600px) {
			/* grid-template-areas: 'content' 'media'; */
		}
	}

	&.is-style-visual {
		height: max(
			calc(100dvh - var(--masthead-height) - var(--wp-admin--admin-bar--height, 0px)),
			600px
		);
		max-height: 600px;
		.wp-block-media-text__media {
			height: 100%;
			position: relative;
			overflow: hidden;
			mask-image: url(../../../../uploads/2024/10/visual_mask.svg);
			mask-repeat: no-repeat;
			mask-size: contain;
			mask-position: center;
			box-sizing: border-box;

			img {
				position: relative;
				z-index: 3;
				height: 100%;
				visibility: hidden;
			}

			&::before {
				position: absolute;
				content: "";
				inset: 0 auto auto 0;
				width: 600%;
				height: 100%;
				background-image: url(../../../../uploads/2024/10/visual_01.webp);
				background-repeat: repeat-x;
				background-position: center;
				z-index: 2;
				background-size: 50%;
				animation-name: slide-1;
				animation-duration: 20s;
				animation-timing-function: linear;
				animation-fill-mode: backwards;
				animation-iteration-count: infinite;
				box-sizing: border-box;
			}
		}
	}

	&.is-style-image-link {
		position: relative;
		transition: 0.3s ease all;

		.wp-block-media-text__media {
			a {
				&::after {
					position: absolute;
					content: "";
					inset: 0 auto auto 0;
					width: 100%;
					height: 100%;
				}
			}
		}

		&:hover {
			background-color: var(--wp--preset--color--accent-1) !important;
			.wp-block-media-text__content {
				.wp-block-heading {
					color: var(--wp--preset--color--white) !important;
				}
			}
		}
	}

	&.is-style-reviewer {
		gap: var(--wp--preset--spacing--30);
		.wp-block-media-text__media {
			@media (width < 600px) {
				width: 200px;
				margin-inline: auto;
			}
		}

		.wp-block-media-text__content {
			.wp-block-group {
				@media (width < 600px) {
					place-content: center;
					justify-content: center;
					align-items: center;
				}
			}
		}

		.wp-block-buttons {
			@media (width < 600px) {
				place-content: center;
			}
		}

		.wp-block-button {
			justify-content: center;
		}

		.wp-block-list {
			@media (width < 600px) {
				margin-inline: auto;
				width: fit-content;
			}
		}
	}

}

@keyframes slide-1 {
	0% {
		translate: 0 0;
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		translate: -50% 0;
	}
}