.OTPInputContainer{position:relative}.OTPInput{font-size:1rem;opacity:.01;position:absolute;top:0;left:0;width:100%;height:100%}.OTPVisual{display:flex;justify-content:space-between;gap:.5rem}.OTPVisual span:nth-child(3n):not(:last-child){margin-right:1rem}.OTPVisual span{font-size:2rem;display:block;width:40px;height:50px;border:1px solid hsl(var(--border));text-align:center;line-height:40px;border-radius:var(--border-radius);padding:.25rem .5rem}.filled{background-color:hsl(var(--background))}.OTPInput:focus~.OTPVisual span.active{border:2px solid hsl(var(--primary));line-height:38px}@keyframes blink{50%{opacity:1}}.OTPInput:focus~.OTPVisual span.active:empty:after{content:"";display:flex;width:2px;height:calc(100% - 10px);background-color:#000;animation:blink 1s step-start infinite;margin:5px auto;opacity:0}