[data-v-6b778b01] .otp-input{background-color:#0000003e;border:2px solid #fff!important;border-radius:16px;box-shadow:inset 0 2px 4px #0003;color:var(--color-white)!important;font-size:18px;font-weight:600;height:48px;margin:0 4px;text-align:center;transition:all .2s ease;width:48px}@media(max-width:768px){[data-v-6b778b01] .otp-input{height:48px;width:48px}}@media(max-width:480px){[data-v-6b778b01] .otp-input{height:40px;width:40px}}@media(max-width:320px){[data-v-6b778b01] .otp-input{height:32px;width:32px}}[data-v-6b778b01] .otp-input:focus{border-color:var(--color-error)!important;box-shadow:inset 0 2px 4px #0003!important;outline:none!important}[data-v-6b778b01] .otp-input.is-complete{border-color:var(--color-error)!important;color:var(--color-white)!important}[data-v-6b778b01] .otp-input::-webkit-inner-spin-button,[data-v-6b778b01] .otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}[data-v-6b778b01] .otp-input::-moz-placeholder{color:#d1d5db;font-size:16px;font-weight:400;text-align:center}[data-v-6b778b01] .otp-input::placeholder{color:#d1d5db;font-size:16px;font-weight:400;text-align:center}[data-v-6b778b01] .otp-input:disabled{background-color:#f9fafb!important;border-color:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed}