.retrieve-password,
.register,
.login {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 2rem;

	&:deep(.el-form) {
		width: 100%;

		.el-form-item {
			position: relative;
			margin-bottom: 1.6rem;
		}

		.el-form-item__content {
			position: relative;
		}


		.el-form-item__label {
			color: #232323;
			font-size: 1.2rem;
			margin-bottom: 0.8rem;
			line-height: 1.5rem;
		}

		.el-input {
			--el-input-height: 3.4rem;
			--el-input-border-radius: 0;
			--el-input-text-color: #232323;
			--el-border-color: #C4C4C4;
			font-size: 1.4rem;

			&::placeholder {
				color: #9F9F9F;
			}
		}

		.password-tip {
			position: absolute;
			z-index: 10;
			top: -1rem;
			right: 0;
			transform: translateY(-100%);
		}

		.password-warning {
			--el-checkbox-height: auto;
			margin-top: -0.6rem;
			margin-bottom: 1.6rem;
			display: flex;
			align-items: center;

			>.icon {
				width: 1.4rem;
				height: 1.4rem;
				margin-right: 0.8rem;
			}

			>.label {
				font-family: KaiseiOpti-Regular;
				font-size: 1rem;
				color: #9F9F9F;
			}
		}

		.forgotPassword {
			margin-top: -0.8rem;
			margin-bottom: 5rem;
			font-size: 1.1rem;
			text-align: right;
			color: #666666;
			cursor: pointer;
			text-decoration: underline;
			font-family: KaiseiOpti-Regular;
		}


		.el-form-item__error {
			padding-top: 1px;
			font-size: 1rem;
		}


		.submit {
			width: 100%;
			height: 4rem;
			font-size: 1.36rem;
		}

		.privacy {
			margin-top: -0.6rem;
			--el-checkbox-height: auto;

			.el-checkbox__label {
				font-size: 1.1rem;
				color: #666666;
				font-family: KaiseiOpti-Regular;

				>div {
					>span {
						font-family: KaiseiOpti-Bold;
						text-decoration: underline;
						cursor: pointer;
						color: #232323;
					}
				}
			}
		}

	}

	>.other-login {
		margin-top: 4rem;
	}

}