.otp-input-wrap{align-items:stretch;flex-direction:column;gap:16px}.otp-inputs{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;width:100%}.otp-input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;color:var(--input-text);font-size:16px;outline:none;padding:14px;text-align:center;width:52px}.otp-input:focus{border-color:color-mix(in srgb,var(--primary) 45%,#d2d6da);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent)}.otp-actions{display:flex;justify-content:flex-start}.otp-actions .btn-gradient{min-width:180px}.btn-gradient .btn-spinner{animation:otp-spin .7s linear infinite;border:2px solid hsla(0,0%,100%,.4);border-radius:50%;border-top-color:#fff;display:none;height:16px;margin-left:10px;width:16px}.btn-gradient.is-loading{cursor:wait;opacity:.9}.otp-actions .btn-gradient.is-loading:disabled,.otp-actions .btn-gradient:disabled{cursor:not-allowed;filter:saturate(.7);opacity:.55}.btn-gradient.is-loading .btn-spinner{display:inline-block}@keyframes otp-spin{to{transform:rotate(1turn)}}