.cl-captcha {
	position: relative;
	width: 100%;
	overflow: hidden;

	&__input {
		position: absolute;
		left: -100%;
		height: 100%;
		width: 200%;
		opacity: 0;
	}

	&__code {
		display: flex;
		width: 100%;
	}

	&__item {
		display: flex;
		justify-content: center;
		align-items: center;
		flex: 1;
		border-radius: 10rpx;
	}

	&__value {
		font-size: 40rpx;
		font-weight: 500;
	}

	&__cursor {
		height: 40rpx;
		width: 4rpx;
		background-color: #000;
		animation: flash 1s infinite ease;
	}

	&.is-border {
		.cl-captcha__item {
			border: 2rpx solid $cl-color-primary;
		}
	}

	@keyframes flash {
		0% {
			opacity: 0.2;
		}

		50% {
			opacity: 0.5;
		}

		100% {
			opacity: 0.2;
		}
	}
}
