@import url('./calendar-surface.css');
@import url('./mobile-home-layout.css');

html {
	overflow-y: hidden !important;
	overscroll-behavior-y: none;
}

#splash-screen {
	position: fixed;
	inset: 0;
	z-index: 100;
	background: #fff;
}

.aeoll-splash-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 2.625rem;
	aspect-ratio: 86 / 36;
	background-image: url('/static/branding/aeoll-splash/aeoll-light.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transform: translate(-50%, -50%);
}

html.dark #splash-screen {
	background: #000;
}

html.dark .aeoll-splash-logo {
	background-image: url('/static/branding/aeoll-splash/aeoll-dark.svg');
}

html.her #splash-screen {
	background: #983724;
}

html.her .aeoll-splash-logo {
	background-image: url('/static/branding/aeoll-splash/aeoll-dark.svg');
}

html.aeoll-registration-intro-active,
html.aeoll-registration-intro-active body {
	background: #000 !important;
}

html.aeoll-registration-intro-active #splash-screen {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}