.number-password-box{position:relative}.number-password-box .hiddenInput{position:absolute;left:50%;top:.5rem;width:.05rem;height:.05rem;opacity:0;color:#000}.number-password-box ul{width:100%;display:flex;align-items:center}.number-password-box ul li{position:relative;border-right:.01rem solid var(--skin__border);border-top:.01rem solid var(--skin__border);border-bottom:.01rem solid var(--skin__border);flex:none;background-color:var(--skin__bg_2);width:16.6666666667%;padding-top:1rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.number-password-box ul li:first-of-type{border-radius:.1rem 0 0 .1rem;border-left:.01rem solid var(--skin__border)}.number-password-box ul li:last-of-type{border-radius:0 .1rem .1rem 0;border-right:.01rem solid var(--skin__border)}.number-password-box ul li.active{border-color:var(--skin__primary);border-left:.01rem solid var(--skin__primary)}.number-password-box ul li.active:after{content:"";position:absolute;left:50%;top:50%;width:.03rem;height:.4rem;opacity:0;transform:translate(-50%,-50%);background:var(--skin__lead);animation:move 1s infinite}.number-password-box ul li.active.fill:after{width:0}.number-password-box ul li.fill span{color:var(--skin__lead)}.number-password-box ul li.fill i{opacity:1}.number-password-box ul li:last-of-type{margin-right:0}.number-password-box ul li i{display:block;position:absolute;top:50%;left:50%;width:.26rem;height:.26rem;transform:translate(-50%,-50%);background:var(--skin__lead);border-radius:50%;opacity:0}.number-password-box ul li>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes move{0%{opacity:0}50%{opacity:1}to{opacity:0}}