@react-spectrum/numberfield 3.9.12 → 3.9.14

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