.otp-input{margin-bottom:var(--md-spacing-4)}.otp-input__label{font-size:var(--md-body-medium-size);color:var(--md-on-surface-variant);margin-bottom:var(--md-spacing-3);display:block}.otp-input__fields{gap:var(--md-spacing-2);justify-content:center;display:flex}.otp-input__field{width:var(--md-input-icon-area);height:var(--md-input-field-height);text-align:center;font-size:var(--md-title-large-size);font-weight:var(--md-title-large-weight);background-color:var(--md-surface-container-highest);border:none;border-bottom:calc(var(--md-divider-thickness) * 2) solid var(--md-outline);border-radius:var(--md-shape-extra-small) var(--md-shape-extra-small) 0 0;color:var(--md-on-surface);transition:border-color var(--md-motion-duration-short) var(--md-motion-easing-standard);outline:none}.otp-input__field:focus{border-bottom-color:var(--md-primary)}.otp-input__helper{font-size:var(--md-body-small-size);color:var(--md-on-surface-variant);margin-top:var(--md-spacing-2);text-align:center}.otp-input--error .otp-input__field{border-color:var(--md-error);color:var(--md-error)}@media (width<=480px){.otp-input__field{width:var(--md-button-height-small)}.otp-input__fields{gap:var(--md-spacing-1)}}