.digit-field{width:100%;min-width:0;color:inherit;gap:8px;display:grid}.digit-field>label{color:inherit;font-size:12px;font-weight:700}.digit-field__control{min-width:0;position:relative}.digit-field .digit-field__input{opacity:0;color:#0000;caret-color:#0000;pointer-events:none;width:100%;min-width:0;height:100%;box-shadow:none;background:0 0;border:0;outline:none;margin:0;padding:0;position:absolute;inset:0}.digit-field__slots{grid-template-columns:repeat(var(--digit-columns),minmax(0,1fr));gap:5px;display:grid}.digit-field__slot{cursor:text;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #d9dadd;border-radius:7px;justify-content:center;align-items:center;min-width:0;height:44px;font-size:20px;font-weight:700;line-height:1;display:flex}.digit-field__slot--active{background:#ffc54e0a;border-color:#b57500;box-shadow:0 0 0 2px #ffce6850}.digit-field__placeholder{color:#babcc0;font-size:17px;font-weight:400}.digit-field__caret{background:#ac6800;width:2px;height:22px;animation:1s step-end infinite digit-blink}.digit-field--otp .digit-field__slots{gap:9px}.digit-field--otp .digit-field__slot{border-radius:9px;height:54px;font-size:25px}@keyframes digit-blink{50%{opacity:0}}@media (max-width:360px){.digit-field__slots{gap:3px}.digit-field__slot{height:42px;font-size:18px}.digit-field--otp .digit-field__slots{gap:6px}}@media (prefers-reduced-motion:reduce){.digit-field__caret{animation:none}}