.otp-group{justify-content:center;align-items:center;gap:12px;width:100%;max-width:400px;display:flex;position:relative}.otp-group.rtl{flex-direction:row-reverse}.otp-group.ltr{flex-direction:row}.inputStyle{text-align:center!important;color:#333!important;background-color:#fafafa!important;border:2px solid #e0e0e0!important;border-radius:12px!important;outline:none!important;width:48px!important;height:48px!important;font-size:1.5rem!important;font-weight:600!important;transition:all .3s!important;box-shadow:0 2px 4px #0000001a!important}.inputStyle:focus{border-color:var(--otp-primary-color,#1976d2)!important;box-shadow:0 0 0 3px var(--otp-primary-shadow,#1976d21a)!important;background-color:#fff!important;transform:translateY(-2px)!important}.inputStyle:not(:placeholder-shown){background-color:#f8fff8!important;border-color:#4caf50!important}.inputStyle:invalid{background-color:#fff5f5!important;border-color:#f44336!important}@keyframes pulse{0%{box-shadow:0 0 #1976d266}70%{box-shadow:0 0 0 10px #1976d200}to{box-shadow:0 0 #1976d200}}.inputStyle:focus{animation:1.5s infinite pulse}@media (max-width:600px){.otp-group{gap:8px}.inputStyle{width:40px!important;height:40px!important;font-size:1.25rem!important}}