.wp-block-spectra-modal-popup-content {
	background: #fff;
	border-radius: 3px;
	box-sizing: border-box;
	isolation: isolate;
	overflow: hidden;
	padding: var(--wp--preset--spacing--30, .67rem);
	position: relative;
}

.wp-block-spectra-modal-popup-content:before {
	border-radius: inherit;
}

.wp-block-spectra-modal-popup-content > :not(.spectra-background-video__wrapper) {
	position: relative;
	z-index: 0;
}

.wp-block-spectra-modal-popup-content.has-image-background[style*=border-radius], .wp-block-spectra-modal-popup-content.has-video-background[style*=border-radius] {
	overflow: hidden;
	overflow: clip !important;
}

.wp-block-spectra-modal-popup-content :where(.spectra-modal-popup-content) {
	overflow-x: hidden;
	overflow-y: auto;
}

.wp-block-spectra-modal-popup-content:where(.wp-block-spectra-modal-popup-content-is-layout-flex) {
	flex-wrap: nowrap;
}

.wp-block-spectra-modal-popup-content[class*=wp-block].has-video-background {
	isolation: isolate;
	overflow: clip !important;
	z-index: 0;
}

.wp-block-spectra-modal-popup-content[class*=wp-block].has-video-background .spectra-background-video__wrapper {
	border-radius: inherit;
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.wp-block-spectra-modal-popup-content[class*=wp-block].has-video-background .spectra-background-video__wrapper video {
	border-radius: inherit;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}

.wp-block-spectra-modal-popup-content[class*=wp-block].has-video-background > :not(.spectra-background-video__wrapper) {
	position: relative;
	z-index: 1;
}

.wp-block-spectra-modal-popup-content[class*=wp-block].horizontal-position, .wp-block-spectra-modal-popup-content[class*=wp-block].vertical-position {
	left: var(--spectra-modal-h-position);
	position: absolute;
	top: var(--spectra-modal-v-position);
}

.wp-block-spectra-modal-popup-content[class*=wp-block].spectra-text-color {
	color: var(--spectra-text-color);
}

.wp-block-spectra-modal-popup-content[class*=wp-block].spectra-text-color h1, .wp-block-spectra-modal-popup-content[class*=wp-block].spectra-text-color h2, .wp-block-spectra-modal-popup-content[class*=wp-block].spectra-text-color h3, .wp-block-spectra-modal-popup-content[class*=wp-block].spectra-text-color h4, .wp-block-spectra-modal-popup-content[class*=wp-block].spectra-text-color h5, .wp-block-spectra-modal-popup-content[class*=wp-block].spectra-text-color h6 {
	color: inherit;
}

.wp-block-spectra-modal-popup-content[class*=wp-block].spectra-background-color-hover:before, .wp-block-spectra-modal-popup-content[class*=wp-block].spectra-background-color:before, .wp-block-spectra-modal-popup-content[class*=wp-block].spectra-background-gradient-hover:before, .wp-block-spectra-modal-popup-content[class*=wp-block].spectra-background-gradient:before {
	content: "";
	display: block;
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.wp-block-spectra-modal-popup-content[class*=wp-block].spectra-background-color:before {
	background-color: var(--spectra-background-color);
	opacity: var(--spectra-overlay-opacity);
}

.wp-block-spectra-modal-popup-content[class*=wp-block].spectra-background-gradient:before {
	background: var(--spectra-background-gradient);
	opacity: var(--spectra-overlay-opacity);
}

.wp-block-spectra-modal-popup-content[class*=wp-block]:hover.spectra-text-color-hover {
	color: var(--spectra-text-color-hover);
}

.wp-block-spectra-modal-popup-content[class*=wp-block].spectra-background-color-hover:hover:before {
	background: var(--spectra-background-color-hover);
	opacity: var(--spectra-overlay-opacity);
}

.wp-block-spectra-modal-popup-content[class*=wp-block].spectra-background-gradient-hover:hover:before {
	background: var(--spectra-background-gradient-hover);
	opacity: var(--spectra-overlay-opacity);
}