.ts-otp-wrapper {
	max-width: 420px;
	margin: 30px auto;
	padding: 25px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	box-sizing: border-box;
}

.ts-otp-wrapper label,.ts-otp-field label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
}

.ts-otp-wrapper input[type="text"],.ts-otp-field input[type="text"] {
	width: 100%;
	height: 46px;
	margin-bottom: 15px;
	padding: 0 12px;
	border: 1px solid #d5d5d5;
	border-radius: 6px;
	box-sizing: border-box;
}

#ts-otp-verify-button,#ts-otp-send-button,.ts-otp-submit {
	width: 100%;
	min-height: 46px;
	padding: 10px 15px;
	border: 0;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-items: center;
	background: var(--primary-color);
	color: #ffffff;
}

.ts-otp-submit:disabled,#ts-otp-verify-button:disabled{
	opacity: .5 !important;
	pointer-events: none;
}

@keyframes authloading{
	from{
		transform: rotate(0);
	}
	to{
		transform: rotate(360deg);
	}
}

#ts-otp-resend-button,#ts-otp-edit-identifier{
	width: fit-content;
	background: transparent;
	color: #111;
	display: inline-block;
	padding: 0;
	border: none;
	font-size: 13px;
}
#ts-otp-resend-button:disabled{
	opacity: .4 !important;
}


.ts-otp-change-identifier {
	margin-top: 10px;
	background: transparent;
	color: #2271b1;
}

#ts-otp-message,#ts-fast-login-message {
	margin-top: 15px;
	padding: 10px 12px;
	border-radius: 6px;
	display: none;
}

#ts-otp-message[data-type="success"],.ts-message.ts-success {
	color: #176c2d;
	display: block !important;
}

#ts-otp-message[data-type="error"],.ts-message.ts-error {
	color: #a32424;
	display: block !important;
}

.ts-otp-form button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.confirm-btn-wrapper,.ts-otp-current-identifier{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ts-otp-current-identifier{
	margin-bottom: 10px;
}
.confirm-btn-wrapper{
	margin-top: 15px;
}