.iv-popup-premium,
.iv-popup-premium-host,
.jet-popup:has(.iv-popup-premium),
.elementor-popup-modal:has(.iv-popup-premium),
.dialog-widget:has(.iv-popup-premium) {
--iv-popup-width: 600px;
--iv-popup-max-height: min(82vh, 760px);
--iv-popup-radius: 22px;
--iv-popup-padding-x: 22px;
--iv-popup-padding-y: 20px;
--iv-popup-header-padding-y: 18px;
--iv-popup-footer-padding-y: 14px;
--iv-popup-text: #222222;
--iv-popup-muted: #667085;
--iv-popup-border: #eeeeee;
--iv-popup-surface: #ffffff;
--iv-popup-surface-hover: #f3f3f3;
--iv-popup-overlay: rgba(15, 23, 42, 0.42);
--iv-popup-shadow: 0 20px 60px rgba(15, 23, 42, 0.12);
--iv-popup-focus: rgba(0, 58, 112, 0.42);
--iv-popup-font: var(
--iv-font-primary,
"Inter",
system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
sans-serif
);
}
.iv-popup-premium--sm,
.iv-popup-premium-host--sm,
.jet-popup:has(.iv-popup-premium--sm),
.elementor-popup-modal:has(.iv-popup-premium--sm),
.dialog-widget:has(.iv-popup-premium--sm) {
--iv-popup-width: 460px;
}
.iv-popup-premium--md,
.iv-popup-premium-host--md,
.jet-popup:has(.iv-popup-premium--md),
.elementor-popup-modal:has(.iv-popup-premium--md),
.dialog-widget:has(.iv-popup-premium--md) {
--iv-popup-width: 540px;
}
.iv-popup-premium--lg,
.iv-popup-premium-host--lg,
.jet-popup:has(.iv-popup-premium--lg),
.elementor-popup-modal:has(.iv-popup-premium--lg),
.dialog-widget:has(.iv-popup-premium--lg) {
--iv-popup-width: 600px;
}
.iv-popup-premium--xl,
.iv-popup-premium-host--xl,
.jet-popup:has(.iv-popup-premium--xl),
.elementor-popup-modal:has(.iv-popup-premium--xl),
.dialog-widget:has(.iv-popup-premium--xl) {
--iv-popup-width: 640px;
}
.iv-popup-premium {
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: var(--iv-popup-padding-y) var(--iv-popup-padding-x) !important;
background: var(--iv-popup-surface) !important;
color: var(--iv-popup-text) !important;
font-family: var(--iv-popup-font) !important;
}
.iv-popup-premium.iv-popup-premium--structured,
.iv-popup-premium:has(.iv-popup-premium__body) {
max-height: 100% !important;
padding: 0 !important;
overflow: hidden !important;
}
.iv-popup-premium *,
.iv-popup-premium *::before,
.iv-popup-premium *::after {
box-sizing: border-box;
}
.jet-popup.iv-popup-premium-host .jet-popup__overlay,
.jet-popup:has(.iv-popup-premium) .jet-popup__overlay {
background: var(--iv-popup-overlay) !important;
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
.jet-popup.iv-popup-premium-host .jet-popup__container,
.jet-popup:has(.iv-popup-premium) .jet-popup__container {
box-sizing: border-box !important;
width: min(calc(100vw - 48px), var(--iv-popup-width)) !important;
min-width: 0 !important;
max-width: var(--iv-popup-width) !important;
height: auto !important;
min-height: 0 !important;
max-height: var(--iv-popup-max-height) !important;
margin: 0 !important;
padding: 0 !important;
background: var(--iv-popup-surface) !important;
border: 0 !important;
border-radius: var(--iv-popup-radius) !important;
box-shadow: var(--iv-popup-shadow) !important;
overflow: hidden !important;
}
.jet-popup.iv-popup-premium-host :is(.jet-popup__inner, .jet-popup__container-inner),
.jet-popup:has(.iv-popup-premium) :is(.jet-popup__inner, .jet-popup__container-inner) {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
min-height: 0 !important;
max-height: var(--iv-popup-max-height) !important;
margin: 0 !important;
padding: 0 !important;
background: var(--iv-popup-surface) !important;
border: 0 !important;
border-radius: inherit !important;
box-shadow: none !important;
}
.jet-popup.iv-popup-premium-host .jet-popup__container-inner,
.jet-popup:has(.iv-popup-premium) .jet-popup__container-inner {
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch;
}
.jet-popup.iv-popup-premium-host--structured .jet-popup__container-inner,
.jet-popup:has(.iv-popup-premium__body) .jet-popup__container-inner {
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
}
.jet-popup.iv-popup-premium-host .jet-popup__container-inner > .elementor,
.jet-popup:has(.iv-popup-premium) .jet-popup__container-inner > .elementor {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
.jet-popup.iv-popup-premium-host :is(
.jet-popup__close-button,
.jet-popup__close-button-wrapper,
.jet-popup__close-button-container,
.jet-popup-close,
.jet-popup-action-close
),
.jet-popup:has(.iv-popup-premium) :is(
.jet-popup__close-button,
.jet-popup__close-button-wrapper,
.jet-popup__close-button-container,
.jet-popup-close,
.jet-popup-action-close
) {
z-index: calc(var(--iv-z-popup, 9000) + 1) !important;
}
.jet-popup.iv-popup-premium-host .jet-popup__close-button,
.jet-popup:has(.iv-popup-premium) .jet-popup__close-button {
top: 14px !important;
right: 14px !important;
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
color: var(--iv-popup-text) !important;
background: transparent !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
transform: none !important;
transition: background-color 160ms ease !important;
}
.jet-popup.iv-popup-premium-host .jet-popup__close-button:hover,
.jet-popup:has(.iv-popup-premium) .jet-popup__close-button:hover {
background: var(--iv-popup-surface-hover) !important;
}
.jet-popup.iv-popup-premium-host .jet-popup__close-button:focus-visible,
.jet-popup:has(.iv-popup-premium) .jet-popup__close-button:focus-visible {
outline: 2px solid var(--iv-popup-focus) !important;
outline-offset: 2px !important;
}
.elementor-popup-modal.iv-popup-premium-host .dialog-widget-content,
.dialog-widget.iv-popup-premium-host .dialog-widget-content,
.elementor-popup-modal:has(.iv-popup-premium) .dialog-widget-content,
.dialog-widget:has(.iv-popup-premium) .dialog-widget-content {
box-sizing: border-box !important;
width: min(calc(100vw - 48px), var(--iv-popup-width)) !important;
min-width: 0 !important;
max-width: var(--iv-popup-width) !important;
height: auto !important;
min-height: 0 !important;
max-height: var(--iv-popup-max-height) !important;
margin: 0 !important;
padding: 0 !important;
background: var(--iv-popup-surface) !important;
border: 0 !important;
border-radius: var(--iv-popup-radius) !important;
box-shadow: var(--iv-popup-shadow) !important;
overflow: hidden !important;
}
.elementor-popup-modal.iv-popup-premium-host .dialog-message,
.dialog-widget.iv-popup-premium-host .dialog-message,
.elementor-popup-modal:has(.iv-popup-premium) .dialog-message,
.dialog-widget:has(.iv-popup-premium) .dialog-message {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
max-height: var(--iv-popup-max-height) !important;
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
}
.elementor-popup-modal.iv-popup-premium-host--structured .dialog-message,
.dialog-widget.iv-popup-premium-host--structured .dialog-message,
.elementor-popup-modal:has(.iv-popup-premium__body) .dialog-message,
.dialog-widget:has(.iv-popup-premium__body) .dialog-message {
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
}
.elementor-popup-modal.iv-popup-premium-host .dialog-close-button,
.dialog-widget.iv-popup-premium-host .dialog-close-button,
.elementor-popup-modal:has(.iv-popup-premium) .dialog-close-button,
.dialog-widget:has(.iv-popup-premium) .dialog-close-button {
top: 14px !important;
right: 14px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
color: var(--iv-popup-text) !important;
background: transparent !important;
border-radius: 999px !important;
transform: none !important;
}
.elementor-popup-modal.iv-popup-premium-host .dialog-close-button:hover,
.dialog-widget.iv-popup-premium-host .dialog-close-button:hover,
.elementor-popup-modal:has(.iv-popup-premium) .dialog-close-button:hover,
.dialog-widget:has(.iv-popup-premium) .dialog-close-button:hover {
background: var(--iv-popup-surface-hover) !important;
}
.iv-popup-premium__header {
flex: 0 0 auto !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: var(--iv-popup-header-padding-y) var(--iv-popup-padding-x) !important;
background: var(--iv-popup-surface) !important;
border-bottom: 1px solid var(--iv-popup-border) !important;
}
.iv-popup-premium__title {
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
color: var(--iv-popup-text) !important;
font-family: var(--iv-popup-font) !important;
font-size: 22px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: -0.02em !important;
}
.iv-popup-premium__body {
flex: 1 1 auto !important;
min-width: 0 !important;
min-height: 0 !important;
width: 100% !important;
margin: 0 !important;
padding: var(--iv-popup-padding-y) var(--iv-popup-padding-x) 22px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior: contain !important;
-webkit-overflow-scrolling: touch;
}
.iv-popup-premium__footer {
flex: 0 0 auto !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: var(--iv-popup-footer-padding-y) var(--iv-popup-padding-x) !important;
background: var(--iv-popup-surface) !important;
border-top: 1px solid var(--iv-popup-border) !important;
}
@media (max-width: 767px) {
.iv-popup-premium,
.iv-popup-premium-host,
.jet-popup:has(.iv-popup-premium),
.elementor-popup-modal:has(.iv-popup-premium),
.dialog-widget:has(.iv-popup-premium) {
--iv-popup-max-height: min(88vh, 760px);
--iv-popup-radius: 20px;
--iv-popup-padding-x: 20px;
--iv-popup-padding-y: 19px;
--iv-popup-header-padding-y: 17px;
--iv-popup-footer-padding-y: 13px;
}
.jet-popup.iv-popup-premium-host .jet-popup__container,
.jet-popup:has(.iv-popup-premium) .jet-popup__container,
.elementor-popup-modal.iv-popup-premium-host .dialog-widget-content,
.dialog-widget.iv-popup-premium-host .dialog-widget-content,
.elementor-popup-modal:has(.iv-popup-premium) .dialog-widget-content,
.dialog-widget:has(.iv-popup-premium) .dialog-widget-content {
width: min(calc(100vw - 36px), var(--iv-popup-width), 580px) !important;
}
.iv-popup-premium__title {
font-size: 21px !important;
}
}
@media (max-width: 520px) {
.iv-popup-premium,
.iv-popup-premium-host,
.jet-popup:has(.iv-popup-premium),
.elementor-popup-modal:has(.iv-popup-premium),
.dialog-widget:has(.iv-popup-premium) {
--iv-popup-max-height: 92vh;
--iv-popup-radius: 18px;
--iv-popup-padding-x: 18px;
--iv-popup-padding-y: 18px;
--iv-popup-header-padding-y: 16px;
--iv-popup-footer-padding-y: 12px;
}
.jet-popup.iv-popup-premium-host .jet-popup__container,
.jet-popup:has(.iv-popup-premium) .jet-popup__container,
.elementor-popup-modal.iv-popup-premium-host .dialog-widget-content,
.dialog-widget.iv-popup-premium-host .dialog-widget-content,
.elementor-popup-modal:has(.iv-popup-premium) .dialog-widget-content,
.dialog-widget:has(.iv-popup-premium) .dialog-widget-content {
width: calc(100vw - 24px) !important;
max-width: calc(100vw - 24px) !important;
}
.jet-popup.iv-popup-premium-host .jet-popup__close-button,
.jet-popup:has(.iv-popup-premium) .jet-popup__close-button,
.elementor-popup-modal.iv-popup-premium-host .dialog-close-button,
.dialog-widget.iv-popup-premium-host .dialog-close-button,
.elementor-popup-modal:has(.iv-popup-premium) .dialog-close-button,
.dialog-widget:has(.iv-popup-premium) .dialog-close-button {
top: 10px !important;
right: 10px !important;
width: 40px !important;
height: 40px !important;
}
.iv-popup-premium__title {
font-size: 20px !important;
}
}
@supports (height: 100dvh) {
.iv-popup-premium,
.iv-popup-premium-host,
.jet-popup:has(.iv-popup-premium),
.elementor-popup-modal:has(.iv-popup-premium),
.dialog-widget:has(.iv-popup-premium) {
--iv-popup-max-height: min(82dvh, 760px);
}
@media (max-width: 767px) {
.iv-popup-premium,
.iv-popup-premium-host,
.jet-popup:has(.iv-popup-premium),
.elementor-popup-modal:has(.iv-popup-premium),
.dialog-widget:has(.iv-popup-premium) {
--iv-popup-max-height: min(88dvh, 760px);
}
}
@media (max-width: 520px) {
.iv-popup-premium,
.iv-popup-premium-host,
.jet-popup:has(.iv-popup-premium),
.elementor-popup-modal:has(.iv-popup-premium),
.dialog-widget:has(.iv-popup-premium) {
--iv-popup-max-height: 92dvh;
}
}
}
@media (prefers-reduced-motion: reduce) {
.jet-popup.iv-popup-premium-host .jet-popup__close-button,
.jet-popup:has(.iv-popup-premium) .jet-popup__close-button,
.elementor-popup-modal.iv-popup-premium-host .dialog-close-button,
.dialog-widget.iv-popup-premium-host .dialog-close-button,
.elementor-popup-modal:has(.iv-popup-premium) .dialog-close-button,
.dialog-widget:has(.iv-popup-premium) .dialog-close-button {
transition-duration: 1ms !important;
}
}