.arg-modal-overlay .modal-close-button {
	cursor: auto;
	position: var(--modal-close-button-position);
	order: 1;
	display: flex;
	align-self: flex-start;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	height: var(--modal-close-button-size);
	width: var(--modal-close-button-size);
	margin: 0;
	padding: 0;
	border: 0;
	margin-inline-start: var(--modal-close-button-offset-inline-start);
	margin-top: var(--modal-close-button-offset-top);
	top: var(--modal-close-button-offset-top);
}
html.has-modal .arg-modal-overlay .modal-close-button {
	cursor: pointer;
}
.arg-modal-overlay .modal-close-button:focus {
	outline: none;
}
.arg-modal-overlay .modal-close-button:focus .modal-close-icon {
	box-shadow: 0 0 0 3px var(--modal-close-focus-offset), 0 0 0 5px #0071e3;
	outline: none;
}
.arg-modal-overlay .modal-close-button:focus .modal-close-icon[data-focus-method="mouse"]:not(input):not(textarea):not(select), .arg-modal-overlay .modal-close-button:focus .modal-close-icon[data-focus-method="touch"]:not(input):not(textarea):not(select) {
	box-shadow: none;
}
.arg-modal-overlay .modal-close-button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select) .modal-close-icon, .arg-modal-overlay .modal-close-button:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) .modal-close-icon {
	box-shadow: none;
}
.arg-modal-overlay .modal-close-button:hover .modal-close-icon {
	background: var(--modal-close-background-hover);
	color: var(--modal-close-color-hover);
}
.arg-modal-overlay .modal-close-button:active .modal-close-icon {
	background: var(--modal-close-background-active);
}
.arg-modal-overlay .modal-close-button .modal-close-icon {
	background: var(--modal-close-background);
	border-radius: var(--modal-close-border-radius);
	color: var(--modal-close-color);
	display: flex;
	align-items: center;
	height: var(--modal-close-icon-size);
	width: var(--modal-close-icon-size);
	outline: none;
	transition: color 0.1s linear, background 0.1s linear;
	position: relative;
}
.arg-modal-overlay .modal-close-button .modal-close-icon svg {
	fill: currentColor;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	height: var(--modal-close-icon-svg-size);
	width: var(--modal-close-icon-svg-size);
}
.arg-modal-overlay .modal-close-button .modal-close-icon * {
	pointer-events: none;
}
.arg-modal.modal {
	--modal-overlay-background: white;
	--modal-overlay-padding-top: 76px;
	--modal-overlay-padding-bottom: 76px;
	--modal-overlay-padding-inline: 76px;
	--modal-close-button-offset-top: 16px;
	--modal-close-button-offset-inline-start: 16px;
	--modal-close-button-size: 44px;
	--modal-close-background: #e8e8ed;
	--modal-close-background-hover: #ececf0;
	--modal-close-background-active: #dfdfe4;
	--modal-close-color: rgba(0, 0, 0, 0.56);
	--modal-close-color-hover: rgba(0, 0, 0, 0.72);
	--modal-close-border-radius: 50%;
	--modal-close-button-position: sticky;
	--modal-close-icon-size: 36px;
	--modal-close-icon-svg-size: 20px;
	--modal-close-focus-offset: var(--modal-overlay-background);
	background: var(--modal-scrim-background, var(--modal-overlay-background));
	position: fixed;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	overflow: auto;
}
.theme-dark .modal.arg-modal-overlay, .modal.theme-dark.arg-modal-overlay {
	--modal-overlay-background: #1d1d1f;
	--modal-close-background: #333336;
	--modal-close-background-hover: #37373a;
	--modal-close-background-active: #2f2f32;
	--modal-close-color: rgba(255, 255, 255, 0.8);
	--modal-close-color-hover: white;
}
@media only screen and (max-width: 480px) {
	.modal.arg-modal-overlay {
		--modal-overlay-padding-inline: 6.25%;
	}
}
.modal.arg-modal-overlay .modal-overlay-container {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	min-height: 100%;
}
.modal.arg-modal-overlay .modal-overlay {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
}
.modal.arg-modal-overlay .modal-content-container {
	background: var(--modal-overlay-background);
	order: 2;
	box-sizing: border-box;
	padding-inline-start: 76px;
	padding-inline-end: 76px;
	padding-top: 76px;
	padding-bottom: 76px;
	margin-top: calc(-1 * (44px + var(--modal-close-button-offset-top)));
}
.modal-open.arg-modal-overlay {
	display: block;
	z-index: 11000;
}
.modal-touch-lock {
	touch-action: none;
}
.has-modal {
	overflow: hidden;
}
.has-modal body {
	padding-inline-end: var(--modal-scrollbar-buffer);
}
.modal-full-bleed {
	--modal-scrim-background: var(--modal-overlay-background);
	--modal-overlay-padding-top: 96px;
	--modal-overlay-padding-bottom: 96px;
	--modal-close-button-offset-top: max(16px, env(safe-area-inset-top));
	--modal-close-button-offset-inline-start: max(
		16px,
		env(safe-area-inset-left)
	);
}
@media only screen and (max-width: 1068px) {
	.modal-full-bleed {
		--modal-overlay-padding-top: 76px;
		--modal-overlay-padding-bottom: 76px;
	}
}
.modal-full-bleed .modal-overlay-container {
	flex-direction: column;
}
.modal-full-bleed .modal-overlay {
	flex-grow: 1;
	width: 100%;
}
.modal-full-bleed .modal-overlay:focus {
	outline-offset: -4px;
}
.modal-full-bleed .modal-content-container {
	flex-grow: 1;
}
.modal-page-overlay.arg-modal-overlay {
	--modal-scrim-background: rgba(0, 0, 0, 0.48);
	--modal-overlay-margin-top: 40px;
	--modal-overlay-margin-bottom: var(--modal-overlay-margin-top);
	--modal-overlay-border-radius-top: 18px;
	--modal-overlay-border-radius-bottom: var(
		--modal-overlay-border-radius-top
	);
	--modal-overlay-width: 816.6666666667px;
}
@media only screen and (max-width: 1068px) {
	.modal-page-overlay.arg-modal-overlay {
		--modal-overlay-width: 692px;
	}
}
@media only screen and (max-width: 734px) {
	.modal-page-overlay.arg-modal-overlay {
		--modal-overlay-width: max(87.5%, 480px);
		--modal-overlay-padding-bottom: 60px;
	}
}
@media only screen and (max-width: 480px) {
	.modal-page-overlay.arg-modal-overlay {
		--modal-overlay-border-radius-bottom: 0;
		--modal-overlay-width: 100%;
		--modal-close-button-offset-top: max(16px, env(safe-area-inset-top));
		--modal-close-button-offset-inline-start: max(
			16px,
			env(safe-area-inset-left)
		);
	}
}
@media only screen and (max-width: 480px) {
	.modal-page-overlay.arg-modal-overlay .modal-overlay-container {
		flex-direction: column;
	}
}
.modal-page-overlay.arg-modal-overlay .modal-overlay {
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	border-radius: var(--modal-overlay-border-radius-top)
		var(--modal-overlay-border-radius-top)
		var(--modal-overlay-border-radius-bottom)
		var(--modal-overlay-border-radius-bottom);
	width: var(--modal-overlay-width);
	margin-top: var(--modal-overlay-margin-top);
	margin-bottom: var(--modal-overlay-margin-bottom);
}
.modal-page-overlay.arg-modal-overlay .modal-overlay:focus {
	box-shadow: 0 0 0 2px #0071e3;
	outline: none;
}
.modal-page-overlay.arg-modal-overlay .modal-overlay:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .modal-page-overlay.arg-modal-overlay .modal-overlay:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
	box-shadow: none;
}
@media only screen and (max-width: 480px) {
	.modal-page-overlay.arg-modal-overlay .modal-overlay {
		--modal-overlay-margin-top: 20px;
		--modal-overlay-margin-bottom: 0;
		flex-grow: 1;
	}
	.modal-page-overlay.arg-modal-overlay .modal-overlay .modal-content-container {
		flex-grow: 1;
	}
}
.modal-page-overlay.arg-modal-overlay .modal-overlay .modal-content-container {
	border-radius: inherit;
	mask-image: radial-gradient(white, black);
}
@media only screen and (min-width: 1069px) {
	.modal-wide {
		--modal-overlay-width: 1029px;
	}
}
.modal-crossfade.arg-modal-overlay {
	display: block;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.4s ease, visibility 0s linear 0.4s,
		z-index 0s linear 0.4s;
}
@media (prefers-reduced-motion) {
	.modal-crossfade.arg-modal-overlay {
		transition: none;
	}
}
.modal-crossfade.modal-open.arg-modal-overlay {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}
.modal-fixed-height.arg-modal-overlay {
	overflow: initial;
	--modal-close-button-position: static;
}
.modal-curtain-white.arg-modal-overlay {
	--modal-scrim-background: rgba(255, 255, 255, 0.48);
}
.modal-curtain-blur.arg-modal-overlay {
	backdrop-filter: blur(20px);
}
.modal-close-button-static {
	--modal-close-button-position: static;
}
#modal-content.arg-modal {
	text-align: center;
}

#modal-content.arg-modal .modal-body {
	margin: 35px 0;
}

#modal-headline {
	font-size: 2em;
	line-height: 1;
}

.arg-modal-overlay #modal-headline br.medium {
	display: none;
}

.arg-modal-overlay #modal-content.arg-modal .modal-body {
	margin: 35px 0;
}

@media only screen and (min-width: 735px) {
	.arg-modal-overlay #modal-content.arg-modal .modal-body {
		padding: 0 60px;
	}
}
@media only screen and (min-width: 1069px) {
	.arg-modal-overlay #modal-content.arg-modal .modal-body {
		padding: 0 120px;
	}
}

.globalheader-dark .modal.arg-modal-overlay, .modal.globalheader-dark.arg-modal-overlay {
	--modal-overlay-background: #1d1d1f;
	--modal-close-background: #333336;
	--modal-close-background-hover: #37373a;
	--modal-close-background-active: #2f2f32;
	--modal-close-color: rgba(255, 255, 255, 0.8);
	--modal-close-color-hover: white;
}

.globalheader-dark .modal.arg-modal-overlay h1, .globalheader-dark .modal.arg-modal-overlay h2, .globalheader-dark .modal.arg-modal-overlay h3, .globalheader-dark .modal.arg-modal-overlay h4, .globalheader-dark .modal.arg-modal-overlay h5, .globalheader-dark .modal.arg-modal-overlay h6, .globalheader-dark .modal.arg-modal-overlay .modal-body {
	color: #f5f5f7;
}

h2#modal-headline {
	font-weight: bold;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

/* BEGIN>> homepage ribbon style */

.page-home .modal-page-overlay .modal-overlay {
	--modal-overlay-background: #fff;
}

.page-home.globalheader-dark .modal .modal-body, .page-home.globalheader-dark .modal h2 {
	color: #1d1d1f;
}
/* END>> homepage ribbon style */