:where(.otp_container,.otp_container form,.otp_container .input-field,.otp_container header){display:flex;flex-direction:column;align-items:center;justify-content:center}.otp_container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ececec;padding:130px 65px;row-gap:20px;height:100vh;box-shadow:0 5px 10px rgba(0,0,0,.1)}.otp_container header{display:flex;flex-direction:column;align-items:center;justify-content:center;height:65px;width:65px;background:#777;color:#fff;font-size:2.5rem;border-radius:50%}.otp_container h4{font-size:1.25rem;color:#333;font-weight:500}.otp_container form .input-field{flex-direction:row;column-gap:10px}.otp_container .input-field input{height:45px;width:42px;border-radius:6px;outline:none;font-size:1.125rem;text-align:center;border:1px solid #000}.otp_container .input-field input:focus{box-shadow:0 1px rgba(0,0,0,.1)}.otp_container .input-field input::-webkit-inner-spin-button,.otp_container .input-field input::-webkit-outer-spin-button{display:none}.otp_container form button{margin-top:25px;width:100%;color:#fff;font-size:1rem;border:none;padding:9px 0;cursor:pointer;border-radius:6px;pointer-events:none;background:#9b9a9a;transition:all .2s ease}.otp_container form button.active{background:#696969;pointer-events:auto}.otp_container form button:hover{background:#424242}.otp_container .resend{padding-left:125px;color:#424242}.otp_container .otp_action{padding-top:10px;padding-bottom:20px;user-select:none}#timer{color:#777}