.dx-input-otp-input{font-family:inherit}@media (pointer:coarse){.dx-input-otp-input{font-size:var(--dx-text-base)}}.dx-input-otp-group{align-items:center;gap:var(--dx-space-2);display:flex}.dx-input-otp-slot{box-sizing:border-box;border-radius:var(--dx-radius-md);background-color:var(--light,var(--primary-color)) var(--dark,rgba(255,255,255,.043));width:2.5rem;height:2.75rem;box-shadow:inset 0 0 0 1px var(--light,var(--primary-color-6)) var(--dark,var(--primary-color-7));color:var(--secondary-color-4);font-size:var(--dx-text-lg);font-variant-numeric:tabular-nums;transition:box-shadow var(--dx-motion-duration-fast) var(--dx-motion-ease-out), background-color var(--dx-motion-duration-fast) var(--dx-motion-ease-out);justify-content:center;align-items:center;display:flex;position:relative}@supports (color:lab(0% 0 0)){.dx-input-otp-slot{background-color:var(--light,var(--primary-color)) var(--dark,lab(100% -.0000298023 .0000119209/.0447059))}}.dx-input-otp-slot[data-active=true]{z-index:var(--dx-z-raise);box-shadow:var(--dx-ring)}.dx-input-otp-slot[data-active=true]:after{background-color:var(--secondary-color-4);content:"";top:22%;bottom:22%;width:1px;animation:1s step-end infinite dx-input-otp-caret-blink;position:absolute;inset-inline-start:50%}@keyframes dx-input-otp-caret-blink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.dx-input-otp-slot[data-active=true]:after{animation-duration:var(--dx-motion-duration-reduced)}}.dx-input-otp-slot[data-disabled=true]{opacity:var(--dx-opacity-disabled)}.dx-input-otp-separator{color:var(--secondary-color-5);align-items:center;display:flex}