.otp-container{display:flex;gap:12px;justify-content:center;margin-top:1.5rem;margin-bottom:2rem}.otp-input-field{width:54px;height:64px;font-size:1.75rem;font-weight:700;text-align:center;border:2px solid #d1d5db;border-radius:.5rem;background-color:#f9fafb;color:black;outline:none;transition:all .2s}.otp-input-field:focus{background-color:white;border-color:var(--color-primary,#000);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb,0,0,0),.1)}.otp-input-field:disabled{background-color:#f3f4f6;cursor:not-allowed}.resend-timer-text{font-size:.875rem;color:#6b7280;margin-top:1rem}.sms-login-container{width:100%}.sms-error-message{color:#dc2626;background-color:#fef2f2}.sms-error-message,.sms-success-message{padding:.75rem;border-radius:.375rem;font-size:.875rem;margin-bottom:1.5rem;text-align:left}.sms-success-message{color:#059669;background-color:#ecfdf5}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );transform:translateX(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}