┌─ SCSS ────────────────────────────────────────────────────────────────────[ COPY ]─┐
│ .num-stepper {                                                                     │
│   white-space: pre;                                                                │
│                                                                                    │
│   .step-btn {                                                                      │
│     font: inherit;                                                                 │
│     color: var(--ink);                                                             │
│     background: none;                                                              │
│     border: 0;                                                                     │
│     padding: 0;                                                                    │
│     margin: 0;                                                                     │
│     cursor: pointer;                                                               │
│     white-space: pre;                                                              │
│                                                                                    │
│     &:hover {                                                                      │
│       text-decoration: underline;                                                  │
│       text-underline-offset: 3px;                                                  │
│     }                                                                              │
│                                                                                    │
│     &:focus-visible {                                                              │
│       outline: 1px dashed var(--ink);                                              │
│       outline-offset: 1px;                                                         │
│     }                                                                              │
│   }                                                                                │
│                                                                                    │
│   .num-input {                                                                     │
│     font: inherit;                                                                 │
│     color: inherit;                                                                │
│     background: transparent;                                                       │
│     border: 0;                                                                     │
│     outline: 0;                                                                    │
│     padding: 0;                                                                    │
│     margin: 0;                                                                     │
│     text-align: center;                                                            │
│     -moz-appearance: textfield;                                                    │
│     appearance: textfield;                                                         │
│                                                                                    │
│     &::-webkit-outer-spin-button,                                                  │
│     &::-webkit-inner-spin-button {                                                 │
│       -webkit-appearance: none;                                                    │
│       margin: 0;                                                                   │
│     }                                                                              │
│                                                                                    │
│     &:focus-visible {                                                              │
│       outline: 1px dashed currentColor;                                            │
│       outline-offset: 2px;                                                         │
│     }                                                                              │
│   }                                                                                │
│ }                                                                                  │
└────────────────────────────────────────────────────────────────────────────────────┘

┌─ SCSS ──────────────────────────────[ COPY ]─┐
│ .num-stepper {                               │
│   white-space: pre;                          │
│                                              │
│   .step-btn {                                │
│     font: inherit;                           │
│     color: var(--ink);                       │
│     background: none;                        │
│     border: 0;                               │
│     padding: 0;                              │
│     margin: 0;                               │
│     cursor: pointer;                         │
│     white-space: pre;                        │
│                                              │
│     &:hover {                                │
│       text-decoration: underline;            │
│       text-underline-offset: 3px;            │
│     }                                        │
│                                              │
│     &:focus-visible {                        │
│       outline: 1px dashed var(--ink);        │
│       outline-offset: 1px;                   │
│     }                                        │
│   }                                          │
│                                              │
│   .num-input {                               │
│     font: inherit;                           │
│     color: inherit;                          │
│     background: transparent;                 │
│     border: 0;                               │
│     outline: 0;                              │
│     padding: 0;                              │
│     margin: 0;                               │
│     text-align: center;                      │
│     -moz-appearance: textfield;              │
│     appearance: textfield;                   │
│                                              │
│     &::-webkit-outer-spin-button,            │
│     &::-webkit-inner-spin-button {           │
│       -webkit-appearance: none;              │
│       margin: 0;                             │
│     }                                        │
│                                              │
│     &:focus-visible {                        │
│       outline: 1px dashed currentColor;      │
│       outline-offset: 2px;                   │
│     }                                        │
│   }                                          │
│ }                                            │
└──────────────────────────────────────────────┘