.OTPInput_glow__D3bxE,.OTPInput_root__8tRKe{display:inline-flex;gap:12px}.OTPInput_glow__D3bxE{pointer-events:none;position:absolute;top:0;left:0}.OTPInput_glow__D3bxE>*{opacity:0}.OTPInput_root__8tRKe{position:relative}.OTPInput_root__8tRKe input{position:relative;text-align:center;border:0;caret-color:rgba(0,0,0,0);outline:0;background:#fff;box-shadow:0 10px 19px 4px rgba(0,0,0,.05),0 -10px 16px -4px rgba(255,255,255,.04),0 0 0 1px rgba(0,0,0,.01),0 1px 0 0 rgba(0,0,0,.02);font-size:18px;line-height:1;font-weight:500;transition:background-color .2s ease}.OTPInput_root__8tRKe input:disabled{color:#fff}.OTPInput_root__8tRKe input::selection{background:rgba(0,0,0,0);color:currentColor}.OTPInput_root__8tRKe input:focus{background-color:var(--theme-success-50)}.OTPInput_root__8tRKe input:first-child:focus~.OTPInput_focus__WI6xh{opacity:1;transform:translateX(0)}.OTPInput_root__8tRKe input:nth-child(2):focus~.OTPInput_focus__WI6xh{opacity:1;transform:translateX(44px)}.OTPInput_root__8tRKe input:nth-child(3):focus~.OTPInput_focus__WI6xh{opacity:1;transform:translateX(88px)}.OTPInput_root__8tRKe input:nth-child(4):focus~.OTPInput_focus__WI6xh{opacity:1;transform:translateX(132px)}.OTPInput_root__8tRKe input:nth-child(5):focus~.OTPInput_focus__WI6xh{opacity:1;transform:translateX(176px)}.OTPInput_root__8tRKe input:nth-child(6):focus~.OTPInput_focus__WI6xh{opacity:1;transform:translateX(220px)}.OTPInput_focus__WI6xh,.OTPInput_glow__D3bxE>*,.OTPInput_root__8tRKe input,.OTPInput_root__8tRKe input:after{width:32px;height:40px;border-radius:6px}.OTPInput_focus__WI6xh{opacity:0;pointer-events:none;position:absolute;transition:transform .2s ease,opacity .2s ease}.OTPInput_focus__WI6xh,.OTPInput_glow__D3bxE>*{box-shadow:var(--theme-success-600) 0 0 0 1px inset,var(--theme-success-500) 0 0 4px 2px}.OTPInput_disabled__xv_IO .OTPInput_focus__WI6xh{opacity:0;transform:translateX(220px)}.OTPInput_expandGlow__EVmU_>*{animation-name:OTPInput_expandGlow__EVmU_;animation-duration:.45s;animation-timing-function:ease}@keyframes OTPInput_expandGlow__EVmU_{0%{opacity:0;transform:scale(1)}25%{opacity:1}to{transform:scale(1.35)}}html[data-theme=dark] .OTPInput_root__8tRKe input{background:color-mix(in srgb,var(--theme-elevation-0),#000 30%);box-shadow:0 10px 19px 4px rgba(0,0,0,.16),0 -10px 16px -4px rgba(255,255,255,.04),0 0 0 1px rgba(255,255,255,.01),0 1px 0 0 rgba(0,0,0,.02)}html[data-theme=dark] .OTPInput_focus__WI6xh,html[data-theme=dark] .OTPInput_glow__D3bxE>*{box-shadow:var(--theme-success-500) 0 0 0 1px inset,var(--theme-success-200) 0 0 4px 2px}