.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-inner-height: auto;
			--el-input-border-radius: 0;
			--el-input-text-color: #232323;
			--el-border-color: #C4C4C4;
			font-size: 1rem;

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

			.el-input__wrapper {
				padding: 0.1rem 1rem;
			}
		}

		.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 {
				margin-right: 0;
				height: auto;
				--el-checkbox-font-size: 1.4rem;
				--el-checkbox-input-width: 1.4rem;
				--el-checkbox-input-height: 1.4rem;
				--el-checkbox-checked-bg-color: #000;
				--el-checkbox-checked-input-border-color: #000;
				--el-checkbox-input-border: 0.1rem solid #c4c4c4;
				--el-checkbox-bg-color: #fff;
				--el-checkbox-border-radius: 0;

				.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
					height: 0.2rem;
					width: 65%;
					top: 50%;
					left: 50%;
					transform: scale(1) translate(-50%, -50%);
					border-radius: 0.1rem;
				}

				.el-checkbox__inner:after {
					width: 0.4rem;
					height: 0.8rem;
					border-width: 0.1rem;
				}

				.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;
	}

}