.otp-input-container{display:flex!important;gap:8px;width:-moz-max-content;width:max-content}.otp-input-container:has(.otp-input-error) input{outline:1px solid var(--input-error)}.otp-input-container:has(.otp-input-error) input:focus{outline:1px solid var(--input-error)}.otp-input-container div{display:inline-flex!important;margin-right:8px}.otp-input-container div:nth-child(5){margin-right:0!important}.otp-input-container div input{background:var(--card-secondary);border-radius:10px;color:var(--font-primary);font-size:20px;height:52px;text-align:center;width:44px}.otp-input-container div input:focus{outline:1px solid var(--input-focus)}.otp-input-container .error{border:1px solid var(--error)!important}.otp-input-container .error:focus{outline:0 solid}.otp-input-container .warning{border:1px solid var(--warning)!important}.otp-input-container .warning:focus{outline:0 solid}.otp-input-container .success{border:1px solid var(--success)!important}.otp-input-container .success:focus{outline:0 solid}.otp-input-error[data-v-83b56c97]{color:var(--input-error)!important;font-size:14px;text-align:center;width:100%}