main {
	padding-top: 40px;
	text-align: center;
}

.accountContainer {
	padding: 30px 40px;
	text-align: center;
	max-width: 500px;
	margin-inline: auto;
}

.accountContainer .btnPrimary {
	width: 100%;
}

.accountContainer .switchCase {
	font-size: 17px;
}

.accountContainer a {
	font-size: inherit;
	text-decoration: none;
	color: var(--primary);
}

.accountContainer a:hover {
	color: var(--primaryHover);
}

.inputBox {
	position: relative;
	margin-block: 30px;
}

.inputBox input {
	width: 100%;
	border-radius: 7px;
	outline: none;
	border: 1px solid #ffffff60;
	background: none;
	color: #fff;
	line-height: 4rem;
	font-size: 1rem;
	padding: 0 56px 0 20px;
	transition: border-color 100ms;
}

.inputBox input:focus {
	border-color: #fff;
}

.inputBox svg-icon {
	font-size: 1.5rem;
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	color: #ffffffb1;
}