.spectra-popup-builder {
	display: none;
	height: 100vh;
	left: 0;
	max-height: 100vh;
	max-width: 100vw;
	opacity: 0;
	overflow: hidden;
	padding: 0 !important;
	position: fixed !important;
	top: 0;
	transition-property: opacity;
	width: 100vw;
	z-index: 999999999 !important;
}

.spectra-popup-builder.spectra-popup-has-overlay {
	align-items: center;
	background-color: var(--spectra-popup-overlay-color);
	gap: 0;
	justify-content: center;
}

.spectra-popup-builder.spectra-popup-builder--close-top-left .spectra-popup-builder__close {
	left: 0;
	right: auto;
}

.spectra-popup-builder.spectra-popup-builder--close-top-right .spectra-popup-builder__close {
	left: auto;
	right: 0;
}

.spectra-popup-builder.spectra-popup-popup {
	display: flex;
	height: 1px !important;
	max-width: 100% !important;
	min-height: 100vh !important;
	opacity: 1;
	width: 100% !important;
	z-index: auto !important;
}

.spectra-popup-builder__banner--pusher {
	position: relative;
}

.spectra-popup-builder__wrapper {
	box-sizing: border-box;
	position: relative;
}

.spectra-popup-builder__wrapper:focus-visible {
	outline: unset;
}

.spectra-popup-builder__wrapper--banner {
	width: 100%;
}

.spectra-popup-builder__container {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	transition-property: box-shadow, border-color;
	width: 100%;
}

.spectra-popup-builder__close {
	box-shadow: unset;
	position: absolute !important;
	top: 0;
	z-index: 999999999;
}

.spectra-popup-builder__close:focus-visible {
	outline: unset;
}

.spectra-popup-builder__body--overflow-hidden {
	overflow: hidden;
}

.spectra-popup-builder.spectra-popup-builder--popup .spectra-popup-builder__container--popup {
	padding: var(--spectra-popup-padding, 32px);
}

.spectra-popup-builder.spectra-popup-builder--popup .spectra-popup-builder__wrapper--popup {
	box-sizing: border-box;
	max-width: 100%;
	width: var(--spectra-popup-width, auto);
}

.spectra-popup-builder.spectra-popup-builder--popup.spectra-has-fixed-height .spectra-popup-builder__wrapper--popup {
	height: var(--spectra-popup-height, auto);
	max-height: 100%;
}

.spectra-popup-builder .spectra-popup-builder__wrapper {
	pointer-events: auto;
}

.spectra-popup-builder.spectra-has-fixed-height .spectra-popup-builder__container.spectra-popup-builder__container--banner {
	box-shadow: 0 0 0 rgba(0, 0, 0, .439);
	padding: 8px;
}

.spectra-popup-builder.spectra-has-fixed-height.spectra-popup-builder--content-align-flex-end .spectra-popup-builder__container.spectra-popup-builder__container--banner, .spectra-popup-builder.spectra-has-fixed-height.spectra-popup-builder--content-align-flex-end .spectra-popup-builder__container.spectra-popup-builder__container--popup {
	justify-content: flex-end;
	overflow-y: hidden;
}

.spectra-popup-builder.spectra-has-fixed-height.spectra-popup-builder--content-align-center .spectra-popup-builder__container.spectra-popup-builder__container--banner, .spectra-popup-builder.spectra-has-fixed-height.spectra-popup-builder--content-align-center .spectra-popup-builder__container.spectra-popup-builder__container--popup {
	justify-content: center;
	overflow-y: hidden;
}

.spectra-popup-builder.spectra-has-fixed-height.spectra-popup-builder--content-align-flex-start .spectra-popup-builder__container.spectra-popup-builder__container--banner, .spectra-popup-builder.spectra-has-fixed-height.spectra-popup-builder--content-align-flex-start .spectra-popup-builder__container.spectra-popup-builder__container--popup {
	justify-content: flex-start;
}

.spectra-popup-builder.spectra-has-auto-height {
	height: auto !important;
	overflow: visible;
}

.spectra-popup-builder.spectra-has-auto-height .spectra-popup-builder__wrapper.spectra-popup-builder__wrapper--banner {
	height: auto;
}

.spectra-popup-builder.spectra-has-auto-height .spectra-popup-builder__container.spectra-popup-builder__container--banner {
	box-shadow: 0 0 0 rgba(0, 0, 0, .439);
	padding: 8px;
}

.spectra-popup-builder.spectra-popup-builder--popup:not(.spectra-has-fixed-height) .spectra-popup-builder__wrapper--popup {
	max-height: calc(100vh - 40px);
}

.spectra-popup-builder.spectra-popup-builder--popup:not(.spectra-has-fixed-height) .spectra-popup-builder__container--popup {
	height: auto;
	max-height: calc(100vh - 40px);
	overflow-y: auto;
}

.spectra-popup-builder.spectra-popup-builder--banner {
	height: unset;
	width: 100%;
}

.spectra-popup-builder.spectra-popup-builder--banner.spectra-popup-builder--push-content {
	align-items: flex-start;
	max-height: 0;
	opacity: 1;
	position: relative !important;
	transition: max-height .5s cubic-bezier(1, 0, 1, 1);
	z-index: 9999 !important;
}

.spectra-popup-builder.spectra-popup-builder--banner.spectra-popup-builder--position-v-bottom {
	align-items: flex-end;
	bottom: 0;
	pointer-events: none;
	top: unset;
}

.spectra-popup-builder.spectra-popup-close-icon-position-top-right button.spectra-popup-builder__close {
	right: 0;
}

.spectra-popup-builder.spectra-popup-close-icon-position-top-left button.spectra-popup-builder__close {
	left: 0;
}

.spectra-popup-builder button.spectra-popup-builder__close {
	align-items: center;
	background: transparent;
	background-color: transparent;
	border: none;
	cursor: pointer;
	display: flex;
	justify-content: center;
	min-height: 44px !important;
	min-width: 44px !important;
	padding: 12px;
}

.spectra-popup-builder button.spectra-popup-builder__close svg {
	font-size: var(--spectra-close-icon-size);
	height: var(--spectra-close-icon-size, 20px) !important;
	line-height: var(--spectra-close-icon-size);
	transition-property: fill;
	width: var(--spectra-close-icon-size, 20px) !important;
}

.spectra-popup-builder button.spectra-popup-builder__close svg:not(.spectra-custom-svg) {
	fill: var(--spectra-close-icon-color) !important;
}

.spectra-popup-builder button.spectra-popup-builder__close svg:not(.spectra-custom-svg):focus, .spectra-popup-builder button.spectra-popup-builder__close svg:not(.spectra-custom-svg):hover {
	fill: var(--spectra-close-icon-color-hover, var(--spectra-close-icon-color)) !important;
}

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

.spectra-popup-builder.spectra-popup-builder--popup.has-video-background .spectra-popup-builder__wrapper, .spectra-popup-builder.spectra-popup-builder--popup.spectra-background-video .spectra-popup-builder__wrapper {
	overflow: hidden;
	position: relative;
}

.spectra-popup-builder.spectra-popup-builder--popup.has-video-background .spectra-popup-builder__wrapper > .spectra-background-video__wrapper, .spectra-popup-builder.spectra-popup-builder--popup.spectra-background-video .spectra-popup-builder__wrapper > .spectra-background-video__wrapper {
	border-radius: inherit;
	display: block !important;
	inset: 0;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}

.spectra-popup-builder.spectra-popup-builder--popup.has-video-background .spectra-popup-builder__wrapper > .spectra-background-video__wrapper video, .spectra-popup-builder.spectra-popup-builder--popup.spectra-background-video .spectra-popup-builder__wrapper > .spectra-background-video__wrapper video {
	height: auto;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	z-index: 0;
}

.spectra-popup-builder.spectra-popup-builder--popup.has-video-background .spectra-popup-builder__wrapper > .spectra-background-video__wrapper ~ *, .spectra-popup-builder.spectra-popup-builder--popup.spectra-background-video .spectra-popup-builder__wrapper > .spectra-background-video__wrapper ~ * {
	position: relative;
	z-index: 2;
}

.spectra-popup-builder.spectra-popup-builder--popup.has-video-background .spectra-popup-builder__wrapper > .spectra-popup-builder__container, .spectra-popup-builder.spectra-popup-builder--popup.spectra-background-video .spectra-popup-builder__wrapper > .spectra-popup-builder__container {
	position: relative;
	z-index: 1;
}

.spectra-popup-builder.spectra-popup-builder--popup.has-video-background .spectra-popup-builder__wrapper > .spectra-background-video__wrapper, .spectra-popup-builder.spectra-popup-builder--popup.has-video-background.has-video-background .spectra-background-video__wrapper, .spectra-popup-builder.spectra-popup-builder--popup.spectra-background-video .spectra-popup-builder__wrapper > .spectra-background-video__wrapper, .spectra-popup-builder.spectra-popup-builder--popup.spectra-background-video.has-video-background .spectra-background-video__wrapper {
	display: block !important;
}

.spectra-popup-builder.spectra-popup-builder--popup.has-video-background:hover .spectra-background-video__wrapper:after, .spectra-popup-builder.spectra-popup-builder--popup.spectra-background-video:hover .spectra-background-video__wrapper:after {
	background: var(--spectra-background-gradient-hover, var(--spectra-background-color-hover, var(--spectra-background-gradient, var(--spectra-background-color))));
	opacity: var(--spectra-overlay-opacity);
}

.spectra-popup-builder.spectra-popup-builder--popup.has-video-background .spectra-popup-builder__container--popup, .spectra-popup-builder.spectra-popup-builder--popup.spectra-background-video .spectra-popup-builder__container--popup {
	background-color: transparent;
}

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

.spectra-popup-builder[class*=wp-block].spectra-text-color * {
	color: inherit;
}

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

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

.spectra-popup-builder[class*=wp-block].spectra-background-color:not(.spectra-popup-builder--banner) .spectra-popup-builder__wrapper--popup:before {
	background: var(--spectra-background-color);
	opacity: var(--spectra-overlay-opacity);
}

.spectra-popup-builder[class*=wp-block].spectra-background-gradient:not(.spectra-popup-builder--banner) .spectra-popup-builder__wrapper--popup:before {
	background: var(--spectra-background-gradient);
	opacity: var(--spectra-overlay-opacity);
}

.spectra-popup-builder[class*=wp-block].spectra-rotate-close-icon .spectra-popup-builder__close svg {
	transform: rotate(var(--spectra-rotate-close-icon));
}

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

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

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

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