react-otp-input-z/build/styles.css

React hook otp input, copy paste, etc... (Lib)

@keyframes shakeOtpError{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.otp2-input{display:inline-flex;flex-direction:row;align-items:center;gap:8px}.otp2-input.shake-otp2-error{animation:shakeOtpError 1s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0)}.otp2-input input.opt2-input-item{width:40px;height:40px;font-size:16px;text-align:center;border:1px solid;border-radius:4px}.otp2-input input.opt2-input-item.otp2-input-secret{font-size:24px}.otp2-input input.opt2-input-item.otp2-input-card{border-top:0;border-left:0;border-right:0;border-radius:0}.otp2-input input.opt2-input-item.otp2-input-error{color:#ff001f;border-color:#ff001f!important;border-width:1px!important}.otp2-input input.opt2-input-item.otp2-input-error:focus-visible{border-color:#ff001f!important;outline:none}.otp2-input input.opt2-input-item.otp2-input-error:focus{border-color:#ff001f!important}