.simple-otp-input{display:flex;align-items:center;justify-content:center;position:relative}.otp-single-input{padding:4px;width:2em;height:2em;text-align:center}.single-input-container{position:relative;z-index:1;margin:2px}.simple-otp-input .hidden-otp-input{position:absolute;width:100%;height:100%;opacity:0;box-sizing:border-box;pointer-events:none}.simple-otp-input.empty .single-input-container{z-index:0}.simple-otp-input.empty .hidden-otp-input{z-index:1;pointer-events:auto}.otp-input{width:40px;height:40px;padding:5px;margin:0 10px;font-size:20px;border-radius:4px;border:1px solid rgba(0,0,0,.3);text-align:center}.input-with-effect~.focus-border:after,.input-with-effect~.focus-border:before{content:"";position:absolute;top:0;right:0;width:0;height:2px;background-color:green;-webkit-transition:.1s;transition:.1s;-webkit-transition-delay:.2s;transition-delay:.2s}.input-with-effect~.focus-border:after{top:auto;bottom:0;right:auto;left:0;-webkit-transition-delay:.6s;transition-delay:.6s}.input-with-effect~.focus-border i:after,.input-with-effect~.focus-border i:before{content:"";position:absolute;top:0;left:0;width:2px;height:0;background-color:green;-webkit-transition:.1s;transition:.1s}.input-with-effect~.focus-border i:after{left:auto;right:0;top:auto;bottom:0;-webkit-transition-delay:.2s;transition-delay:.2s}.input-with-effect.active~.focus-border:after,.input-with-effect.active~.focus-border:before,.input-with-effect:focus~.focus-border:after,.input-with-effect:focus~.focus-border:before{width:100%;-webkit-transition:.1s;transition:.1s;-webkit-transition-delay:.3s;transition-delay:.3s}.input-with-effect.active~.focus-border:after,.input-with-effect:focus~.focus-border:after{-webkit-transition-delay:.1s;transition-delay:.1s}.input-with-effect.active~.focus-border i:after,.input-with-effect.active~.focus-border i:before,.input-with-effect:focus~.focus-border i:after,.input-with-effect:focus~.focus-border i:before{height:100%;-webkit-transition:.1s;transition:.1s}.input-with-effect.active~.focus-border i:after,.input-with-effect:focus .focus-border i:after{-webkit-transition-delay:.2s;transition-delay:.2s}