.mfa-gate-root .sr-only,.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mfa-gate-root{z-index:1000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.mfa-gate-backdrop{-webkit-backdrop-filter:blur(18px)saturate(1.08);background:#ffffff47;transition:-webkit-backdrop-filter .4s,backdrop-filter .4s,background .4s,opacity .4s;position:absolute;inset:0}.mfa-gate-root[data-phase=success] .mfa-gate-backdrop{-webkit-backdrop-filter:blur(5px)saturate();background:#ffffff1f}.mfa-gate-modal{z-index:1;transform-origin:50%;background:#fffffff5;border:1px solid #7888a02e;border-radius:.9rem;width:min(100%,21.5rem);padding:1.35rem 1.25rem .95rem;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s,box-shadow .3s;position:relative;box-shadow:inset 0 1px #ffffffd9,0 10px 28px #07101f14,0 2px 8px #0347a80d}.mfa-gate-modal:before{content:"";background:linear-gradient(90deg,#0000,#0b7cff59,#22a7ff8c,#0b7cff59,#0000);border-radius:9999px;height:1px;position:absolute;top:0;left:18%;right:18%}.mfa-gate-root[data-phase=success] .mfa-gate-modal{transform:translateY(-3px)scale(1.01);box-shadow:inset 0 1px #ffffffe6,0 14px 32px #22c55e1a,0 4px 14px #0b7cff0f}.mfa-gate-root[data-phase=exit] .mfa-gate-modal{opacity:0;transform:scale(.97)translateY(-4px)}.mfa-gate-close{color:#07101f52;cursor:pointer;background:0 0;border:none;border-radius:.35rem;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:.55rem;right:.55rem}.mfa-gate-close svg{width:12px;height:12px}.mfa-gate-close:hover,.mfa-gate-close:focus-visible{color:#07101f99;background:#07101f0a;outline:none}.mfa-gate-icon{width:1.85rem;height:1.85rem;color:var(--fruiti-blue-500);margin:.1rem auto .7rem;position:relative}.mfa-gate-icon svg{width:100%;height:100%;display:block}.mfa-gate-icon-accent{border:1.5px solid #0000;border-bottom-color:var(--fruiti-orange-500);border-right-color:var(--fruiti-orange-400);pointer-events:none;border-radius:9999px;width:.48rem;height:.48rem;position:absolute;bottom:0;right:-2px;transform:rotate(22deg)}.mfa-gate-title{text-align:center;letter-spacing:-.015em;color:#1a2333;margin:0;font-size:1.05rem;font-weight:650;line-height:1.25}.mfa-gate-description{text-align:center;color:#07101f7a;max-width:17.5rem;margin:.4rem auto 0;font-size:.75rem;line-height:1.45}.mfa-otp-group{justify-content:center;gap:.35rem;margin:1.05rem 0 0;display:flex}.mfa-otp-group[data-shake=true]{animation:.38s mfa-otp-shake}.mfa-otp-field{width:2.1rem;height:2.4rem;position:relative}.mfa-otp-field input{text-align:center;width:100%;height:100%;color:var(--fruiti-ink);caret-color:var(--fruiti-blue-500);background:#fff;border:1px solid #7888a03d;border-radius:.45rem;font-size:.95rem;font-weight:600;transition:border-color .16s,box-shadow .16s,background .16s}.mfa-otp-field input:focus{border-color:var(--fruiti-blue-500);outline:none;box-shadow:0 0 0 2px #0b7cff1f}.mfa-otp-field input:disabled{opacity:1;cursor:default}.mfa-otp-field[data-scan=true] input{box-shadow:none;border-color:#0000}.mfa-otp-scan{pointer-events:none;background:linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--mfa-scan-angle,0deg), #f28a16e6, #ffae424d, #f28a161f 55%, #f28a16e6) border-box;opacity:0;border:1.5px solid #0000;border-radius:.45rem;position:absolute;inset:0}.mfa-otp-field[data-scan=true] .mfa-otp-scan{opacity:1;animation:.7s linear infinite mfa-scan-spin}.mfa-otp-field[data-pulse=true] .mfa-otp-scan{opacity:1;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#f28a16d9,#ffae4280) border-box;border:1.5px solid #0000;animation:1.1s ease-in-out infinite mfa-scan-pulse}.mfa-otp-field[data-state=success] input{background:#22c55e0d;border-color:#22c55e73;box-shadow:0 0 0 2px #22c55e14}.mfa-otp-field[data-state=error] input{background:#ef444408;border-color:#ef444459;box-shadow:0 0 0 2px #ef44440f}.mfa-gate-error{text-align:center;color:#b93a30e0;min-height:0;margin:0;font-size:.68rem;line-height:1.35}.mfa-gate-error:not(:empty){margin-top:.55rem}.mfa-gate-success-check{color:#22c55ed9;opacity:0;justify-content:center;margin-top:.45rem;transition:opacity .22s,transform .22s;display:none;transform:scale(.9)}.mfa-gate-root[data-phase=success] .mfa-gate-success-check,.mfa-gate-root[data-phase=exit] .mfa-gate-success-check{opacity:1;display:flex;transform:scale(1)}.mfa-gate-success-check svg{width:16px;height:16px}.mfa-gate-footer{letter-spacing:.01em;color:#07101f61;border-top:1px solid #07101f0f;justify-content:center;align-items:center;gap:.3rem;margin-top:.9rem;padding-top:.7rem;font-size:.62rem;display:flex}.mfa-gate-footer svg{opacity:.65;width:.7rem;height:.7rem}@keyframes mfa-otp-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(1px)}}@keyframes mfa-scan-spin{to{--mfa-scan-angle:360deg}}@property --mfa-scan-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes mfa-scan-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:420px){.mfa-gate-modal{width:min(100%,19.5rem);padding:1.2rem .95rem .85rem}.mfa-otp-field{width:1.9rem;height:2.2rem}.mfa-otp-group{gap:.28rem}}@media (prefers-reduced-motion:reduce){.mfa-gate-backdrop,.mfa-gate-modal,.mfa-otp-field input,.mfa-gate-success-check{transition-duration:.01ms!important}.mfa-otp-group[data-shake=true],.mfa-otp-field[data-scan=true] .mfa-otp-scan,.mfa-otp-field[data-pulse=true] .mfa-otp-scan{animation:none!important}.mfa-gate-root[data-phase=success] .mfa-gate-modal,.mfa-gate-root[data-phase=exit] .mfa-gate-modal{transform:none}.mfa-otp-field[data-scan=true] input,.mfa-otp-field[data-pulse=true] input{border-color:#f28a16a6}}