/* Default app styling */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 27, 2022 */



@font-face {
	font-family: 'Roobert';
	src: url('fonts/roobert-semibolditalic-webfont.woff') format('woff');
	font-weight: 600;
	font-style: italic;

}




@font-face {
	font-family: 'Roobert';
	src: url('fonts/roobert-regularitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;

}




@font-face {
	font-family: 'Roobert';
	src: url('fonts/roobert-mediumitalic-webfont.woff') format('woff');
	font-weight: 500;
	font-style: italic;

}




@font-face {
	font-family: 'Roobert';
	src: url('fonts/roobert-lightitalic-webfont.woff') format('woff');
	font-weight: 300;
	font-style: italic;

}




@font-face {
	font-family: 'Roobert';
	src: url('fonts/roobert-heavyitalic-webfont.woff') format('woff');
	font-weight: 900;
	font-style: italic;

}




@font-face {
	font-family: 'Roobert';
	src: url('fonts/roobert-bolditalic-webfont.woff') format('woff');
	font-weight: bold;
	font-style: italic;

}




@font-face {
	font-family: 'Roobert';
	src: url('fonts/roobert-semibold-webfont.woff') format('woff');
	font-weight: 600;
	font-style: normal;

}




@font-face {
	font-family: 'Roobert';
	src: url('fonts/roobert-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'Roobert';
	src: url('fonts/roobert-medium-webfont.woff') format('woff');
	font-weight: 500;
	font-style: normal;

}




@font-face {
	font-family: 'Roobert';
	src: url('fonts/roobert-light-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;

}




@font-face {
	font-family: 'Roobert';
	src: url('fonts/roobert-heavy-webfont.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}




@font-face {
	font-family: 'Roobert';
	src: url('fonts/roobert-bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'SSO-glyphs';
	font-display: swap;
	src: url('fonts/SSO-glyphs.woff') format('woff');
}

html {
	--back: #031037;
	--circle: #fff;
	--text: #031037;
	display: block;
	font-family: 'Roobert', sans-serif;
	font-size: 62.5%;
	background-color: var(--circle);
	min-height: 100vh;
}

html:not(:has(.inapp)) {
	min-height: unset;
}

body {
	margin: 0;
}

/* REACT ERRORS */
.errorBoundary {
	padding: 30px;
	background: var(--pagecounterBackground);
}

.errorBoundary h1 {
	font-size: 20px;
	line-height: 1.25;
	margin: 0;
	color: white;
}

.errorBoundary img {
	margin-right: 2px;
}

.errorBoundary ul {
	font-size: 16px;
	line-height: 1.25;
	margin: 0;
	padding: 0 0 0 20px;
	color: #68748A;
}

.errorBoundary li {
	margin: 0 0 15px 0;
}

.errorBoundary li:last-child {
	margin: 0 0 0 0;
}

.errorBoundary b {
	margin-bottom: 10px;
	display: block;
}

/* Loading spinner */
.loadingContainer {
	display: flex;
	width: 100vw;
	height: 100vh;
	align-items: center;
	justify-content: center;
	background-color: var(--circle);
}

.loader {
	color: var(--text);
	font-size: 20px;
	margin: 100px auto;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load4 1.3s infinite linear;
	animation: load4 1.3s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

@-webkit-keyframes load4 {

	0%,
	100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}

	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}

	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}

	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}

	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}

	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}

	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	}

	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	}
}

@keyframes load4 {

	0%,
	100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
	}

	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}

	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
	}

	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}

	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
	}

	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
	}

	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
	}

	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
	}
}