Anatomy
| 1. input-area | |
| 2. number | |
| 3. support-text |
Structure
| input-area | height | --size-height-06 |
| gap | --spacing-inline-04 | |
| border-radius | --border-radius-rounded-03 |
Color
Default
| input-area | background-color | --color-interactive-alternative-default |
Active
| input-area | border-color | --color-interactive-main-default |
| number | color | --color-content-primary |
Error
| input-area | border-color | --color-support-error |
| support-text | color | --color-support-error |
Typography
Active
| input-text | properties class (mixin) | |
| text-align | center |
Error
| support-text | properties class (mixin) | |
| text-overflow | ellipsis | |
| text-align | left |