┌─ SCSS ────────────────────────────────────────────────────────────────────[ COPY ]─┐
│ // Occupies exactly `cells` monospace cells inside a pre.ascii row; the            │
│ // underscore placeholder stands in for the empty seat.                            │
│ .text-field {                                                                      │
│   font: inherit;                                                                   │
│   color: inherit;                                                                  │
│   background: transparent;                                                         │
│   border: 0;                                                                       │
│   outline: 0;                                                                      │
│   padding: 0;                                                                      │
│   margin: 0;                                                                       │
│   caret-color: currentColor;                                                       │
│                                                                                    │
│   &::placeholder {                                                                 │
│     color: var(--ink-soft);                                                        │
│     opacity: 1;                                                                    │
│   }                                                                                │
│                                                                                    │
│   &:focus-visible {                                                                │
│     outline: 1px dashed currentColor;                                              │
│     outline-offset: 2px;                                                           │
│   }                                                                                │
│ }                                                                                  │
└────────────────────────────────────────────────────────────────────────────────────┘

┌─ SCSS ──────────────────────────────[ COPY ]─┐
│ // Occupies exactly `cells` monospace cells  │
│ inside a pre.ascii row; the                  │
│ // underscore placeholder stands in for the  │
│ empty seat.                                  │
│ .text-field {                                │
│   font: inherit;                             │
│   color: inherit;                            │
│   background: transparent;                   │
│   border: 0;                                 │
│   outline: 0;                                │
│   padding: 0;                                │
│   margin: 0;                                 │
│   caret-color: currentColor;                 │
│                                              │
│   &::placeholder {                           │
│     color: var(--ink-soft);                  │
│     opacity: 1;                              │
│   }                                          │
│                                              │
│   &:focus-visible {                          │
│     outline: 1px dashed currentColor;        │
│     outline-offset: 2px;                     │
│   }                                          │
│ }                                            │
└──────────────────────────────────────────────┘