.asr-otp-block{width:100%;margin-block:0 22px}.asr-otp-block.alignwide,.asr-otp-block.alignfull{max-width:none}.asr-otp-block>.asr-otp-shell{margin-bottom:0}
.asr-otp-shell{
	--asr-otp-primary:#ffcc00;
	--asr-otp-ink:#101828;
	--asr-otp-muted:#667085;
	--asr-otp-border:#e3e6eb;
	--asr-otp-width:400px;
	--asr-otp-radius:16px;
	--asr-otp-control-radius:12px;
	--asr-otp-logo-width:130px;
	width:100%;
	max-width:var(--asr-otp-width);
	margin:0 auto 22px;
	color:var(--asr-otp-ink);
	font-family:inherit;
	direction:rtl;
}
.asr-otp-shell,.asr-otp-shell *{box-sizing:border-box}
.asr-otp-card{
	position:relative;
	width:100%;
	margin:0;
	padding:26px 26px 24px;
	border:1px solid var(--asr-otp-border);
	border-radius:var(--asr-otp-radius)!important;
	background:#fff;
	box-shadow:none;
	text-align:right;
	isolation:isolate;
}
.asr-otp-style-minimal .asr-otp-card{box-shadow:none}
.asr-otp-style-soft .asr-otp-card{border-color:#e8ddaf;background:linear-gradient(180deg,#fff 0%,#fffdf4 100%);box-shadow:none}
.asr-otp-style-flat .asr-otp-card{padding-inline:0;border:0;border-radius:0!important;background:transparent;box-shadow:none}
.asr-otp-shell--account{margin-top:0}
.asr-otp-shell--account .asr-otp-card,.asr-otp-shell--shortcode .asr-otp-card,.asr-otp-shell--block .asr-otp-card{box-shadow:none}
.asr-otp-card__top{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:40px;
	margin:0 0 20px;
}
.asr-otp-logo{
	display:flex;
	align-items:center;
	justify-content:center;
	width:min(100%,var(--asr-otp-logo-width));
	max-width:var(--asr-otp-logo-width);
	min-height:36px;
	margin:0;
	padding:0;
	background:transparent!important;
	text-decoration:none!important;
}
.asr-otp-logo img{
	display:block!important;
	width:auto!important;
	height:auto!important;
	max-width:100%!important;
	max-height:54px!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
	box-shadow:none!important;
	object-fit:contain;
}
.asr-otp-back[hidden],.asr-otp-panel[hidden],.asr-otp-legacy-host[hidden]{display:none!important}
.asr-otp-back{
	position:absolute!important;
	top:20px!important;
	right:20px!important;
	display:grid!important;
	place-items:center!important;
	width:36px!important;
	height:36px!important;
	min-width:36px!important;
	min-height:36px!important;
	margin:0!important;
	padding:0!important;
	border:1px solid #e4e7ec!important;
	border-radius:50%!important;
	background:#fff!important;
	color:#475467!important;
	box-shadow:none!important;
	cursor:pointer!important;
	z-index:2;
}
.asr-otp-back:hover,.asr-otp-back:focus{border-color:#cfd4dc!important;background:#f8fafc!important;color:#101828!important}
.asr-otp-card__top .asr-otp-back--in-top{top:50%!important;right:0!important;transform:translateY(-50%)!important}
.asr-otp-back svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.asr-otp-panel{
	display:grid;
	gap:13px;
	opacity:0;
	transform:translateY(4px);
	transition:opacity .16s ease,transform .16s ease;
}
.asr-otp-panel.is-active{opacity:1;transform:none}
.asr-otp-panel h2{
	margin:0!important;
	padding:0!important;
	color:var(--asr-otp-ink)!important;
	font-family:inherit!important;
	font-size:21px!important;
	font-weight:900!important;
	line-height:1.55!important;
	letter-spacing:-.02em!important;
	text-align:right!important;
}
.asr-otp-panel>p{
	margin:-4px 0 2px!important;
	padding:0!important;
	color:var(--asr-otp-muted)!important;
	font-size:13.5px!important;
	font-weight:600!important;
	line-height:1.9!important;
	text-align:right!important;
}
.asr-otp-input-wrap{position:relative;width:100%}
.asr-otp-input-wrap>span{
	position:absolute;
	top:50%;
	right:15px;
	display:grid;
	place-items:center;
	width:24px;
	height:24px;
	color:#667085;
	transform:translateY(-50%);
	pointer-events:none;
}
.asr-otp-input-wrap svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.asr-otp-mobile,.asr-otp-code,.asr-otp-admin-preview .asr-otp-input-wrap input{
	display:block!important;
	width:100%!important;
	height:52px!important;
	min-height:52px!important;
	margin:0!important;
	padding:0 48px 0 15px!important;
	border:1px solid #cfd5dd!important;
	border-radius:var(--asr-otp-control-radius)!important;
	background:#fff!important;
	color:#101828!important;
	font-family:inherit!important;
	font-size:15px!important;
	font-weight:800!important;
	line-height:52px!important;
	outline:0!important;
	box-shadow:none!important;
	transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease!important;
}
.asr-otp-mobile{text-align:left!important;direction:ltr!important;font-variant-numeric:tabular-nums}
.asr-otp-code{
	height:56px!important;
	min-height:56px!important;
	padding:0 14px!important;
	text-align:center!important;
	font-size:22px!important;
	font-weight:900!important;
	letter-spacing:.32em!important;
	line-height:56px!important;
	direction:ltr!important;
	font-variant-numeric:tabular-nums;
}
.asr-otp-mobile:focus,.asr-otp-code:focus{
	border-color:#101828!important;
	background:#fff!important;
	box-shadow:0 0 0 3px rgba(255,204,0,.22)!important;
}
.asr-otp-mobile::placeholder{color:#98a2b3!important;font-weight:600!important;opacity:1}
.asr-otp-primary{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:100%!important;
	min-height:52px!important;
	margin:0!important;
	padding:12px 18px!important;
	border:1px solid #e1b400!important;
	border-radius:var(--asr-otp-control-radius)!important;
	background:var(--asr-otp-primary)!important;
	color:#111!important;
	font-family:inherit!important;
	font-size:14.5px!important;
	font-weight:900!important;
	line-height:1.5!important;
	text-decoration:none!important;
	box-shadow:none!important;
	cursor:pointer!important;
	transition:filter .15s ease,transform .15s ease,box-shadow .15s ease!important;
}
.asr-otp-primary:hover,.asr-otp-primary:focus{color:#000!important;filter:brightness(.97);box-shadow:none!important;transform:none!important}
.asr-otp-primary:disabled{border-color:#e4e7ec!important;background:#f2f4f7!important;color:#98a2b3!important;box-shadow:none!important;filter:none!important;transform:none!important;cursor:not-allowed!important}
.asr-otp-primary.is-loading{position:relative;color:transparent!important;pointer-events:none}
.asr-otp-primary.is-loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(17,17,17,.2);border-top-color:#111;border-radius:50%;animation:asrOtpSpin .7s linear infinite}
.asr-otp-field-error{min-height:0;margin:-7px 0 0;color:#b42318;font-size:12px;font-weight:700;line-height:1.8;text-align:right}
.asr-otp-field-error:empty,.asr-otp-message:empty{display:none}
.asr-otp-message{margin:11px 0 0;padding:0;color:#475467;font-size:12.5px;font-weight:700;line-height:1.9;text-align:center}
.asr-otp-message.is-success{color:#067647}.asr-otp-message.is-error{color:#b42318}.asr-otp-number{font-weight:900;color:#101828}
.asr-otp-resend-row{display:flex;align-items:center;justify-content:center;gap:7px;min-height:30px}
.asr-otp-resend{
	padding:3px 0!important;
	border:0!important;
	background:transparent!important;
	color:#344054!important;
	font-family:inherit!important;
	font-size:12.5px!important;
	font-weight:800!important;
	line-height:1.7!important;
	box-shadow:none!important;
	cursor:pointer!important;
}
.asr-otp-resend:hover,.asr-otp-resend:focus{color:#000!important;text-decoration:underline}.asr-otp-resend:disabled{color:#98a2b3!important;text-decoration:none!important;cursor:default!important}.asr-otp-timer{min-width:42px;color:#667085;font-size:12px;font-weight:800;text-align:left}
.asr-otp-terms{margin:0!important;color:#667085!important;font-size:11.5px!important;line-height:1.9!important;text-align:center!important}.asr-otp-terms a{color:#101828!important;font-weight:800!important;text-decoration:none!important}.asr-otp-terms a:hover{text-decoration:underline!important}
.asr-otp-noscript{margin:12px 0 0;color:#b42318;font-size:12px;text-align:center}
.asr-otp-legacy-toggle{
	display:block!important;
	width:auto!important;
	min-height:0!important;
	margin:13px auto 0!important;
	padding:7px 12px!important;
	border:0!important;
	border-radius:999px!important;
	background:transparent!important;
	color:#475467!important;
	font-family:inherit!important;
	font-size:12.5px!important;
	font-weight:800!important;
	line-height:1.8!important;
	box-shadow:none!important;
	cursor:pointer!important;
}
.asr-otp-legacy-toggle:hover,.asr-otp-legacy-toggle:focus{color:#101828!important;background:#f8fafc!important}
.asr-otp-legacy-host{width:100%;margin:14px auto 0;padding:18px;border:1px solid var(--asr-otp-border);border-radius:var(--asr-otp-radius)!important;background:#fff}
.asr-otp-native-hidden{display:none!important}
.asr-otp-legacy-host .asr-otp-legacy{display:block!important;width:100%!important;margin:0!important;padding:0!important}
.asr-otp-legacy-host .woocommerce-form-login{display:block!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
.asr-otp-legacy-host h2,.asr-otp-legacy-host .u-column2,.asr-otp-legacy-host .col-2{display:none!important}
.asr-otp-legacy-host input{border-radius:10px!important}.asr-otp-legacy-host button{border-radius:10px!important}
body.asrtools-otp-hide-legacy #customer_login,body.asrtools-otp-legacy-collapsed #customer_login{display:none!important}
body.asrtools-otp-legacy-open #customer_login{display:none!important}
.asr-otp-info{max-width:620px;margin:18px auto;padding:16px 18px;border:1px solid #e5e7eb;border-right:4px solid var(--asr-otp-primary,#ffcc00);border-radius:14px;background:#fff;color:#374151;line-height:1.9;text-align:right}.asr-otp-info strong{display:block;color:#111827;font-size:15px}.asr-otp-info p{margin:5px 0}.asr-otp-info a{display:inline-flex;margin-top:4px;padding:6px 12px;border-radius:9px;background:#111;color:#ffcc00!important;font-weight:800;text-decoration:none}
.asr-otp-card.is-complete{opacity:.72;pointer-events:none}
.asr-otp-shell--preview{margin:0}.asr-otp-shell--preview .asr-otp-card{pointer-events:none}.asr-otp-shell--preview .asr-otp-input-wrap>span{font-size:18px}.asr-otp-shell--preview .asr-otp-primary:disabled{background:var(--asr-otp-primary)!important;color:#111!important;opacity:.75}
@keyframes asrOtpSpin{to{transform:rotate(360deg)}}
@media(max-width:640px){
	.asr-otp-shell{max-width:100%;margin-bottom:16px}
	.asr-otp-card{padding:22px 18px 20px;border-radius:var(--asr-otp-radius)!important;box-shadow:none}
	.asr-otp-style-flat .asr-otp-card{padding-inline:0}
	.asr-otp-card__top{min-height:34px;margin-bottom:17px}
	.asr-otp-logo{max-width:min(var(--asr-otp-logo-width),145px);min-height:32px}.asr-otp-logo img{max-height:44px!important}
	.asr-otp-back--standalone{top:20px!important;right:15px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
	.asr-otp-card__top .asr-otp-back--in-top{top:50%!important;right:0!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;transform:translateY(-50%)!important}
	.asr-otp-panel{gap:12px}.asr-otp-panel h2{font-size:19px!important}.asr-otp-panel>p{font-size:13px!important}
	.asr-otp-mobile,.asr-otp-code{height:50px!important;min-height:50px!important;line-height:50px!important;border-radius:var(--asr-otp-control-radius)!important}
	.asr-otp-code{height:54px!important;min-height:54px!important;line-height:54px!important;font-size:20px!important}
	.asr-otp-primary{min-height:50px!important;border-radius:var(--asr-otp-control-radius)!important}
	.asr-otp-legacy-host{padding:15px;border-radius:var(--asr-otp-radius)!important}
}
@media(prefers-reduced-motion:reduce){.asr-otp-panel,.asr-otp-primary{transition:none!important}.asr-otp-primary.is-loading:after{animation-duration:1.4s}}

.asr-otp-info--warning{
	border-color:#f4c35c;
	border-right-color:#d97706;
	background:#fff9e8;
	color:#7c4a03;
}