/* Account. */

.page-account,
.page-account .header {
	--bone_w: 1200px;
}

.page-account .header {
	border-bottom: 0 none;
}

.account {

}

.account_net {
	align-items: flex-start;
	grid-template-columns: 200px 1fr;
	grid-gap: 28px 50px;

	border-top: 1px solid #eee;
	padding-top: 40px;
	padding-bottom: 40px;
}

.account_bar {
	border-right: 1px solid #eee;
}

.account_bar ul {
	display: grid;
	grid-gap: 20px;

	font-weight: 700;
}

.account_bar li {
	color: var(--primary);
}

.account_bar li a {
	transition: color .43s;
}

.account_bar li a:hover {
	color: var(--primary);
}

.account_content {

}

.account_user {

}

.account_title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 32px;
}

.account_title:not(:first-child) {
	margin-top: 48px;
}

.account_caption {
	margin-top: 24px;
	color: #505759;
	font-size: 15px;
}

.account_content form#UserInfo {
	width: 100% !important;
}

.account_content .element-row {
	position: relative;
}

.account_content label {
	position: absolute;
	top: 100%;
	left: 22px;

	padding: 0 8px;
	color: #999;
	font-size: 15px;
	background-color: var(--bg);

	transform: translate3d(0, -50%, 0px);
}

.account_content input,
.account_content textarea {
	width: 100%;
	min-height: 70px;
	padding: 0 30px;
	border: 1px solid #D1D1D1;
	border-radius: 16px;

	transition: border-color .43s;
}

.account_content input:hover,
.account_content input:focus,
.account_content textarea:hover,
.account_content textarea:focus {
	border-color: #000;
}

.account_content textarea {
	padding-top: 16px;
	height: 180px;
}

.account_content input::placeholder {
	color: #CCC;
}

.account_content input.error,
.account_content textarea.error {
	border-color: #F4A499 !important;
}

.account_content span.error {
	--size: 16px;

	position: absolute;
	top: calc(50% - var(--size) / 2);
	right: 24px;

	width: var(--size);
	height: var(--size);
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.8396 1.19043L8.71899 10.8853H7.16968L7.03979 1.19043H8.8396ZM6.98413 13.8354C6.98413 13.5571 7.06763 13.3221 7.23462 13.1304C7.4078 12.9386 7.66138 12.8428 7.99536 12.8428C8.32316 12.8428 8.57365 12.9386 8.74683 13.1304C8.92619 13.3221 9.01587 13.5571 9.01587 13.8354C9.01587 14.1014 8.92619 14.3302 8.74683 14.522C8.57365 14.7137 8.32316 14.8096 7.99536 14.8096C7.66138 14.8096 7.4078 14.7137 7.23462 14.522C7.06763 14.3302 6.98413 14.1014 6.98413 13.8354Z' fill='%23E31B00'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 0;
}

.account_content button {
	display: flex;
	align-items: center;
	justify-content: center;
	float: none!important;

	width: 100%;
	height: 60px;
	margin-top: 44px;
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	border-radius: 40px;
	background-color: var(--primary);
	cursor: pointer;

	transition: box-shadow .43s;
}

.account_content button:hover {
	box-shadow: 0 0 32px var(--primary);
}

.account_null {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	text-align: center;
}

.account_null_text {
	font-size: 44px;
	font-weight: 700;
}

.account_null_img {
	--size: 228px;

	width: var(--size);
	height: var(--size);
	margin-top: 26px;
}

.account_null_hrefs {
	--color: var(--primary);

	display: flex;
	align-items: center;
	justify-content: center;
	grid-gap: 36px;

	margin-top: 40px;
	font-weight: 500;
}

/* Account. */

@media only screen and (max-width: 900px) {

	/* Account. */

	.account_null_text {
		font-size: 24px;
	}

	.account_null_img {
		--size: 210px;
	}

	/* Account. */

}

@media only screen and (max-width: 600px) {

	/* Account. */

	.account {
		border-top: 1px solid #eee;
	}

	.account_net {
		grid-template-columns: 1fr;

		padding-top: 28px;
		border-top: 0 none;
	}

	.account_bar {
		margin: 0 calc(var(--bone_size) * -1);
		padding: 0 var(--bone_size) 28px;
		border-right: 0 none;
		border-bottom: 20px solid #F7F7F7;
	}

	.account_title {
		font-size: 19px;
		margin-bottom: 20px;
	}

	.account_title:not(:first-child) {
		margin-top: 20px;
	}

	.account_null_text br {
		display: none;
	}

	.account_null_hrefs {
		justify-content: space-between;
		grid-gap: 0;

		width: 100%;
		margin-top: 20px;
	}

	/* Account. */

}