@import "/media/skins/default/band/band.common.css";
.uiPageSection__header {
	margin-inline: auto;
	max-width: var(--site-content-size-max-width);
	padding-inline: var(--safe-inline-gutter-width);
	padding-block-end: var(--gutter-double-width);
}
#missing .uiPageSection__main {
	margin-inline: auto;
	max-width: var(--site-content-size-max-width);
	padding-inline: var(--safe-inline-gutter-width);
	padding-block-end: var(--gutter-double-width);
}
.uiPage__cover {
	aspect-ratio: 16/9;
	background-color: var(--color-accent);
	display: grid;
	padding-block: var(--gutter-fourfold-width);
}
.uiPage__cover svg{
	align-self: center;
	aspect-ratio: 1;
	fill: var(--color-background);
	height: 100%;
	max-width: 24%;
	justify-self: center;
	width: auto;
}
.uiPage__cover::after {
	display: none;
}
#missing .uiPageSection__header {
	margin-block-end: var(--gutter-width);
	padding-block-end: 0;
}
#missing .uiPageSection__main {
	font-size: var(--font-size-fluid);
	line-height: 1.4em;
}

.uiPage__main {
	margin-inline: revert;
	max-width: revert;
	padding-inline: revert;
}
#newsLetterconfirmation {
	display :none;
}
/* */
/*
#confirmation__header {
	height:40vh;
}
#confirmation__header {
	align-items: center;
	background: radial-gradient(circle at 10% 20%, rgb(134, 47, 199) 0%, rgb(235, 56, 137) 90%);
	color: white;
	display: grid;
	height:40svh;
	justify-items: center;
}
#confirmation__heading {
	font-size: var(--font-size-fluid-xxl);
}
*/
#newsletter {
	margin-inline: auto;
	max-width: var(--site-content-size-max-width);
	padding-inline: var(--safe-inline-gutter-width);
	padding-block: var(--gutter-fourfold-width);
	width: 100%;
}
/* */
#birthdate__fieldset {
	column-gap: var(--gutter-width);
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
/* */
#confirmation {
	display: grid;
	grid-template-areas: "header" "explain" "form" ;
	margin-inline: auto;
	max-width: var(--site-content-size-max-width);
	padding-inline: var(--safe-inline-gutter-width);
	padding-block: var(--gutter-fourfold-width);
	width: 100%;
}
#confirmation__header {
	padding-block-start: var(--gutter-double-width);
	grid-area: header;
}
#confirmation__heading {
	color: var(--color-accent);
	font-size: var(--font-size-fluid);
	line-height: 1.2em;
}
#explain {
	grid-area: explain;
}
#explain__body {
	font-size: var(--font-size-fluid-s);
}
#explain__footer {
	font-size: var(--font-size-fluid-s);
	justify-self: end;
	text-align: right;
}
#explain__footer strong {
	font-size: var(--font-size-fluid-xs);
	display: block;
	font-weight: 400;
}
#explain__header {
	padding-block-end: var(--gutter-width);
}
#explain__heading {
	line-height: 1.2em;
	font-size: var(--font-size-fluid-xl);
}
#explain__lede {
	font-size: var(--font-size-fluid);
}
#benefist {
	grid-area: benefits;
}
#signUp {
	grid-area: form;
	padding-block-start: var(--gutter-double-width);
}
#signUp__consent {
	padding-block: var(--gutter-double-width);
}
#signUp__header {
	margin-bottom: var(--gutter-double-width);
}
#signUp__heading {
	font-size: var(--font-size-fluid);
	line-height: 1.2em;
}
@media screen and (min-width: 720px) {
	#confirmation {
		column-gap: var(--gutter-fourfold-width);
		display: grid;
		grid-template-areas: "header form" "explain form" ;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto  1fr;

	}
	#signUp {
		background-color: var(--color-background-secondary);
		border-radius: var(--border-radius);
		padding: var(--gutter-double-width);
		padding-block-start: reset;
	}
}