.container {
	padding: 0 16px 24px;
	.title {
		margin: 14px 0 15px;
	}
	.content {
		.subTitle {
			margin-top: 32px;
			margin-bottom: 37px;
			font-size: 14px;
			line-height: 20px;
		}
		.inputsWrapper {
			position: relative;
			display: flex;
			justify-content: center;
			column-gap: 7px;
			.input {
				width: 48px;
				height: 48px;
				border: 1px solid #e5e5e5;
				::v-deep .uni-easyinput__content-input {
					height: 48px;
				}
				::v-deep .uni-input-input {
					font-size: 28px;
				}
			}
		}
		.codeInput {
			width: 1000px;
			height: 1px;
			opacity: 0;
		}
		.resendCode {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			column-gap: 4px;
			margin: 28px 0 45px;
			font-size: 14px;
			color: #4dc0e5;
			.resendIcon {
				width: 12px;
				height: 12px;
				&.loading {
					animation: rotate infinite 2s;
				}
			}
		}
	}
}
@keyframes rotate {
	0% {
		transform: rotateZ(0deg);
	}
	100% {
		transform: rotateZ(360deg);
	}
}