.otp-container[data-v-46e82d10]{margin:0 auto;max-width:360px;width:100%}.otp-container.align-left[data-v-46e82d10]{margin:0;padding:0}.hidden-input[data-v-46e82d10]{border:none;height:1px;left:50%;opacity:0;outline:none;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:1px;z-index:-1}.otp-grid[data-v-46e82d10]{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.otp-grid.align-left[data-v-46e82d10]{width:-moz-fit-content;width:fit-content}.otp-digit-wrapper[data-v-46e82d10]{cursor:text;height:48px;position:relative;width:40px}.otp-digit[data-v-46e82d10]{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;display:flex;font-size:20px;font-weight:600;height:100%;justify-content:center;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.otp-digit.is-focused[data-v-46e82d10]{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.otp-digit.has-value[data-v-46e82d10]{border-color:#64748b}.otp-digit.is-error[data-v-46e82d10]{border-color:#ef4444}.error-message[data-v-46e82d10]{color:#ef4444;font-size:14px;margin-top:4px;text-align:center}@media (max-width:480px){.otp-digit-wrapper[data-v-46e82d10]{height:42px;width:36px}.otp-digit[data-v-46e82d10]{font-size:18px}}