body {
	background-position: center;
	background-size: cover;
}

.signup-title {
	text-align: center;
	width: 100%;
	font-family: Jost;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
	padding: 0;
	color: var(--mdc-theme-primary);
	transition: opacity 0.3s;
}

.signup-subtitle {
	font-family: Jost;
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #444;
	transition: opacity 0.3s;
}

.signin-text {
	font-family: Jost;
	width: 100%;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	margin-top: 20px;
	transition: opacity 0.3s;
}

.signup-form {
	width: 80%;
	margin: 0 auto;
}

.signup-input {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.signup-button,
.signup-button--filled {
	text-transform: none;
	font-family: Jost;
	font-weight: 400;
}

.signup-button--filled:not(disabled) {
	background-color: var(--mdc-theme-primary) !important;
	color: #FFF !important;
}

.signup-button--filled:disabled {
	background-color: #EEE !important;
	color: #777 !important;
}

#signup__button--action-next,
#signup__button--action-submit {
	margin-top: 20px;
	margin-right: 5px;
	float: right;
}

#signup__button--action-submit {
	display: none;
}

#signup__input__container--password,
#signup__input__container--confirm-password {
	display: none;
}

#signup__input__container--name,
#signup__input__container--email,
#signup__input__container--password,
#signup__input__container--confirm-password {
	transition: transform 0.3s;
}

#sign-up__form__back-arrow {
	margin: 20px 0;
	display: none;
	padding: 0;
	height: 35px;
	width: 35px;
	color: var(--mdc-theme-primary);
	transition: opacity 0.3s;
}

#password__error-icon {
	display: none;
	color: #CC0000;
}

#signup__tos-checkbox__container {
	transform: translateX(-10px);
	margin-top: 10px;
	display: none;
}

#social-links__title {
	padding: 20px 0;
	border-top: 1px solid #EEE;
}

.social-links-panel {
	padding: 0;
}

.social-link__button {
	border: 1px solid #DDD;
	width: 100%;
}

.mdi {
	font-size: 25px;
}