.theme-light {
	--text-color: #585a6f;
	--text-highlight-color: #1b1c41;
	--secondary-color: #959dc1;
	--highlight-color: #f1f2f7;
	--highlight-light-color: #f5f6f7;
	--background-color: #ffffff;
	--border-color: #dee2e6;
	--border-light-color: #e9ecef;
	--switch-color: #dee2e6;
	--switch-shadow-color: #F2F3F5;
	--placeholder-color: #9aa0be;
	--accent-inverse-color: #ffffff;
	--overlay-color: 0, 0, 0;
	--error-background-color: #FCECEF;
	--error-shadow-color: #F6C9D2;
}

.theme-1 {
	--accent-color: #005bf8;
	--accent-dark-color: #0049C7;
	--accent-light-color: #ebf4ff;
}

*, *::before, *::after {
	box-sizing: border-box;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 16px;
	color: var(--text-color);
	background-color: var(--background-color);
}

.loader-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--background-color);
}

.loader-container-inner {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.loader-container-inner.light {
	color: var(--background-color);
}

.loader,
.loader:after {
	border-radius: 50%;
	width: 5rem;
	height: 5rem;
}

.loader {
	margin: 2rem auto;
	font-size: .5rem;
	position: relative;
	text-indent: -9999rem;
	border-top: .5rem solid var(--accent-light-color);
	border-right: .5rem solid var(--accent-light-color);
	border-bottom: .5rem solid var(--accent-light-color);
	border-left: .5rem solid var(--accent-color);
	transform: translateZ(0);
	animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.logo {
	position: absolute;
	top: 1.75rem;
	left: 2rem;
	width: 7.75rem;
	height: 2.375rem;
	background-color: var(--background-color);
}

.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.125rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

a.btn {
	text-decoration: none;
}

.btn-lg {
	padding: 1rem 2rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: 0.3rem;
}

.btn.btn-primary {
	color: var(--accent-inverse-color);
	border-color: var(--accent-color);
	background-color: var(--accent-color);
}

.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active {
	border-color: var(--accent-dark-color);
	background-color: var(--accent-dark-color);
	outline: 0;
}

.btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active {
  box-shadow: 0 0 0 0.2rem var(--accent-color);
}

.btn.btn-outline-secondary {
	cursor: pointer;
	color: var(--secondary-color);
	border-color: var(--secondary-color);
	background-color: var(--background-color);
}

.btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus, .btn.btn-outline-secondary:active, .btn.btn-outline-secondary:not(:disabled):not(.disabled):active {
	color: var(--accent-inverse-color);
	border-color: var(--secondary-color);
	background-color: var(--secondary-color);
	outline: 0;
}

.btn.btn-outline-secondary:focus, .btn.btn-outline-secondary:active, .btn.btn-outline-secondary:not(:disabled):not(.disabled):active {
  box-shadow: 0 0 0 0.2rem var(--secondary-color);
}