.rs-otp{--rs-primary:#0f766e;--rs-dark:#0f172a;--rs-border:#e2e8f0;--rs-muted:#64748b;max-width:440px;margin:24px auto;padding:0;border:1px solid var(--rs-border);border-radius:22px;background:#fff;box-shadow:0 20px 55px rgba(15,23,42,.10);font-family:inherit;overflow:hidden}.rs-otp:before{content:"";display:block;height:7px;background:linear-gradient(90deg,#0f766e,#14b8a6,#0ea5e9)}.rs-otp-title{margin:0;padding:22px 22px 6px;font-size:21px;font-weight:800;color:var(--rs-dark)}.rs-otp-message{min-height:24px;margin:0 22px 12px;font-size:14px;line-height:1.8;color:var(--rs-muted)}.rs-otp-message.success{color:#047857}.rs-otp-message.error{color:#dc2626}.rs-otp-form{display:grid;gap:11px;padding:0 22px 22px}.rs-otp label{font-weight:700;color:#334155;font-size:14px}.rs-otp input{width:100%;box-sizing:border-box;border:1px solid var(--rs-border);border-radius:14px;padding:13px 15px;font-size:16px;direction:ltr;text-align:left;background:#f8fafc;transition:.18s ease}.rs-otp input:focus{outline:none;border-color:var(--rs-primary);background:#fff;box-shadow:0 0 0 4px rgba(15,118,110,.12)}.rs-otp button{border:0;border-radius:14px;padding:13px 16px;font-size:15px;font-weight:800;cursor:pointer;background:var(--rs-primary);color:#fff;box-shadow:0 10px 22px rgba(15,118,110,.22);transition:.18s ease}.rs-otp button:hover{transform:translateY(-1px)}.rs-otp button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.rs-otp-resend{background:#334155!important}.rs-otp-loggedin{text-align:center;padding:18px}.rs-otp-form-code{border-top:1px solid #f1f5f9;padding-top:18px}
.rs-otp-subtitle{margin:0 22px 10px;color:#64748b;font-size:13px;line-height:1.8}.rs-otp-woo-wrap .rs-otp{margin:10px 0;border:0;box-shadow:none;border-radius:0}.rs-otp-woo-wrap .rs-otp:before{border-radius:6px}.rs-otp-woo-replaced{border:0!important;padding:0!important}.rs-otp-woo-replaced .rs-otp-title{font-size:19px}.login-form-side .rs-otp,.woodmart-login-side .rs-otp,.wd-side-hidden .rs-otp{max-width:100%}


/* Woodmart/WooCommerce drawer force-replace fixes */
.login-form-side form.rs-otp-original-hidden,
form.login.woocommerce-form.rs-otp-original-hidden,
form.woocommerce-form-login.rs-otp-original-hidden,
.woocommerce-form-login.rs-otp-original-hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.login-form-side .rs-otp-woodmart-holder,
.wd-side-hidden .rs-otp-woodmart-holder {
  display: block !important;
  visibility: visible !important;
  padding: 18px 18px 8px;
}
.login-form-side .rs-otp,
.wd-side-hidden .rs-otp {
  margin: 0 !important;
}
.login-form-side .container_woodplus.rs-otp-original-hidden,
.wd-side-hidden .container_woodplus.rs-otp-original-hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}
.login-form-side .rs-otp-woodmart-plus-holder,
.wd-side-hidden .rs-otp-woodmart-plus-holder {
  display: block !important;
  visibility: visible !important;
  padding: 12px;
}
.rs-otp-registration-mobile input[readonly] {
  direction: ltr;
  text-align: left;
  background: #f3f4f6;
  cursor: not-allowed;
}

/* v2.0.5: force-hide Woodmart Plus drawer's old login form */
.login-form-side .rs-otp-force-hidden,
.woodmart-login-side .rs-otp-force-hidden,
.wd-login-side .rs-otp-force-hidden,
.wd-side-hidden .rs-otp-force-hidden{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important}.login-form-side .rs-otp-drawer-forced,.woodmart-login-side .rs-otp-drawer-forced,.wd-login-side .rs-otp-drawer-forced,.wd-side-hidden .rs-otp-drawer-forced{display:block!important;visibility:visible!important;padding:12px!important}.login-form-side .rs-otp-drawer-forced .rs-otp,.woodmart-login-side .rs-otp-drawer-forced .rs-otp,.wd-login-side .rs-otp-drawer-forced .rs-otp,.wd-side-hidden .rs-otp-drawer-forced .rs-otp{margin:0!important;max-width:100%!important}

/* v2.0.8: prevent accidental homepage/header drawer display */
body:not(.woocommerce-account) .rs-otp-woodmart-holder, body:not(.woocommerce-account) .rs-otp-drawer-forced, body:not(.woocommerce-account) #rs-otp-server-bridge{display:none!important;visibility:hidden!important}