.demo-module-scss-module__hVhKAa__hint{margin:0 0 var(--space-3,.875rem);color:var(--text-muted);font-size:.8rem}.demo-module-scss-module__hVhKAa__hint code{font-size:.8rem}.demo-module-scss-module__hVhKAa__otpInput{gap:var(--space-2,.75rem);display:flex}.demo-module-scss-module__hVhKAa__otpInput input{text-align:center;border:1px solid var(--border-default);border-radius:var(--radius-md,8px);background:var(--surface-default);block-size:3rem;inline-size:2.75rem;color:var(--text-primary);font-weight:var(--font-weight-semibold,600);font-style:normal;font-size:var(--font-size-4,1.125rem);transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.demo-module-scss-module__hVhKAa__otpInput input{transition:none}}.demo-module-scss-module__hVhKAa__otpInput input:focus-visible:focus-visible{box-shadow:0 0 0 3px var(--border-focus,#384fff);outline:none}.demo-module-scss-module__hVhKAa__otpInput input[data-filled=true]{border-color:var(--action-primary-default)}.demo-module-scss-module__hVhKAa__otpInput input[data-invalid=true]{border-color:var(--error-default)}.demo-module-scss-module__hVhKAa__error{margin:var(--space-3,.875rem) 0 0;color:var(--error-text);font-size:.875rem}.demo-module-scss-module__hVhKAa__srOnly{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-module-scss-module__hVhKAa__successPanel{padding:var(--space-4,1rem);border:1px solid var(--border-default);border-radius:var(--radius-md,8px);background:var(--success-subtle);color:var(--success-text);gap:var(--space-3,.875rem);flex-direction:column;display:flex}.demo-module-scss-module__hVhKAa__successPanel p{margin:0}.demo-module-scss-module__hVhKAa__resetBtn{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:none}.demo-module-scss-module__hVhKAa__resetBtn:focus:not(:focus-visible){outline:none}.demo-module-scss-module__hVhKAa__resetBtn{align-items:center;gap:var(--space-1,.5rem);min-height:var(--touch-target-min,24px);font-weight:var(--btn-font-weight,var(--font-weight-medium,500));padding:var(--btn-padding-y,var(--space-1,.5rem)) var(--btn-padding-x,var(--space-4,1rem));border-radius:var(--btn-radius,var(--radius-md,.375rem));transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);display:inline-flex}@media (prefers-reduced-motion:reduce){.demo-module-scss-module__hVhKAa__resetBtn{transition:none}}.demo-module-scss-module__hVhKAa__resetBtn:focus-visible{box-shadow:0 0 0 3px var(--border-focus,#384fff);outline:none}.demo-module-scss-module__hVhKAa__resetBtn{border:1px solid var(--border-default,#e5e5e5);color:var(--text-primary,#0f0f0f);background:0 0}.demo-module-scss-module__hVhKAa__resetBtn:hover{background:var(--interactive-hover,#00000008);border-color:var(--border-focus,#384fff)}.demo-module-scss-module__hVhKAa__resetBtn:active{background:var(--interactive-active,#0000000f)}.demo-module-scss-module__hVhKAa__resetBtn:disabled,.demo-module-scss-module__hVhKAa__resetBtn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.demo-module-scss-module__hVhKAa__resetBtn{align-self:flex-start}