.bale-login-box.bale-login-box{
	max-width:var(--bale-max-width,400px);
	width:100%;
	margin:15px auto;
	padding:28px;
	border:1px solid var(--bale-box-border,#e5e5e5);
	border-radius:var(--bale-radius,12px);
	background:var(--bale-box-bg,#fff) !important;
	font-family:inherit;
	direction:rtl;
	box-sizing:border-box;
	transition:box-shadow .2s;
}.bale-login-box.bale-login-box.bale-shadow{box-shadow:0 10px 32px rgba(0,0,0,.08) !important}
.bale-login-box.bale-login-box *{font-family:inherit;box-sizing:border-box}

.bale-login-box.bale-login-box .bale-login-head{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.bale-login-box.bale-login-box .bale-login-icon{width:26px;height:26px;border-radius:8px;background:var(--bale-btn-color,#1e88e5) !important;display:inline-block;flex:none}
.bale-login-box.bale-login-box .bale-login-title{margin:0 !important;font-size:17px !important;font-weight:700 !important;color:var(--bale-input-text,#222) !important;line-height:1.4 !important}

.bale-login-box.bale-login-box label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px !important;color:var(--bale-input-text,#444) !important;opacity:.85}

.bale-login-box.bale-login-box input[type=tel],
.bale-login-box.bale-login-box input[type=text]{
	width:100% !important;
	padding:11px 13px !important;
	border:1px solid var(--bale-box-border,#d5d5d5) !important;
	border-radius:calc(var(--bale-radius,12px) - 4px) !important;
	margin:0 0 12px !important;
	font-size:14px !important;
	line-height:normal !important;
	background:var(--bale-input-bg,#fff) !important;
	color:var(--bale-input-text,#222) !important;
	-webkit-appearance:none;appearance:none;
	box-shadow:none !important;
	height:auto !important;
}
.bale-login-box.bale-login-box input[type=tel]:hover,
.bale-login-box.bale-login-box input[type=text]:hover{
	border-color:#bbb !important;
}
.bale-login-box.bale-login-box input[type=tel]:focus,
.bale-login-box.bale-login-box input[type=text]:focus{
	outline:none !important;
	border-color:var(--bale-btn-color,#1e88e5) !important;
	box-shadow:0 0 0 3px rgba(30,136,229,.12) !important;
}

.bale-login-box.bale-login-box button.bale-login-btn{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	gap:8px;
	width:100% !important;
	margin:0 !important;
	padding:12px !important;
	border:none !important;
	border-radius:calc(var(--bale-radius,12px) - 4px) !important;
	background:var(--bale-btn-color,#1e88e5) !important;
	color:var(--bale-btn-text,#fff) !important;
	font-size:14px !important;
	font-weight:700 !important;
	line-height:normal !important;
	cursor:pointer;
	text-align:center;
	text-decoration:none !important;
	text-shadow:none !important;
	transition:opacity .15s,transform .1s;
	box-shadow:none !important;
	height:auto !important;
}
.bale-login-box.bale-login-box a.bale-login-btn{
	display:inline-flex !important;align-items:center;justify-content:center;
	width:100% !important;padding:12px !important;border:none !important;
	border-radius:calc(var(--bale-radius,12px) - 4px) !important;
	background:var(--bale-btn-color,#1e88e5) !important;color:var(--bale-btn-text,#fff) !important;
	font-size:14px !important;font-weight:700 !important;text-decoration:none !important;
	box-shadow:none !important;
}
.bale-login-box.bale-login-box .bale-login-btn:hover{opacity:.92;transform:translateY(-1px)}
.bale-login-box.bale-login-box .bale-login-btn:active{transform:scale(.98)}
.bale-login-box.bale-login-box .bale-login-btn:disabled{opacity:.55 !important;cursor:not-allowed;transform:none}
.bale-login-box.bale-login-box .bale-login-btn.bale-login-outline{
	background:transparent !important;
	border:1px solid var(--bale-btn-color,#1e88e5) !important;
	color:var(--bale-btn-color,#1e88e5) !important;
	margin-top:8px !important;
}

.bale-login-box.bale-login-box .bale-login-link{
	background:none !important;border:none !important;box-shadow:none !important;
	color:var(--bale-btn-color,#1e88e5) !important;cursor:pointer;font-size:13px !important;
	margin:10px 0 0 !important;padding:0 !important;width:100%;text-align:center;
}
.bale-login-box.bale-login-box .bale-login-link:disabled{color:#999 !important;cursor:not-allowed}

.bale-login-box.bale-login-box .bale-code-label{display:flex}
.bale-login-box.bale-login-box .bale-login-edit-number{background:none !important;border:none !important;box-shadow:none !important;color:var(--bale-btn-color,#1e88e5) !important;font-size:12px !important;cursor:pointer;padding:0 !important}

.bale-login-box.bale-login-box .bale-otp-boxes{display:flex;width:100% !important;gap:8px;margin-bottom:12px;justify-content:center;flex-wrap:wrap}
.bale-login-box.bale-login-box .bale-otp-boxes input{
	width:44px !important;height:50px !important;text-align:center !important;font-size:19px !important;
	border:1px solid var(--bale-box-border,#d5d5d5) !important;border-radius:calc(var(--bale-radius,12px) - 4px) !important;
	background:var(--bale-input-bg,#fff) !important;color:var(--bale-input-text,#222) !important;
	margin:0 !important;padding:0 !important;
	transition:border-color .15s,box-shadow .15s;
}
.bale-login-box.bale-login-box .bale-otp-boxes input:focus{outline:none !important;border-color:var(--bale-btn-color,#1e88e5) !important;box-shadow:0 0 0 3px rgba(30,136,229,.12) !important}
.bale-login-box.bale-login-box .bale-otp-boxes.bale-shake{animation:bale-shake .35s}
@keyframes bale-shake{
	10%,90%{transform:translateX(-1px)}
	20%,80%{transform:translateX(2px)}
	30%,50%,70%{transform:translateX(-4px)}
	40%,60%{transform:translateX(4px)}
}

.bale-login-box.bale-login-box .bale-login-msg{font-size:13px !important;margin-top:8px;min-height:16px;color:inherit}
.bale-login-box.bale-login-box .bale-login-msg.error{color:#c62828 !important}
.bale-login-box.bale-login-box .bale-login-msg.success{color:#2e7d32 !important}
.bale-login-box.bale-login-box .bale-login-not-linked{margin-top:12px}
.bale-login-box.bale-login-box .bale-login-not-linked a{margin-bottom:8px}
.bale-login-box.bale-login-box .bale-login-divider{display:flex;align-items:center;gap:10px;color:#999;font-size:12px;margin:16px 0}
.bale-login-box.bale-login-box .bale-login-divider::before,
.bale-login-box.bale-login-box .bale-login-divider::after{content:'';flex:1;height:1px;background:var(--bale-box-border,#e5e5e5)}
.bale-login-box.bale-login-box .bale-default-wrap{margin-top:16px;padding-top:16px;border-top:1px dashed var(--bale-box-border,#ddd)}
.bale-login-box.bale-login-box .bale-toggle-default{background:#f5f5f5 !important;border:1px solid #e7e7e7 !important;box-shadow:none !important;color:#666 !important;font-size:12px !important;cursor:pointer;text-decoration:none !important;padding:6px 14px !important;border-radius:20px !important;margin-bottom:12px;display:inline-block;transition:background .12s,color .12s}
.bale-login-box.bale-login-box .bale-toggle-default:hover{background:#ececec !important;color:#333 !important}
.bale-login-box.bale-login-box .bale-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:bale-spin .7s linear infinite}
@keyframes bale-spin{to{transform:rotate(360deg)}}

.bale-login-checkout-wrap{margin-bottom:22px}
.bale-unified-account.bale-unified-account{max-width:var(--bale-max-width,400px);margin:20px auto}
.bale-classic-link-wrap.bale-classic-link-wrap{text-align:center;margin-top:14px}
.bale-classic-link-wrap.bale-classic-link-wrap a.bale-classic-link{font-size:13px !important;color:#888 !important;text-decoration:underline !important;box-shadow:none !important}