/* Canonical MSC popup atmosphere, shared with the remote-sync splash. */
:root,
.msc-design-system {
	--msc-popup-backdrop:
		radial-gradient(circle at 82% 9%, rgba(188,225,249,.48) 0 12%, transparent 12.35%),
		radial-gradient(circle at 9% 88%, rgba(207,234,252,.52) 0 18%, transparent 18.35%),
		radial-gradient(circle at 18% 18%, rgba(226,243,255,.38) 0 7%, transparent 7.35%),
		radial-gradient(circle at 91% 72%, rgba(219,240,254,.36) 0 9%, transparent 9.35%),
		rgba(232,244,252,.38);
	--msc-modal-backdrop-blur: 9px;
	--msc-modal-dialog-width: 980px;
	--msc-modal-dialog-width-wide: 980px;
	--msc-modal-dialog-width-narrow: 650px;
	--msc-modal-dialog-radius: 28px;
	--msc-modal-dialog-border: rgba(0,153,255,.2);
	--msc-modal-dialog-shadow: 0 28px 90px rgba(18,37,53,.3);
	--msc-modal-surface: #fff;
	--msc-modal-canvas: #eef5fa;
	--msc-modal-header-surface: #fff;
	--msc-modal-divider: #dce8f0;
	--msc-modal-section-radius: 18px;
	--msc-modal-section-gap: 10px;
	--msc-modal-close-size: 44px;
	--msc-modal-close-overhang: -6px;
	--msc-modal-close-shadow: 0 3px 12px rgba(35,44,57,.1);
}

@media (min-width: 768px) and (max-width: 1024px) {
	:root,
	.msc-design-system { --msc-modal-dialog-width: 760px; }
}

@media (max-width: 767px) {
	:root,
	.msc-design-system { --msc-modal-dialog-width: calc(100vw - 16px); }
}

.msc-design-system .kadence-block-pro-modal[aria-hidden="false"] .kt-modal-overlay,
body.msc-design-system .msc-auth-modal__backdrop,
body.msc-design-system .xoo-el-opac,
body.msc-design-system .msc-registration-modal__backdrop,
body.msc-design-system .msc-login-modal__backdrop,
body.msc-design-system .msc-privacy-modal__backdrop {
	background: var(--msc-popup-backdrop) !important;
	-webkit-backdrop-filter: blur(var(--msc-modal-backdrop-blur, 9px));
	backdrop-filter: blur(var(--msc-modal-backdrop-blur, 9px));
}

body.msc-design-system .msc-modal__backdrop {
	background: var(--msc-popup-backdrop) !important;
	-webkit-backdrop-filter: blur(var(--msc-modal-backdrop-blur, 9px));
	backdrop-filter: blur(var(--msc-modal-backdrop-blur, 9px));
}

body.msc-design-system .msc-modal__dialog {
	display: flex;
	max-width: var(--msc-modal-dialog-width, 980px);
	max-height: calc(100dvh - 36px);
	flex-direction: column;
	overflow: visible;
	padding: 12px;
	border: 1px solid var(--msc-modal-dialog-border, rgba(0,153,255,.2));
	border-radius: var(--msc-modal-dialog-radius, 28px);
	background: var(--msc-modal-canvas, #eef5fa);
	box-shadow: var(--msc-modal-dialog-shadow, 0 28px 90px rgba(18,37,53,.3));
	isolation: isolate;
}

body.msc-design-system .msc-modal__dialog.msc-modal--wide {
	max-width: var(--msc-modal-dialog-width-wide, 980px);
}

body.msc-design-system .msc-modal__dialog.msc-modal--narrow {
	max-width: var(--msc-modal-dialog-width-narrow, 650px);
}

body.msc-design-system .msc-modal__header {
	position: relative;
	z-index: 2;
	flex: 0 0 auto;
	overflow: hidden;
	border: 1px solid var(--msc-modal-divider, #dce8f0);
	border-radius: var(--msc-modal-section-radius, 18px);
	background: var(--msc-modal-header-surface, #f7fbfe);
}

body.msc-design-system .msc-modal__body {
	min-height: 0;
	flex: 1 1 auto;
	overflow: auto;
	overscroll-behavior: contain;
	border: 1px solid var(--msc-modal-divider, #dce8f0);
	border-radius: var(--msc-modal-section-radius, 18px);
	background: var(--msc-modal-surface, #fff);
}

body.msc-design-system .msc-modal__footer {
	position: relative;
	z-index: 3;
	flex: 0 0 auto;
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid var(--msc-modal-divider, #dce8f0);
	background: var(--msc-modal-surface, #fff);
	box-shadow: 0 -8px 18px rgba(35,44,57,.06);
}

body.msc-design-system .msc-modal-close {
	position: absolute;
	top: var(--msc-modal-close-overhang, -6px) !important;
	right: var(--msc-modal-close-overhang, -6px) !important;
	z-index: 20;
	display: grid;
	width: var(--msc-modal-close-size, 44px) !important;
	height: var(--msc-modal-close-size, 44px) !important;
	place-items: center;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--msc-modal-divider, #dce8f0) !important;
	border-radius: 50% !important;
	background: var(--msc-modal-surface, #fff) !important;
	color: #526579 !important;
	font: 700 25px/1 Arial,sans-serif !important;
	box-shadow: var(--msc-modal-close-shadow, 0 3px 12px rgba(35,44,57,.1)) !important;
	transform: none !important;
}

/* A modal content block may own a fixed footer beneath its scrolling region. */
body.msc-design-system .msc-modal__content {
	display: grid;
	min-height: 0;
	flex: 1 1 auto;
	grid-template-rows: minmax(0,1fr) auto;
	overflow: hidden;
	border: 1px solid var(--msc-modal-divider, #dce8f0);
	border-radius: var(--msc-modal-section-radius, 18px);
	background: var(--msc-modal-surface, #fff);
}

body.msc-design-system .msc-modal__content > .msc-modal__body {
	border: 0;
	border-radius: 0;
}

body.msc-design-system .msc-modal__content > .msc-modal__footer {
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	border-radius: 0;
}

body.msc-design-system .msc-modal-close:is(:hover,:focus-visible) {
	background: var(--msc-modal-surface, #fff) !important;
	color: var(--msc-red, #ef3e46) !important;
	box-shadow: none !important;
	outline: none;
}

.msc-design-system .kt-modal-close {
	top: 10px !important;
	right: 10px !important;
	display: grid;
	place-items: center;
	padding: 3px !important;
	border-radius: 50% !important;
	color: var(--msc-text) !important;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

.msc-design-system .kt-modal-close:is(:hover,:focus-visible) {
	color: var(--msc-red) !important;
	outline: none;
}

.msc-design-system :where(.back-button,.close-button),
.msc-design-system .msc-popup-page-close {
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	padding: 0;
	border: 1px solid color-mix(in srgb,var(--msc-text) 10%,transparent);
	border-radius: 50%;
	background: color-mix(in srgb,var(--global-palette9) 72%,transparent);
	color: var(--msc-text);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	box-shadow: 0 7px 20px rgba(35,44,57,.10);
}

.msc-design-system :where(.back-button,.close-button):is(:hover,:focus-visible),
.msc-design-system .msc-popup-page-close:is(:hover,:focus-visible) {
	color: var(--msc-red);
	outline: none;
}

.msc-design-system .msc-popup-page-close {
	position: fixed;
	top: max(20px,env(safe-area-inset-top));
	right: max(20px,env(safe-area-inset-right));
	z-index: 1000000001;
	cursor: pointer;
}

.msc-design-system .msc-popup-page-close svg {
	width: 24px;
	height: 24px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 2;
}

body.msc-popup-page :is(#wpadminbar,header,footer,.site-header,.site-footer,#masthead,#colophon,.msc-global-footer,.msc-estate-header,.msc-estate-header__mobile-identity,.msc-shared-cart,.cart-block,.cart-button,.msc-support-widget-shell,.msc-support-widget,.msc-briefing-room__launcher,.fluent-support-widget,.fc_widget,.xoo-wsc-markup,.xoo-wsc-modal,.xoo-wsc-basket,[class*="xoo-wsc-"],[id*="xoo-wsc-"]){display:none!important}
html:has(body.msc-popup-page){margin-top:0!important}
body.msc-popup-page{background:#fff!important}
body.msc-popup-page :is(.site,.site-content,#page,#primary,main){margin:0!important;max-width:none!important;padding-top:0!important;width:100%!important}
.msc-foundation-legal-modal[hidden]{display:none!important}.msc-foundation-legal-modal{display:grid;inset:0;padding:18px;place-items:center;position:fixed;z-index:2147483000}.msc-foundation-legal-backdrop{inset:0;position:absolute}.msc-foundation-legal-dialog{gap:var(--msc-modal-section-gap,10px);height:min(820px,calc(100dvh - 36px));outline:0;position:relative;width:min(var(--msc-modal-dialog-width,980px),100%);z-index:1}.msc-foundation-legal-header{align-items:center;display:flex;gap:14px;min-height:76px;padding:12px 64px 12px 18px}.msc-foundation-legal-header img{display:block;flex:0 0 50px;height:50px;object-fit:contain;width:50px}.msc-foundation-legal-header small{color:var(--msc-blue,#0099ff);display:block;font-size:11px;font-weight:800;letter-spacing:.18em;margin-bottom:2px}.msc-foundation-legal-header h2{color:var(--msc-text,#232c39);font-size:22px;line-height:1.15;margin:0}.msc-foundation-legal-body{overflow:hidden}.msc-foundation-legal-body iframe{background:var(--msc-modal-surface,#fff);border:0;display:block;height:100%;width:100%}.msc-foundation-legal-close svg{fill:none;height:24px;stroke:currentColor;stroke-linecap:round;stroke-width:2;width:24px}.msc-foundation-legal-open{overflow:hidden}@media(max-width:560px){.msc-foundation-legal-modal{padding:8px}.msc-foundation-legal-dialog{height:calc(100dvh - 16px);padding:8px}.msc-foundation-legal-header{min-height:66px;padding:8px 50px 8px 12px}.msc-foundation-legal-header img{flex-basis:44px;height:44px;width:44px}.msc-foundation-legal-header h2{font-size:19px}}