@import url(theme.css);
/* page style */

/* computer */
.big-logo {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 274px;
	right: 0;
	margin: auto;
	object-fit: cover;
	filter: brightness(var(--brightness-size));
}
.overlap-content {
	padding: 48px 48px 0;
	z-index: 2;
	background-color: var(--color-background);
	color: var(--color-on-background);
	font-family: "Prompt", sans-serif;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}
@supports (
	(-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))
) {
	.overlap-content {
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
		background-color: var(--color-background-transparent);
	}
}
.overlap-content h1 {
	text-align: center;
	font-size: 48px;
	margin: 0;
	color: #0072bb;
	font-weight: bold;
	font-family: "Prompt", sans-serif;
}
.overlap-content h2 {
	text-align: center;
	font-family: "Prompt", sans-serif;
	margin: 0;
}
.overlap-content .content-section {
	margin-top: 72px;
}

/* loading */
.loading {
	overflow: hidden;
}
.newsletter-loader {
	position: fixed;
	top: 0;
	left: 274px;
	display: none;
	width: -webkit-fill-available;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 12;
	justify-content: center;
	align-items: center;
}
.newsletter-loader.show {
	display: flex;
	justify-content: center;
	align-items: center;
}
.newsletter-loader svg {
	width: 70%;
	height: 70%;
	visibility: hidden;
}

.news-slot {
	margin-top: 12px;
	text-shadow: 0 0 6px var(--color-background);
}

.accordion-slot {
	display: block !important;
}
.accordion-wrap {
	display: none;
}

.newsletter-subscribe-container {
	display: flex;
	flex-flow: wrap;
	align-items: center;
	max-height: 300px;
	overflow: hidden;
	border-radius: 24px;
	border: 2px solid var(--color-outline);
	margin-top: 48px;
}
.newsletter-subscribe-container .image-container,
.newsletter-subscribe-container .form-container {
	position: relative;
	flex: 1 1;
	height: 300px;
}
.newsletter-subscribe-container .image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
}
.newsletter-subscribe-container .form-container {
	display: flex;
	flex-direction: column;
	padding: 12px 24px;
	align-self: flex-start;
}

.newsletter-subscription .newsletter-dialog .form-container button {
	margin: 0 6px;
}

.inf-main_59225c895ad22cbc93691d496b64aa61 {
	background-color: var(--color-surface);
	padding: 25px 20px;
	margin: 25px auto;
	border-radius: 6px;
}

.inf-main_59225c895ad22cbc93691d496b64aa61 .inf-content {
	margin-top: 13px;
}

.inf-main_59225c895ad22cbc93691d496b64aa61 h4,
.inf-main_59225c895ad22cbc93691d496b64aa61 span,
.inf-main_59225c895ad22cbc93691d496b64aa61 label,
.inf-main_59225c895ad22cbc93691d496b64aa61 input,
.inf-main_59225c895ad22cbc93691d496b64aa61 .inf-submit,
.inf-main_59225c895ad22cbc93691d496b64aa61 .inf-success p a {
	color: var(--color-on-surface);
	font-size: 14px;
}

.inf-main_59225c895ad22cbc93691d496b64aa61 h4 {
	font-size: 18px;
	margin: 0px 0px 13px 0px;
}

.inf-main_59225c895ad22cbc93691d496b64aa61 h4,
.inf-main_59225c895ad22cbc93691d496b64aa61 label {
	font-weight: bold;
}

.inf-main_59225c895ad22cbc93691d496b64aa61 .inf-input {
	margin-bottom: 7px;
}

.inf-main_59225c895ad22cbc93691d496b64aa61 label {
	display: block;
}

.inf-main_59225c895ad22cbc93691d496b64aa61 .inf-input.inf-error label,
.inf-main_59225c895ad22cbc93691d496b64aa61
	.inf-input.inf-error
	span.inf-message {
	color: var(--color-error);
}

.inf-main_59225c895ad22cbc93691d496b64aa61 .inf-input.inf-error input {
	border: 1px solid var(--color-error);
}

.inf-main_59225c895ad22cbc93691d496b64aa61 .inf-input input {
	width: 100%;
}

.inf-main_59225c895ad22cbc93691d496b64aa61
	.inf-input.inf-error
	span.inf-message {
	display: block;
}

.inf-main_59225c895ad22cbc93691d496b64aa61 .inf-submit {
	text-align: right;
}

.inf-main_59225c895ad22cbc93691d496b64aa61 .inf-submit input.disabled {
	opacity: 0.4;
}

.inf-rgpd {
	margin: 25px 0px 15px 0px;
	color: var(--color-on-surface);
}

/* tablet */
@media screen and (max-width: 768px) {
	.big-logo,
	.newsletter-loader {
		left: 80px;
	}
}

/* phone */
@media screen and (max-width: 480px) {
	.big-logo,
	.newsletter-loader {
		left: 0;
	}
	.overlap-content {
		padding: 48px 24px 0;
	}
	.overlap-content h1 {
		font-size: 36px;
	}
	.overlap-content h2 {
		font-size: 16px;
	}
	.overlap-content .content-section .intro-text {
		font-size: var(--md-sys-typescale-body-small-font-size);
	}
	.newsletter-subscribe-container {
		flex-direction: column;
		max-height: none;
	}
	.newsletter-subscribe-container .image-container,
	.newsletter-subscribe-container .form-container {
		width: 100%;
	}
	.newsletter-subscribe-container .image-container img {
		clip-path: none;
	}
}