.otp-input{display:flex;gap:var(--spacing-md, 8px);width:100%}.otp-input__field{display:flex;width:100%;padding:var(--spacing-xxs, 2px) var(--spacing-lg, 12px);justify-content:center;align-items:center;flex:1 0 0;min-width:0;aspect-ratio:1/1;max-height:56px;border-radius:var(--radius-md, 8px);border:2px solid var(--color-border-primary);background:var(--color-bg-primary);box-shadow:var(--shadow-xs, 0px 1px 2px 0px rgba(16, 24, 40, .05));color:var(--color-text-brand-tertiary-alt);text-align:center;outline:none;font-family:Inter;font-size:24px;font-weight:600;line-height:32px;-moz-appearance:textfield}.otp-input__field::-webkit-outer-spin-button,.otp-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input__field::selection{background:transparent}.otp-input__field:focus{border:2px solid var(--color-border-brand-solid);background:var(--color-bg-primary);box-shadow:var(--shadow-xs, 0px 1px 2px 0px rgba(16, 24, 40, .05)),0 0 0 4px var(--color-focus-ring-brand, rgba(119, 145, 237, .24))}@media (max-width: 480px){.otp-input{gap:var(--spacing-sm, 6px)}.otp-input__field{padding:var(--spacing-xxs, 2px) var(--spacing-sm, 6px);max-height:44px;border-radius:var(--radius-sm, 6px);font-family:Inter;font-size:20px;font-weight:600;line-height:30px}.otp-input__field:focus{box-shadow:var(--shadow-xs, 0px 1px 2px 0px rgba(16, 24, 40, .05)),0 0 0 2px var(--color-focus-ring-brand, rgba(119, 145, 237, .24))}}@media (max-width: 360px){.otp-input{gap:var(--spacing-xs, 4px)}.otp-input__field{padding:var(--spacing-xxs, 2px) var(--spacing-xs, 4px);max-height:38px;font-family:Inter;font-size:18px;font-weight:600;line-height:28px}}