.otp-row{--otp-wave-duration:1.15s;--otp-wave-stagger:70ms;--otp-wave-dim:.28;--otp-wave-ease:ease-in-out;--otp-trail-duration:.4s;--otp-trail-stagger:45ms;--otp-trail-width:3px;--otp-trail-color:color-mix(in srgb,var(--brand-primary) 45%,transparent);--otp-trail-ease:cubic-bezier(.22,1,.36,1);--otp-success-duration:.34s;--otp-success-stagger:48ms;--otp-success-width:3px;--otp-success-color:var(--brand-primary);--otp-success-ease:cubic-bezier(.32,.72,0,1);--otp-bounce-duration:.42s;--otp-bounce-lift:8px;isolation:isolate;align-items:center;gap:12px;width:100%;max-width:416px;margin:0 auto;padding:3px;display:flex;position:relative}.otp-native{pointer-events:auto;z-index:2;color:#0000;-webkit-text-fill-color:transparent;caret-color:#0000;background:0 0;border:0;outline:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.otp-row .otp-native,.otp-row .otp-native:focus,.otp-row .otp-native:focus-visible{background:0 0;box-shadow:none!important;border:0!important;outline:none!important}.otp-box{aspect-ratio:1;border-radius:var(--radius-control);background:color-mix(in srgb,var(--brand-navy) 6%,transparent);width:56px;min-width:0;min-height:48px;box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-navy) 8%,transparent);font-family:var(--font-mono);color:var(--brand-navy);flex:1;justify-content:center;align-items:center;font-size:calc(min(1.5rem,43cqi));font-weight:600;transition:background-color .18s ease-out,color .18s ease-out,box-shadow .18s ease-out;display:flex;position:relative;container-type:inline-size}.otp-active{z-index:10;background:color-mix(in srgb,var(--brand-navy) 10%,transparent)}.otp-separator{color:var(--n-400);text-align:center;flex:none;width:20px;font-size:20px}.otp-digit-grid{perspective:240px;place-items:center;font-size:calc(min(1.5rem,43cqi));display:grid;position:relative}.otp-digit,.otp-placeholder{grid-area:1/1}.otp-placeholder{color:color-mix(in srgb,var(--brand-navy) 20%,transparent);transition:opacity .15s ease-out var(--otp-land)}.otp-digit{filter:blur(max(0px,var(--otp-blur,0px)));transform-origin:bottom;transform-style:preserve-3d}.otp-overlay{inset:0}.otp-overlay,.otp-travel-ring{border-radius:var(--radius-control);pointer-events:none;position:absolute}.otp-travel-ring{box-shadow:0 0 0 1px var(--n-500);z-index:20;top:0;left:0}.otp-invalid .otp-travel-ring{box-shadow:0 0 0 3px var(--danger)}.otp-invalid .otp-box{box-shadow:0 0 0 1px var(--danger),0 0 0 3px color-mix(in srgb,var(--danger) 14%,transparent)}.otp-rejected{animation:.42s cubic-bezier(.22,1,.36,1) both otp-rejected}@keyframes otp-rejected{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.otp-field{width:100%;max-width:416px;margin-inline:auto}.otp-feedback{min-height:40px;padding:12px 3px 0}.otp-feedback .auth-feedback{margin-top:0;font-size:12px}.otp-feedback .auth-feedback-content{justify-content:center;width:100%}.otp-feedback .auth-feedback-icon{margin-top:2px}.otp-disabled{opacity:.5}.otp-status{text-align:center;color:var(--n-500);margin:0;font-size:12px}.otp-processing{animation:otp-processing var(--otp-wave-duration) var(--otp-wave-ease) calc(var(--otp-wave-index) * var(--otp-wave-stagger)) infinite both;will-change:opacity}.otp-trail{animation:otp-trail var(--otp-trail-duration) var(--otp-trail-ease) calc(var(--otp-trail-index) * var(--otp-trail-stagger)) forwards}@keyframes otp-trail{0%{box-shadow:0 0 0 var(--otp-trail-width) var(--otp-trail-color)}to{box-shadow:0 0 #0000}}.otp-trail-success{animation:otp-trail-success var(--otp-success-duration) cubic-bezier(.33,0,.67,1) calc(var(--otp-trail-index) * var(--otp-success-stagger)) forwards}@keyframes otp-trail-success{0%,24%{box-shadow:0 0 0 var(--otp-success-width) var(--otp-success-color)}to{box-shadow:0 0 #0000}}.otp-bounce{animation:otp-bounce var(--otp-bounce-duration) linear calc(var(--otp-trail-index) * var(--otp-success-stagger)) forwards;will-change:transform}@keyframes otp-bounce{0%{animation-timing-function:var(--otp-trail-ease);transform:translateY(0)}22%{transform:translateY(calc(var(--otp-bounce-lift) * -1));animation-timing-function:linear}38%{transform:translateY(calc(var(--otp-bounce-lift) * -1));animation-timing-function:cubic-bezier(.4,0,.5,1)}60%{transform:translateY(calc(var(--otp-bounce-lift) * .3));animation-timing-function:cubic-bezier(.33,0,.67,1)}78%{transform:translateY(calc(var(--otp-bounce-lift) * -.15));animation-timing-function:cubic-bezier(.33,0,.67,1)}92%{transform:translateY(calc(var(--otp-bounce-lift) * .06));animation-timing-function:cubic-bezier(.33,0,.67,1)}to{transform:translateY(0)}}@keyframes otp-processing{0%,40%,to{opacity:1}16%{opacity:var(--otp-wave-dim)}}@media (prefers-reduced-motion:reduce){.otp-bounce,.otp-processing,.otp-rejected,.otp-trail,.otp-trail-success{animation:none}.otp-box,.otp-placeholder{transition:none}}