.mfa-code-form{width:min(100%,320px);margin:24px auto 0;padding-bottom:12px;position:relative}.mfa-rainbow-control{background:linear-gradient(#111114, #111114) padding-box, conic-gradient(from var(--mfa-angle,0deg), #ff5277, #ffc85a, #70dfaa, #67cfff, #aa8aff, #ff5277) border-box;border:1px solid #0000;border-radius:999px;display:flex;position:relative}.mfa-code-wrap{z-index:1;margin-top:12px}.mfa-code-input{border-radius:inherit;text-align:center;letter-spacing:0;font-variant-numeric:tabular-nums;background:0 0;outline:none;width:100%;min-width:0;height:58px;padding:12px 24px;font-size:24px}.mfa-rainbow-control:focus-within,.mfa-confirm:hover:not(:disabled){box-shadow:0 0 0 2px #ffffff18}.mfa-confirm{color:#000;background:linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--mfa-angle,0deg), #ff5277, #ffc85a, #70dfaa, #67cfff, #aa8aff, #ff5277) border-box;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:50px;font-size:14px}.mfa-confirm:disabled{cursor:default}.mfa-success{color:#8ae8b0;pointer-events:none;justify-content:center;align-items:center;gap:9px;width:100%;min-height:36px;font-size:14px;display:flex;position:absolute;top:83px;left:0}.mfa-success-dot{color:#fff;background:#229c58;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.mfa-code-form[data-state=success] .mfa-success{animation:.6s ease-out both mfa-confirmed}.mfa-code-form[data-state=error] .mfa-rainbow-control{animation:.65s ease-out mfa-rejected}@property --mfa-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.mfa-code-form[data-busy=true][data-state=idle] .mfa-rainbow-control{animation:1.1s linear infinite mfa-rainbow-spin}@keyframes mfa-rainbow-spin{to{--mfa-angle:360deg}}@keyframes mfa-rejected{0%,40%{border-color:#ff4545;box-shadow:0 0 12px #ff454540}to{box-shadow:none;border-color:#0000}}@keyframes mfa-confirmed{0%{opacity:0;transform:translateY(-26px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.mfa-code-form .mfa-rainbow-control,.mfa-code-form .mfa-success{animation:none!important}}