@react-spectrum/numberfield 3.10.4 → 3.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,864 +0,0 @@
1
- ._0PoNmW_i18nFontFamily {
2
- font-synthesis: weight;
3
- font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
- }
5
-
6
- ._0PoNmW_i18nFontFamily:lang(ar) {
7
- font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
- }
9
-
10
- ._0PoNmW_i18nFontFamily:lang(he) {
11
- font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
- }
13
-
14
- ._0PoNmW_i18nFontFamily:lang(zh) {
15
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
- }
17
-
18
- ._0PoNmW_i18nFontFamily:lang(zh-Hans) {
19
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
- }
21
-
22
- ._0PoNmW_i18nFontFamily:lang(zh-Hant) {
23
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
- }
25
-
26
- ._0PoNmW_i18nFontFamily:lang(zh-SG), ._0PoNmW_i18nFontFamily:lang(zh-CN) {
27
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
- }
29
-
30
- ._0PoNmW_i18nFontFamily:lang(ko) {
31
- font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
- }
33
-
34
- ._0PoNmW_i18nFontFamily:lang(ja) {
35
- font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
36
- }
37
-
38
- ._0PoNmW_spectrum-FocusRing-ring {
39
- --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
40
- --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
41
- --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
42
- --spectrum-focus-ring-border-size: 0px;
43
- --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
44
- }
45
-
46
- ._0PoNmW_spectrum-FocusRing-ring:after {
47
- border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
48
- content: "";
49
- margin: calc(-1 * var(--spectrum-focus-ring-border-size));
50
- pointer-events: none;
51
- transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
52
- display: block;
53
- position: absolute;
54
- inset: 0;
55
- }
56
-
57
- ._0PoNmW_spectrum-FocusRing._0PoNmW_focus-ring:after {
58
- margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
59
- box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
60
- }
61
-
62
- ._0PoNmW_spectrum-FocusRing--quiet:after {
63
- border-radius: 0;
64
- }
65
-
66
- ._0PoNmW_spectrum-FocusRing--quiet._0PoNmW_focus-ring:after {
67
- margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
68
- box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
69
- }
70
-
71
- @media (forced-colors: active) {
72
- ._0PoNmW_spectrum-FocusRing, ._0PoNmW_spectrum-FocusRing-ring, ._0PoNmW_spectrum-FocusRing--quiet {
73
- --spectrum-high-contrast-focus-ring-color: Highlight;
74
- }
75
-
76
- :is(._0PoNmW_spectrum-FocusRing, ._0PoNmW_spectrum-FocusRing-ring, ._0PoNmW_spectrum-FocusRing--quiet):after {
77
- forced-color-adjust: none;
78
- }
79
- }
80
-
81
- ._0PoNmW_spectrum-BaseButton {
82
- box-sizing: border-box;
83
- border-radius: var(--spectrum-button-border-radius);
84
- border-style: solid;
85
- border-width: var(--spectrum-button-border-width);
86
- --spectrum-focus-ring-border-radius: var(--spectrum-button-border-radius);
87
- --spectrum-focus-ring-border-size: var(--spectrum-button-border-width);
88
- --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));
89
- --spectrum-focus-ring-size: var(--spectrum-button-primary-focus-ring-size-key-focus, var(--spectrum-alias-focus-ring-size));
90
- text-transform: none;
91
- -webkit-font-smoothing: antialiased;
92
- -moz-osx-font-smoothing: grayscale;
93
- justify-content: center;
94
- align-items: center;
95
- margin: 0;
96
- display: inline-flex;
97
- position: relative;
98
- overflow: visible;
99
- }
100
-
101
- button._0PoNmW_spectrum-BaseButton {
102
- -webkit-appearance: button;
103
- }
104
-
105
- ._0PoNmW_spectrum-BaseButton {
106
- vertical-align: top;
107
- transition: background var(--spectrum-global-animation-duration-100, .13s) ease-out, border-color var(--spectrum-global-animation-duration-100, .13s) ease-out, color var(--spectrum-global-animation-duration-100, .13s) ease-out, box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out;
108
- -webkit-user-select: none;
109
- user-select: none;
110
- touch-action: none;
111
- cursor: default;
112
- isolation: isolate;
113
- line-height: 1.3;
114
- text-decoration: none;
115
- }
116
-
117
- ._0PoNmW_spectrum-BaseButton:focus {
118
- outline: none;
119
- }
120
-
121
- ._0PoNmW_spectrum-BaseButton._0PoNmW_focus-ring {
122
- z-index: 3;
123
- }
124
-
125
- ._0PoNmW_spectrum-BaseButton::-moz-focus-inner {
126
- border: 0;
127
- margin-block: -2px;
128
- padding: 0;
129
- }
130
-
131
- ._0PoNmW_spectrum-BaseButton:disabled, ._0PoNmW_spectrum-BaseButton._0PoNmW_is-disabled {
132
- cursor: default;
133
- }
134
-
135
- ._0PoNmW_spectrum-BaseButton ._0PoNmW_spectrum-Icon {
136
- max-block-size: 100%;
137
- transition: background var(--spectrum-global-animation-duration-100, .13s) ease-out, fill var(--spectrum-global-animation-duration-100, .13s) ease-out;
138
- box-sizing: initial;
139
- flex-shrink: 0;
140
- order: 0;
141
- }
142
-
143
- ._0PoNmW_spectrum-Button {
144
- --spectrum-button-border-radius: var(--spectrum-button-primary-border-radius, var(--spectrum-alias-border-radius-large));
145
- --spectrum-button-border-width: var(--spectrum-button-primary-border-size, var(--spectrum-alias-border-size-thick));
146
- min-block-size: var(--spectrum-button-primary-height, var(--spectrum-alias-single-line-height));
147
- block-size: 0%;
148
- min-inline-size: var(--spectrum-button-primary-min-width);
149
- padding: var(--spectrum-global-dimension-size-50) calc(var(--spectrum-button-primary-padding-x, var(--spectrum-global-dimension-size-200)) - var(--spectrum-button-primary-border-size, var(--spectrum-alias-border-size-thick)));
150
- font-size: var(--spectrum-button-primary-text-size, var(--spectrum-alias-pill-button-text-size));
151
- font-weight: var(--spectrum-button-primary-text-font-weight, var(--spectrum-global-font-weight-bold));
152
- border-style: solid;
153
- padding-block-start: calc(var(--spectrum-global-dimension-size-50) - 1px);
154
- padding-block-end: calc(var(--spectrum-global-dimension-size-50) + 1px);
155
- }
156
-
157
- ._0PoNmW_spectrum-Button._0PoNmW_is-hovered, ._0PoNmW_spectrum-Button:active {
158
- box-shadow: none;
159
- }
160
-
161
- ._0PoNmW_spectrum-Button ._0PoNmW_spectrum-Icon + ._0PoNmW_spectrum-Button-label {
162
- margin-inline-start: var(--spectrum-button-primary-text-gap, var(--spectrum-global-dimension-size-100));
163
- }
164
-
165
- ._0PoNmW_spectrum-Button ._0PoNmW_spectrum-Button-label + ._0PoNmW_spectrum-Icon {
166
- margin-inline-end: var(--spectrum-button-primary-text-gap, var(--spectrum-global-dimension-size-100));
167
- }
168
-
169
- ._0PoNmW_spectrum-Button._0PoNmW_spectrum-Button--iconOnly {
170
- min-inline-size: unset;
171
- padding: var(--spectrum-global-dimension-size-65);
172
- }
173
-
174
- ._0PoNmW_spectrum-Button ._0PoNmW_spectrum-Button-circleLoader {
175
- align-items: center;
176
- display: flex;
177
- position: absolute;
178
- top: 50%;
179
- left: 50%;
180
- transform: translate(-50%, -50%);
181
- }
182
-
183
- ._0PoNmW_spectrum-Button._0PoNmW_spectrum-Button--pending ._0PoNmW_spectrum-Button-label, ._0PoNmW_spectrum-Button._0PoNmW_spectrum-Button--pending ._0PoNmW_spectrum-Icon {
184
- opacity: 0;
185
- }
186
-
187
- a._0PoNmW_spectrum-Button, a._0PoNmW_spectrum-ActionButton {
188
- -webkit-appearance: none;
189
- -webkit-user-select: none;
190
- user-select: none;
191
- cursor: pointer;
192
- }
193
-
194
- ._0PoNmW_spectrum-ActionButton {
195
- block-size: var(--spectrum-actionbutton-height, var(--spectrum-alias-single-line-height));
196
- min-inline-size: var(--spectrum-actionbutton-min-width, var(--spectrum-global-dimension-size-400));
197
- --spectrum-button-border-radius: var(--spectrum-actionbutton-border-radius, var(--spectrum-alias-border-radius-regular));
198
- --spectrum-button-border-width: var(--spectrum-actionbutton-border-size, var(--spectrum-alias-border-size-thin));
199
- font-size: var(--spectrum-actionbutton-text-size, var(--spectrum-alias-font-size-default));
200
- font-weight: var(--spectrum-actionbutton-text-font-weight, var(--spectrum-alias-body-text-font-weight));
201
- padding: 0;
202
- position: relative;
203
- }
204
-
205
- ._0PoNmW_spectrum-ActionButton ._0PoNmW_spectrum-Icon {
206
- padding-inline-start: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
207
- }
208
-
209
- ._0PoNmW_spectrum-ActionButton ._0PoNmW_spectrum-ActionButton-label {
210
- padding-inline-end: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150));
211
- }
212
-
213
- ._0PoNmW_spectrum-ActionButton ._0PoNmW_spectrum-Icon + ._0PoNmW_spectrum-ActionButton-label {
214
- padding-inline-start: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
215
- }
216
-
217
- ._0PoNmW_spectrum-ActionButton ._0PoNmW_spectrum-ActionButton-label:not([hidden]) + ._0PoNmW_spectrum-Icon {
218
- padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
219
- }
220
-
221
- ._0PoNmW_spectrum-ActionButton ._0PoNmW_spectrum-ActionButton-label:only-child, ._0PoNmW_spectrum-ActionButton ._0PoNmW_spectrum-ActionButton-hold + ._0PoNmW_spectrum-ActionButton-label:last-child {
222
- padding-inline-start: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150));
223
- }
224
-
225
- ._0PoNmW_spectrum-ActionButton ._0PoNmW_spectrum-Icon:only-child, ._0PoNmW_spectrum-ActionButton ._0PoNmW_spectrum-ActionButton-hold + ._0PoNmW_spectrum-Icon:last-child {
226
- padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
227
- }
228
-
229
- ._0PoNmW_spectrum-ActionButton ._0PoNmW_spectrum-ActionGroup-itemIcon._0PoNmW_spectrum-ActionGroup-itemIcon {
230
- padding-inline-end: 0;
231
- }
232
-
233
- ._0PoNmW_spectrum-ActionButton-hold {
234
- bottom: var(--spectrum-actionbutton-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-40));
235
- position: absolute;
236
- }
237
-
238
- ._0PoNmW_spectrum-ActionButton-hold:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
239
- right: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
240
- }
241
-
242
- ._0PoNmW_spectrum-ActionButton-hold:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
243
- right: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
244
- }
245
-
246
- ._0PoNmW_spectrum-ActionButton-hold:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
247
- left: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
248
- }
249
-
250
- ._0PoNmW_spectrum-ActionButton-hold:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
251
- left: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
252
- }
253
-
254
- [dir="rtl"] ._0PoNmW_spectrum-ActionButton-hold {
255
- transform: rotate(90deg);
256
- }
257
-
258
- ._0PoNmW_spectrum-ActionButton-label, ._0PoNmW_spectrum-Button-label {
259
- text-align: center;
260
- order: 1;
261
- place-self: center;
262
- inline-size: 100%;
263
- }
264
-
265
- :is(._0PoNmW_spectrum-ActionButton-label, ._0PoNmW_spectrum-Button-label):empty {
266
- display: none;
267
- }
268
-
269
- ._0PoNmW_spectrum-ActionButton-label {
270
- white-space: nowrap;
271
- text-overflow: ellipsis;
272
- overflow: hidden;
273
- }
274
-
275
- ._0PoNmW_spectrum-ActionButton--quiet {
276
- border-width: var(--spectrum-actionbutton-quiet-border-size, var(--spectrum-alias-border-size-thin));
277
- border-radius: var(--spectrum-actionbutton-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
278
- font-size: var(--spectrum-actionbutton-quiet-text-size, var(--spectrum-alias-font-size-default));
279
- font-weight: var(--spectrum-actionbutton-quiet-text-font-weight, var(--spectrum-alias-body-text-font-weight));
280
- }
281
-
282
- ._0PoNmW_spectrum-LogicButton {
283
- block-size: var(--spectrum-logicbutton-and-height, 24px);
284
- padding: var(--spectrum-logicbutton-and-padding-x, var(--spectrum-global-dimension-size-100));
285
- --spectrum-button-border-width: var(--spectrum-logicbutton-and-border-size, var(--spectrum-alias-border-size-thick));
286
- --spectrum-button-border-radius: var(--spectrum-logicbutton-and-border-radius, var(--spectrum-alias-border-radius-regular));
287
- font-size: var(--spectrum-logicbutton-and-text-size, var(--spectrum-alias-font-size-default));
288
- font-weight: var(--spectrum-logicbutton-and-text-font-weight, var(--spectrum-global-font-weight-bold));
289
- line-height: 0;
290
- }
291
-
292
- ._0PoNmW_spectrum-FieldButton {
293
- block-size: var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400));
294
- padding: 0 var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
295
- font-family: inherit;
296
- font-weight: normal;
297
- font-size: var(--spectrum-dropdown-text-size, var(--spectrum-alias-font-size-default));
298
- -webkit-font-smoothing: initial;
299
- cursor: default;
300
- --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
301
- --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
302
- padding-block: 0;
303
- padding-inline: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
304
- --spectrum-button-border-width: var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin));
305
- --spectrum-button-border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
306
- transition: background-color var(--spectrum-global-animation-duration-100, .13s), box-shadow var(--spectrum-global-animation-duration-100, .13s), border-color var(--spectrum-global-animation-duration-100, .13s);
307
- border-style: solid;
308
- outline: none;
309
- margin: 0;
310
- line-height: normal;
311
- position: relative;
312
- }
313
-
314
- ._0PoNmW_spectrum-FieldButton:disabled, ._0PoNmW_spectrum-FieldButton._0PoNmW_is-disabled {
315
- cursor: default;
316
- border-width: 0;
317
- }
318
-
319
- ._0PoNmW_spectrum-FieldButton._0PoNmW_is-open {
320
- border-width: var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin));
321
- }
322
-
323
- ._0PoNmW_spectrum-FieldButton--quiet {
324
- --spectrum-button-border-width: 0;
325
- --spectrum-button-border-radius: var(--spectrum-fieldbutton-quiet-border-radius, 0px);
326
- --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25));
327
- margin: 0;
328
- padding: 0;
329
- }
330
-
331
- ._0PoNmW_spectrum-FieldButton--quiet:disabled._0PoNmW_focus-ring, ._0PoNmW_spectrum-FieldButton--quiet._0PoNmW_is-disabled._0PoNmW_focus-ring {
332
- box-shadow: none;
333
- }
334
-
335
- ._0PoNmW_spectrum-ClearButton {
336
- inline-size: var(--spectrum-clearbutton-medium-width, var(--spectrum-alias-single-line-height));
337
- block-size: var(--spectrum-clearbutton-medium-height, var(--spectrum-alias-single-line-height));
338
- --spectrum-button-border-radius: 100%;
339
- --spectrum-button-border-width: 0px;
340
- border: none;
341
- margin: 0;
342
- padding: 0;
343
- }
344
-
345
- ._0PoNmW_spectrum-ClearButton > ._0PoNmW_spectrum-Icon {
346
- margin-block: 0;
347
- margin-inline: auto;
348
- }
349
-
350
- ._0PoNmW_spectrum-ClearButton._0PoNmW_spectrum-ClearButton--inset._0PoNmW_spectrum-ClearButton--inset {
351
- box-sizing: border-box;
352
- transition: unset;
353
- }
354
-
355
- ._0PoNmW_spectrum-ClearButton._0PoNmW_spectrum-ClearButton--inset._0PoNmW_spectrum-ClearButton--inset:after {
356
- aspect-ratio: 1;
357
- height: calc(100% - 2px);
358
- top: 50%;
359
- left: 50%;
360
- right: unset;
361
- bottom: unset;
362
- margin: 0;
363
- transition: unset;
364
- transform: translate(-50%, -50%);
365
- }
366
-
367
- ._0PoNmW_spectrum-ClearButton._0PoNmW_spectrum-ClearButton--inset._0PoNmW_spectrum-ClearButton--inset._0PoNmW_focus-ring:after {
368
- box-shadow: inset 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
369
- }
370
-
371
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
372
- ._0PoNmW_spectrum-ClearButton > ._0PoNmW_spectrum-Icon {
373
- margin: 0;
374
- }
375
- }
376
-
377
- ._0PoNmW_spectrum-ClearButton--small {
378
- inline-size: var(--spectrum-clearbutton-small-width, var(--spectrum-global-dimension-size-300));
379
- block-size: var(--spectrum-clearbutton-small-height, var(--spectrum-global-dimension-size-300));
380
- }
381
-
382
- ._0PoNmW_spectrum-Stepper {
383
- --spectrum-stepper-width: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) * 4);
384
- block-size: max-content;
385
- inline-size: var(--spectrum-stepper-width);
386
- transition: border-color var(--spectrum-global-animation-duration-100, .13s) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
387
- line-height: 0;
388
- display: inline-grid;
389
- position: relative;
390
- }
391
-
392
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isMobile) {
393
- grid-template: "_0PoNmW_field _0PoNmW_increment"
394
- "_0PoNmW_field _0PoNmW_decrement"
395
- / 1fr auto;
396
- }
397
-
398
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button--stepUp {
399
- padding-block-start: calc(var(--spectrum-global-dimension-size-50) + 1px);
400
- padding-block-end: calc(var(--spectrum-global-dimension-size-50) - .5px);
401
- }
402
-
403
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button--stepDown {
404
- padding-block-start: calc(var(--spectrum-global-dimension-size-50) - .5px);
405
- padding-block-end: calc(var(--spectrum-global-dimension-size-50) + .5px);
406
- }
407
-
408
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isMobile {
409
- --spectrum-stepper-width: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) * 5);
410
- grid-template: "_0PoNmW_decrement _0PoNmW_field _0PoNmW_increment"
411
- / auto 1fr auto;
412
- }
413
-
414
- ._0PoNmW_spectrum-Stepper ._0PoNmW_spectrum-Stepper-field {
415
- inline-size: unset;
416
- min-inline-size: var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400));
417
- grid-area: _0PoNmW_field;
418
- }
419
-
420
- ._0PoNmW_spectrum-Stepper ._0PoNmW_spectrum-Stepper-icon {
421
- padding-inline-end: 0;
422
- }
423
-
424
- ._0PoNmW_spectrum-Stepper ._0PoNmW_spectrum-Stepper-button--stepUp {
425
- grid-area: _0PoNmW_increment;
426
- }
427
-
428
- ._0PoNmW_spectrum-Stepper ._0PoNmW_spectrum-Stepper-button--stepDown {
429
- grid-area: _0PoNmW_decrement;
430
- }
431
-
432
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet) {
433
- border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
434
- }
435
-
436
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet) ._0PoNmW_spectrum-Stepper-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
437
- right: var(--spectrum-global-dimension-size-100);
438
- }
439
-
440
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet) ._0PoNmW_spectrum-Stepper-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
441
- right: var(--spectrum-global-dimension-size-100);
442
- }
443
-
444
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet) ._0PoNmW_spectrum-Stepper-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
445
- left: var(--spectrum-global-dimension-size-100);
446
- }
447
-
448
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet) ._0PoNmW_spectrum-Stepper-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
449
- left: var(--spectrum-global-dimension-size-100);
450
- }
451
-
452
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet):not(._0PoNmW_spectrum-Stepper--showStepper):not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button {
453
- block-size: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) / 2);
454
- inline-size: 24px;
455
- }
456
-
457
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet):not(._0PoNmW_spectrum-Stepper--showStepper)._0PoNmW_spectrum-Stepper--isMobile ._0PoNmW_spectrum-Stepper-button {
458
- block-size: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
459
- inline-size: var(--spectrum-actionbutton-min-width, var(--spectrum-global-dimension-size-400));
460
- }
461
-
462
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
463
- border-top-right-radius: 0;
464
- border-bottom-right-radius: 0;
465
- }
466
-
467
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
468
- border-top-right-radius: 0;
469
- border-bottom-right-radius: 0;
470
- }
471
-
472
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
473
- border-top-left-radius: 0;
474
- border-bottom-left-radius: 0;
475
- }
476
-
477
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
478
- border-top-left-radius: 0;
479
- border-bottom-left-radius: 0;
480
- }
481
-
482
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button {
483
- block-size: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) / 2);
484
- border-inline-start-width: 0;
485
- inline-size: 24px;
486
- }
487
-
488
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button--stepDown {
489
- border-block-start-width: 1px;
490
- border-block-end-width: var(--spectrum-alias-input-border-size);
491
- border-inline-end-width: var(--spectrum-alias-input-border-size);
492
- }
493
-
494
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button--stepDown:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
495
- border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
496
- }
497
-
498
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button--stepDown:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
499
- border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
500
- }
501
-
502
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button--stepDown:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
503
- border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
504
- }
505
-
506
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button--stepDown:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
507
- border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
508
- }
509
-
510
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button--stepUp {
511
- border-block-start-width: var(--spectrum-alias-input-border-size);
512
- border-inline-end-width: var(--spectrum-alias-input-border-size);
513
- }
514
-
515
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button--stepUp:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
516
- border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
517
- }
518
-
519
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button--stepUp:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
520
- border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
521
- }
522
-
523
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button--stepUp:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
524
- border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
525
- }
526
-
527
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button--stepUp:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
528
- border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
529
- }
530
-
531
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper._0PoNmW_spectrum-Stepper--isMobile ._0PoNmW_spectrum-Stepper-input {
532
- border-radius: 0;
533
- }
534
-
535
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper._0PoNmW_spectrum-Stepper--isMobile ._0PoNmW_spectrum-Stepper-button {
536
- block-size: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
537
- inline-size: var(--spectrum-actionbutton-min-width, var(--spectrum-global-dimension-size-400));
538
- }
539
-
540
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper._0PoNmW_spectrum-Stepper--isMobile ._0PoNmW_spectrum-Stepper-button--stepDown {
541
- border-block-start-width: var(--spectrum-alias-input-border-size);
542
- border-block-end-width: var(--spectrum-alias-input-border-size);
543
- border-inline-start-width: var(--spectrum-alias-input-border-size);
544
- }
545
-
546
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper._0PoNmW_spectrum-Stepper--isMobile ._0PoNmW_spectrum-Stepper-button--stepDown:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
547
- border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
548
- border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
549
- }
550
-
551
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper._0PoNmW_spectrum-Stepper--isMobile ._0PoNmW_spectrum-Stepper-button--stepDown:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
552
- border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
553
- border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
554
- }
555
-
556
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper._0PoNmW_spectrum-Stepper--isMobile ._0PoNmW_spectrum-Stepper-button--stepDown:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
557
- border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
558
- border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
559
- }
560
-
561
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper._0PoNmW_spectrum-Stepper--isMobile ._0PoNmW_spectrum-Stepper-button--stepDown:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
562
- border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
563
- border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
564
- }
565
-
566
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper._0PoNmW_spectrum-Stepper--isMobile ._0PoNmW_spectrum-Stepper-button--stepUp {
567
- border-block-start-width: var(--spectrum-alias-input-border-size);
568
- border-block-end-width: var(--spectrum-alias-input-border-size);
569
- border-inline-end-width: var(--spectrum-alias-input-border-size);
570
- }
571
-
572
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper._0PoNmW_spectrum-Stepper--isMobile ._0PoNmW_spectrum-Stepper-button--stepUp:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
573
- border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
574
- border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
575
- }
576
-
577
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper._0PoNmW_spectrum-Stepper--isMobile ._0PoNmW_spectrum-Stepper-button--stepUp:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
578
- border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
579
- border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
580
- }
581
-
582
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper._0PoNmW_spectrum-Stepper--isMobile ._0PoNmW_spectrum-Stepper-button--stepUp:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
583
- border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
584
- border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
585
- }
586
-
587
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_spectrum-Stepper--showStepper._0PoNmW_spectrum-Stepper--isMobile ._0PoNmW_spectrum-Stepper-button--stepUp:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
588
- border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
589
- border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
590
- }
591
-
592
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet ._0PoNmW_spectrum-Stepper-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
593
- right: 0;
594
- }
595
-
596
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet ._0PoNmW_spectrum-Stepper-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
597
- right: 0;
598
- }
599
-
600
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet ._0PoNmW_spectrum-Stepper-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
601
- left: 0;
602
- }
603
-
604
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet ._0PoNmW_spectrum-Stepper-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
605
- left: 0;
606
- }
607
-
608
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet:not(._0PoNmW_spectrum-Stepper--showStepper):not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button {
609
- block-size: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) / 2);
610
- inline-size: 24px;
611
- }
612
-
613
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet:not(._0PoNmW_spectrum-Stepper--showStepper):not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button--stepDown {
614
- border-block-end-width: var(--spectrum-alias-input-border-size);
615
- }
616
-
617
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet:not(._0PoNmW_spectrum-Stepper--showStepper)._0PoNmW_spectrum-Stepper--isMobile ._0PoNmW_spectrum-Stepper-button {
618
- block-size: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
619
- inline-size: var(--spectrum-actionbutton-min-width, var(--spectrum-global-dimension-size-400));
620
- border-block-end-width: var(--spectrum-alias-input-border-size);
621
- }
622
-
623
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button {
624
- block-size: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) / 2);
625
- inline-size: 24px;
626
- }
627
-
628
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_spectrum-Stepper--showStepper:not(._0PoNmW_spectrum-Stepper--isMobile) ._0PoNmW_spectrum-Stepper-button--stepDown {
629
- border-block-end-width: var(--spectrum-alias-input-border-size);
630
- }
631
-
632
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_spectrum-Stepper--showStepper._0PoNmW_spectrum-Stepper--isMobile ._0PoNmW_spectrum-Stepper-button {
633
- block-size: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
634
- inline-size: var(--spectrum-actionbutton-min-width, var(--spectrum-global-dimension-size-400));
635
- border-block-end-width: var(--spectrum-alias-input-border-size);
636
- }
637
-
638
- ._0PoNmW_spectrum-Stepper-container._0PoNmW_spectrum-Stepper-container {
639
- --spectrum-field-default-width: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) * 4);
640
- }
641
-
642
- ._0PoNmW_spectrum-Stepper-container._0PoNmW_spectrum-Stepper-container--isMobile {
643
- --spectrum-field-default-width: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) * 5);
644
- }
645
-
646
- ._0PoNmW_spectrum-Stepper-button {
647
- border-width: 0;
648
- }
649
-
650
- ._0PoNmW_spectrum-Stepper-button._0PoNmW_is-hovered, ._0PoNmW_spectrum-Stepper-button:active {
651
- box-shadow: none;
652
- }
653
-
654
- ._0PoNmW_spectrum-Stepper-button ._0PoNmW_spectrum-Stepper-button-icon {
655
- max-block-size: 100%;
656
- transition: background var(--spectrum-global-animation-duration-100, .13s) ease-out, fill var(--spectrum-global-animation-duration-100, .13s) ease-out;
657
- box-sizing: initial;
658
- flex-shrink: 0;
659
- }
660
-
661
- ._0PoNmW_spectrum-Stepper ._0PoNmW_spectrum-Stepper-button-icon {
662
- fill: var(--spectrum-actionbutton-icon-color, var(--spectrum-alias-icon-color));
663
- }
664
-
665
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet) ._0PoNmW_spectrum-Stepper-input {
666
- border-color: var(--spectrum-textfield-border-color, var(--spectrum-alias-border-color));
667
- }
668
-
669
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet) ._0PoNmW_spectrum-Stepper-button {
670
- background-color: var(--spectrum-actionbutton-background-color, var(--spectrum-global-color-gray-75));
671
- border-color: var(--spectrum-textfield-border-color, var(--spectrum-alias-border-color));
672
- color: var(--spectrum-actionbutton-text-color, var(--spectrum-alias-text-color));
673
- }
674
-
675
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-button, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-button {
676
- border-color: var(--spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover));
677
- }
678
-
679
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-active ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-active ._0PoNmW_spectrum-Stepper-button, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet):active ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet):active ._0PoNmW_spectrum-Stepper-button, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-focused ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-focused ._0PoNmW_spectrum-Stepper-button, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet):focus ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet):focus ._0PoNmW_spectrum-Stepper-button {
680
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
681
- }
682
-
683
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-disabled ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-disabled ._0PoNmW_spectrum-Stepper-button, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet):disabled ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet):disabled ._0PoNmW_spectrum-Stepper-button {
684
- border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
685
- }
686
-
687
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-invalid ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-invalid ._0PoNmW_spectrum-Stepper-button {
688
- border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
689
- }
690
-
691
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-invalid._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-invalid._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-button {
692
- border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
693
- }
694
-
695
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-invalid:active ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-invalid:active ._0PoNmW_spectrum-Stepper-button {
696
- border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
697
- }
698
-
699
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-invalid._0PoNmW_focus-ring ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-invalid._0PoNmW_focus-ring ._0PoNmW_spectrum-Stepper-button, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-invalid._0PoNmW_focus-ring ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-invalid._0PoNmW_focus-ring ._0PoNmW_spectrum-Stepper-button, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-invalid._0PoNmW_is-focused ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-invalid._0PoNmW_is-focused ._0PoNmW_spectrum-Stepper-button {
700
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
701
- }
702
-
703
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet ._0PoNmW_spectrum-Stepper-input {
704
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
705
- }
706
-
707
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet ._0PoNmW_spectrum-Stepper-button {
708
- background-color: unset;
709
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
710
- color: var(--spectrum-actionbutton-text-color, var(--spectrum-alias-text-color));
711
- }
712
-
713
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-button, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-button {
714
- border-color: var(--spectrum-textfield-quiet-border-color-hover, var(--spectrum-alias-border-color-hover));
715
- }
716
-
717
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-active ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-active ._0PoNmW_spectrum-Stepper-button, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet:active ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet:active ._0PoNmW_spectrum-Stepper-button, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-focused ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-focused ._0PoNmW_spectrum-Stepper-button, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet:focus ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet:focus ._0PoNmW_spectrum-Stepper-button, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_focus-ring ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_focus-ring ._0PoNmW_spectrum-Stepper-button, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_focus-ring ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_focus-ring ._0PoNmW_spectrum-Stepper-button {
718
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
719
- }
720
-
721
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-disabled ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-disabled ._0PoNmW_spectrum-Stepper-button, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet:disabled ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet:disabled ._0PoNmW_spectrum-Stepper-button {
722
- border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
723
- }
724
-
725
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-invalid ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-invalid ._0PoNmW_spectrum-Stepper-button {
726
- border-color: var(--spectrum-textfield-quiet-border-color-error, var(--spectrum-semantic-negative-color-default));
727
- }
728
-
729
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-invalid._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-invalid._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-button {
730
- border-color: var(--spectrum-textfield-quiet-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
731
- }
732
-
733
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-invalid:active ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-invalid:active ._0PoNmW_spectrum-Stepper-button {
734
- border-color: var(--spectrum-textfield-quiet-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
735
- }
736
-
737
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-invalid._0PoNmW_is-focused ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-invalid._0PoNmW_is-focused ._0PoNmW_spectrum-Stepper-button {
738
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
739
- }
740
-
741
- ._0PoNmW_spectrum-Stepper ._0PoNmW_spectrum-Stepper-button._0PoNmW_is-hovered {
742
- color: var(--spectrum-actionbutton-text-color-hover, var(--spectrum-alias-text-color-hover));
743
- }
744
-
745
- ._0PoNmW_spectrum-Stepper ._0PoNmW_spectrum-Stepper-button._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-button-icon {
746
- fill: var(--spectrum-actionbutton-icon-color-hover, var(--spectrum-alias-icon-color-hover));
747
- }
748
-
749
- ._0PoNmW_spectrum-Stepper ._0PoNmW_spectrum-Stepper-button._0PoNmW_is-active {
750
- color: var(--spectrum-actionbutton-text-color-down, var(--spectrum-alias-text-color-down));
751
- }
752
-
753
- ._0PoNmW_spectrum-Stepper ._0PoNmW_spectrum-Stepper-button._0PoNmW_is-active ._0PoNmW_spectrum-Stepper-button-icon {
754
- fill: var(--spectrum-actionbutton-text-color-down, var(--spectrum-alias-text-color-down));
755
- }
756
-
757
- ._0PoNmW_spectrum-Stepper ._0PoNmW_spectrum-Stepper-button:disabled {
758
- color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
759
- }
760
-
761
- ._0PoNmW_spectrum-Stepper ._0PoNmW_spectrum-Stepper-button:disabled ._0PoNmW_spectrum-Stepper-button-icon {
762
- fill: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
763
- }
764
-
765
- ._0PoNmW_spectrum-Stepper ._0PoNmW_spectrum-Stepper-button._0PoNmW_is-disabled {
766
- color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
767
- }
768
-
769
- ._0PoNmW_spectrum-Stepper ._0PoNmW_spectrum-Stepper-button._0PoNmW_is-disabled ._0PoNmW_spectrum-Stepper-button-icon {
770
- fill: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
771
- }
772
-
773
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet) ._0PoNmW_spectrum-Stepper-button._0PoNmW_is-hovered {
774
- background-color: var(--spectrum-actionbutton-background-color-hover, var(--spectrum-global-color-gray-50));
775
- background-color: var(--spectrum-actionbutton-background-color-hover, var(--spectrum-global-color-gray-50));
776
- }
777
-
778
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet) ._0PoNmW_spectrum-Stepper-button._0PoNmW_is-active {
779
- background-color: var(--spectrum-actionbutton-background-color-down, var(--spectrum-global-color-gray-200));
780
- }
781
-
782
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet) ._0PoNmW_spectrum-Stepper-button:disabled, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet) ._0PoNmW_spectrum-Stepper-button._0PoNmW_is-disabled {
783
- background-color: var(--spectrum-textfield-background-color-disabled, var(--spectrum-global-color-gray-200));
784
- }
785
-
786
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet ._0PoNmW_spectrum-Stepper-button:disabled {
787
- color: var(--spectrum-textfield-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled));
788
- }
789
-
790
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet ._0PoNmW_spectrum-Stepper-button:disabled ._0PoNmW_spectrum-Stepper-button-icon {
791
- fill: var(--spectrum-textfield-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled));
792
- }
793
-
794
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet ._0PoNmW_spectrum-Stepper-button._0PoNmW_is-disabled {
795
- color: var(--spectrum-textfield-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled));
796
- }
797
-
798
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet ._0PoNmW_spectrum-Stepper-button._0PoNmW_is-disabled ._0PoNmW_spectrum-Stepper-button-icon {
799
- fill: var(--spectrum-textfield-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled));
800
- }
801
-
802
- @media (forced-colors: active) {
803
- ._0PoNmW_spectrum-Stepper {
804
- --spectrum-textfield-border-color-disabled: GrayText;
805
- --spectrum-textfield-border-color-error: Highlight;
806
- --spectrum-textfield-border-color-hover: Highlight;
807
- --spectrum-textfield-border-color-key-focus: Highlight;
808
- --spectrum-textfield-quiet-border-color-disabled: GrayText;
809
- --spectrum-textfield-quiet-border-color-error: Highlight;
810
- --spectrum-textfield-quiet-border-color-hover: Highlight;
811
- --spectrum-textfield-quiet-border-color-key-focus: Highlight;
812
- --spectrum-textfield-quiet-border-color: ButtonText;
813
- --spectrum-textfield-quiet-text-color-disabled: GrayText;
814
- --spectrum-textfield-text-color-disabled: GrayText;
815
- }
816
-
817
- ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet)._0PoNmW_is-focused, ._0PoNmW_spectrum-Stepper:not(._0PoNmW_spectrum-Stepper--isQuiet):focus {
818
- outline: 2px solid highlight;
819
- }
820
-
821
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--readonly._0PoNmW_spectrum-Stepper--isQuiet ._0PoNmW_spectrum-Stepper-button {
822
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
823
- }
824
-
825
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-focused {
826
- forced-color-adjust: none;
827
- box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
828
- }
829
-
830
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-focused ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-focused ._0PoNmW_spectrum-Stepper-button {
831
- forced-color-adjust: auto;
832
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
833
- }
834
-
835
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet:focus {
836
- forced-color-adjust: none;
837
- box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
838
- }
839
-
840
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet:focus ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet:focus ._0PoNmW_spectrum-Stepper-button {
841
- forced-color-adjust: auto;
842
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
843
- }
844
-
845
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_focus-ring ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_focus-ring ._0PoNmW_spectrum-Stepper-button {
846
- forced-color-adjust: auto;
847
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
848
- }
849
-
850
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_focus-ring {
851
- forced-color-adjust: none;
852
- box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
853
- }
854
-
855
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_focus-ring ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_focus-ring ._0PoNmW_spectrum-Stepper-button {
856
- forced-color-adjust: auto;
857
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
858
- }
859
-
860
- ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-button, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-input, ._0PoNmW_spectrum-Stepper._0PoNmW_spectrum-Stepper--isQuiet._0PoNmW_is-hovered ._0PoNmW_spectrum-Stepper-button {
861
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
862
- }
863
- }
864
- /*# sourceMappingURL=numberfield.df6f415e.css.map */