@react-spectrum/numberfield 3.9.0 → 3.9.2

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 (26) hide show
  1. package/dist/NumberField.main.js +149 -0
  2. package/dist/NumberField.main.js.map +1 -0
  3. package/dist/NumberField.mjs +144 -0
  4. package/dist/NumberField.module.js +144 -0
  5. package/dist/NumberField.module.js.map +1 -0
  6. package/dist/StepButton.main.js +90 -0
  7. package/dist/StepButton.main.js.map +1 -0
  8. package/dist/StepButton.mjs +85 -0
  9. package/dist/StepButton.module.js +85 -0
  10. package/dist/StepButton.module.js.map +1 -0
  11. package/dist/import.mjs +1 -346
  12. package/dist/main.js +2 -343
  13. package/dist/main.js.map +1 -1
  14. package/dist/module.js +1 -346
  15. package/dist/module.js.map +1 -1
  16. package/dist/stepper_vars_css.main.js +143 -0
  17. package/dist/stepper_vars_css.main.js.map +1 -0
  18. package/dist/stepper_vars_css.mjs +145 -0
  19. package/dist/stepper_vars_css.module.js +145 -0
  20. package/dist/stepper_vars_css.module.js.map +1 -0
  21. package/dist/types.d.ts +2 -1
  22. package/dist/types.d.ts.map +1 -1
  23. package/dist/vars.07bdf9be.css +840 -0
  24. package/dist/vars.07bdf9be.css.map +1 -0
  25. package/package.json +19 -19
  26. package/dist/main.css +0 -1
package/dist/vars.07bdf9be.css ADDED
@@ -0,0 +1,840 @@
1
+ .Ug6T-W_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
+ .Ug6T-W_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
+ .Ug6T-W_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
+ .Ug6T-W_i18nFontFamily:lang(zh) {
15
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
+ }
17
+
18
+ .Ug6T-W_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
+ .Ug6T-W_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
+ .Ug6T-W_i18nFontFamily:lang(zh-SG), .Ug6T-W_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
+ .Ug6T-W_i18nFontFamily:lang(ko) {
31
+ font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
+ }
33
+
34
+ .Ug6T-W_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
+ .Ug6T-W_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
+ .Ug6T-W_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
+ .Ug6T-W_spectrum-FocusRing.Ug6T-W_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
+ .Ug6T-W_spectrum-FocusRing--quiet:after {
63
+ border-radius: 0;
64
+ }
65
+
66
+ .Ug6T-W_spectrum-FocusRing--quiet.Ug6T-W_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
+ .Ug6T-W_spectrum-FocusRing, .Ug6T-W_spectrum-FocusRing-ring, .Ug6T-W_spectrum-FocusRing--quiet {
73
+ --spectrum-high-contrast-focus-ring-color: Highlight;
74
+ }
75
+
76
+ :is(.Ug6T-W_spectrum-FocusRing, .Ug6T-W_spectrum-FocusRing-ring, .Ug6T-W_spectrum-FocusRing--quiet):after {
77
+ forced-color-adjust: none;
78
+ }
79
+ }
80
+
81
+ .Ug6T-W_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.Ug6T-W_spectrum-BaseButton {
111
+ -webkit-appearance: button;
112
+ }
113
+
114
+ .Ug6T-W_spectrum-BaseButton:focus {
115
+ outline: none;
116
+ }
117
+
118
+ .Ug6T-W_spectrum-BaseButton.Ug6T-W_focus-ring {
119
+ z-index: 3;
120
+ }
121
+
122
+ .Ug6T-W_spectrum-BaseButton::-moz-focus-inner {
123
+ border: 0;
124
+ margin-block: -2px;
125
+ padding: 0;
126
+ }
127
+
128
+ .Ug6T-W_spectrum-BaseButton:disabled, .Ug6T-W_spectrum-BaseButton.Ug6T-W_is-disabled {
129
+ cursor: default;
130
+ }
131
+
132
+ .Ug6T-W_spectrum-BaseButton .Ug6T-W_spectrum-Icon {
133
+ transition: background var(--spectrum-global-animation-duration-100, .13s) ease-out, fill var(--spectrum-global-animation-duration-100, .13s) ease-out;
134
+ box-sizing: initial;
135
+ flex-shrink: 0;
136
+ order: 0;
137
+ max-block-size: 100%;
138
+ }
139
+
140
+ .Ug6T-W_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
+ min-inline-size: var(--spectrum-button-primary-min-width);
145
+ 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)));
146
+ font-size: var(--spectrum-button-primary-text-size, var(--spectrum-alias-pill-button-text-size));
147
+ font-weight: var(--spectrum-button-primary-text-font-weight, var(--spectrum-global-font-weight-bold));
148
+ border-style: solid;
149
+ block-size: 0%;
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
+ .Ug6T-W_spectrum-Button.Ug6T-W_is-hovered, .Ug6T-W_spectrum-Button:active {
155
+ box-shadow: none;
156
+ }
157
+
158
+ .Ug6T-W_spectrum-Button .Ug6T-W_spectrum-Icon + .Ug6T-W_spectrum-Button-label {
159
+ margin-inline-start: var(--spectrum-button-primary-text-gap, var(--spectrum-global-dimension-size-100));
160
+ }
161
+
162
+ .Ug6T-W_spectrum-Button .Ug6T-W_spectrum-Button-label + .Ug6T-W_spectrum-Icon {
163
+ margin-inline-end: var(--spectrum-button-primary-text-gap, var(--spectrum-global-dimension-size-100));
164
+ }
165
+
166
+ .Ug6T-W_spectrum-Button.Ug6T-W_spectrum-Button--iconOnly {
167
+ min-inline-size: unset;
168
+ padding: var(--spectrum-global-dimension-size-65);
169
+ }
170
+
171
+ .Ug6T-W_spectrum-Button .Ug6T-W_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
+ .Ug6T-W_spectrum-Button.Ug6T-W_spectrum-Button--pending .Ug6T-W_spectrum-Button-label, .Ug6T-W_spectrum-Button.Ug6T-W_spectrum-Button--pending .Ug6T-W_spectrum-Icon {
181
+ opacity: 0;
182
+ }
183
+
184
+ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
185
+ -webkit-appearance: none;
186
+ -webkit-user-select: none;
187
+ user-select: none;
188
+ cursor: pointer;
189
+ }
190
+
191
+ .Ug6T-W_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
+ .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon {
203
+ padding-inline-start: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
204
+ }
205
+
206
+ .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label {
207
+ padding-inline-end: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150));
208
+ }
209
+
210
+ .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon + .Ug6T-W_spectrum-ActionButton-label {
211
+ padding-inline-start: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
212
+ }
213
+
214
+ .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:not([hidden]) + .Ug6T-W_spectrum-Icon {
215
+ padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
216
+ }
217
+
218
+ .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:only-child, .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold + .Ug6T-W_spectrum-ActionButton-label:last-child {
219
+ padding-inline-start: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150));
220
+ }
221
+
222
+ .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon:only-child, .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold + .Ug6T-W_spectrum-Icon:last-child {
223
+ padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
224
+ }
225
+
226
+ .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionGroup-itemIcon.Ug6T-W_spectrum-ActionGroup-itemIcon {
227
+ padding-inline-end: 0;
228
+ }
229
+
230
+ .Ug6T-W_spectrum-ActionButton-hold {
231
+ bottom: var(--spectrum-actionbutton-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-40));
232
+ position: absolute;
233
+ }
234
+
235
+ .Ug6T-W_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
+ .Ug6T-W_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
+ .Ug6T-W_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
+ .Ug6T-W_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"] .Ug6T-W_spectrum-ActionButton-hold {
252
+ transform: rotate(90deg);
253
+ }
254
+
255
+ .Ug6T-W_spectrum-ActionButton-label, .Ug6T-W_spectrum-Button-label {
256
+ text-align: center;
257
+ order: 1;
258
+ place-self: center;
259
+ inline-size: 100%;
260
+ }
261
+
262
+ :is(.Ug6T-W_spectrum-ActionButton-label, .Ug6T-W_spectrum-Button-label):empty {
263
+ display: none;
264
+ }
265
+
266
+ .Ug6T-W_spectrum-ActionButton-label {
267
+ white-space: nowrap;
268
+ text-overflow: ellipsis;
269
+ overflow: hidden;
270
+ }
271
+
272
+ .Ug6T-W_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
+ .Ug6T-W_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
+ .Ug6T-W_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
+ .Ug6T-W_spectrum-FieldButton:disabled, .Ug6T-W_spectrum-FieldButton.Ug6T-W_is-disabled {
312
+ cursor: default;
313
+ border-width: 0;
314
+ }
315
+
316
+ .Ug6T-W_spectrum-FieldButton.Ug6T-W_is-open {
317
+ border-width: var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin));
318
+ }
319
+
320
+ .Ug6T-W_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
+ .Ug6T-W_spectrum-FieldButton--quiet:disabled.Ug6T-W_focus-ring, .Ug6T-W_spectrum-FieldButton--quiet.Ug6T-W_is-disabled.Ug6T-W_focus-ring {
329
+ box-shadow: none;
330
+ }
331
+
332
+ .Ug6T-W_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
+ .Ug6T-W_spectrum-ClearButton > .Ug6T-W_spectrum-Icon {
343
+ margin-block: 0;
344
+ margin-inline: auto;
345
+ }
346
+
347
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
348
+ .Ug6T-W_spectrum-ClearButton > .Ug6T-W_spectrum-Icon {
349
+ margin: 0;
350
+ }
351
+ }
352
+
353
+ .Ug6T-W_spectrum-ClearButton--small {
354
+ inline-size: var(--spectrum-clearbutton-small-width, var(--spectrum-global-dimension-size-300));
355
+ block-size: var(--spectrum-clearbutton-small-height, var(--spectrum-global-dimension-size-300));
356
+ }
357
+
358
+ .Ug6T-W_spectrum-Stepper {
359
+ --spectrum-stepper-width: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) * 4);
360
+ inline-size: var(--spectrum-stepper-width);
361
+ 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;
362
+ block-size: max-content;
363
+ line-height: 0;
364
+ display: inline-grid;
365
+ position: relative;
366
+ }
367
+
368
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isMobile) {
369
+ grid-template: "Ug6T-W_field Ug6T-W_increment"
370
+ "Ug6T-W_field Ug6T-W_decrement"
371
+ / 1fr auto;
372
+ }
373
+
374
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp {
375
+ padding-block-start: calc(var(--spectrum-global-dimension-size-50) + 1px);
376
+ padding-block-end: calc(var(--spectrum-global-dimension-size-50) - .5px);
377
+ }
378
+
379
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown {
380
+ padding-block-start: calc(var(--spectrum-global-dimension-size-50) - .5px);
381
+ padding-block-end: calc(var(--spectrum-global-dimension-size-50) + .5px);
382
+ }
383
+
384
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isMobile {
385
+ --spectrum-stepper-width: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) * 5);
386
+ grid-template: "Ug6T-W_decrement Ug6T-W_field Ug6T-W_increment"
387
+ / auto 1fr auto;
388
+ }
389
+
390
+ .Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-field {
391
+ inline-size: unset;
392
+ min-inline-size: var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400));
393
+ grid-area: Ug6T-W_field;
394
+ }
395
+
396
+ .Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-icon {
397
+ padding-inline-end: 0;
398
+ }
399
+
400
+ .Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button--stepUp {
401
+ grid-area: Ug6T-W_increment;
402
+ }
403
+
404
+ .Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button--stepDown {
405
+ grid-area: Ug6T-W_decrement;
406
+ }
407
+
408
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) {
409
+ border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
410
+ }
411
+
412
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_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))) {
413
+ right: var(--spectrum-global-dimension-size-100);
414
+ }
415
+
416
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_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))) {
417
+ right: var(--spectrum-global-dimension-size-100);
418
+ }
419
+
420
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_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)) {
421
+ left: var(--spectrum-global-dimension-size-100);
422
+ }
423
+
424
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_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)) {
425
+ left: var(--spectrum-global-dimension-size-100);
426
+ }
427
+
428
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):not(.Ug6T-W_spectrum-Stepper--showStepper):not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button {
429
+ block-size: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) / 2);
430
+ inline-size: 24px;
431
+ }
432
+
433
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):not(.Ug6T-W_spectrum-Stepper--showStepper).Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button {
434
+ block-size: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
435
+ inline-size: var(--spectrum-actionbutton-min-width, var(--spectrum-global-dimension-size-400));
436
+ }
437
+
438
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_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))) {
439
+ border-top-right-radius: 0;
440
+ border-bottom-right-radius: 0;
441
+ }
442
+
443
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_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))) {
444
+ border-top-right-radius: 0;
445
+ border-bottom-right-radius: 0;
446
+ }
447
+
448
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_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)) {
449
+ border-top-left-radius: 0;
450
+ border-bottom-left-radius: 0;
451
+ }
452
+
453
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_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)) {
454
+ border-top-left-radius: 0;
455
+ border-bottom-left-radius: 0;
456
+ }
457
+
458
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button {
459
+ block-size: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) / 2);
460
+ border-inline-start-width: 0;
461
+ inline-size: 24px;
462
+ }
463
+
464
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown {
465
+ border-block-start-width: 1px;
466
+ border-block-end-width: var(--spectrum-alias-input-border-size);
467
+ border-inline-end-width: var(--spectrum-alias-input-border-size);
468
+ }
469
+
470
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_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))) {
471
+ border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
472
+ }
473
+
474
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_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))) {
475
+ border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
476
+ }
477
+
478
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_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)) {
479
+ border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
480
+ }
481
+
482
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_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)) {
483
+ border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
484
+ }
485
+
486
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp {
487
+ border-block-start-width: var(--spectrum-alias-input-border-size);
488
+ border-inline-end-width: var(--spectrum-alias-input-border-size);
489
+ }
490
+
491
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_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))) {
492
+ border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
493
+ }
494
+
495
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_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))) {
496
+ border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
497
+ }
498
+
499
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_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)) {
500
+ border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
501
+ }
502
+
503
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_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)) {
504
+ border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
505
+ }
506
+
507
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-input {
508
+ border-radius: 0;
509
+ }
510
+
511
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button {
512
+ block-size: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
513
+ inline-size: var(--spectrum-actionbutton-min-width, var(--spectrum-global-dimension-size-400));
514
+ }
515
+
516
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown {
517
+ border-block-start-width: var(--spectrum-alias-input-border-size);
518
+ border-block-end-width: var(--spectrum-alias-input-border-size);
519
+ border-inline-start-width: var(--spectrum-alias-input-border-size);
520
+ }
521
+
522
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_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))) {
523
+ border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
524
+ border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
525
+ }
526
+
527
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_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))) {
528
+ border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
529
+ border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
530
+ }
531
+
532
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_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)) {
533
+ border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
534
+ border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
535
+ }
536
+
537
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_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)) {
538
+ border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
539
+ border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
540
+ }
541
+
542
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp {
543
+ border-block-start-width: var(--spectrum-alias-input-border-size);
544
+ border-block-end-width: var(--spectrum-alias-input-border-size);
545
+ border-inline-end-width: var(--spectrum-alias-input-border-size);
546
+ }
547
+
548
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_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))) {
549
+ border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
550
+ border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
551
+ }
552
+
553
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_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))) {
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
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_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)) {
559
+ border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
560
+ border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
561
+ }
562
+
563
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_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)) {
564
+ border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
565
+ border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
566
+ }
567
+
568
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_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))) {
569
+ right: 0;
570
+ }
571
+
572
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_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))) {
573
+ right: 0;
574
+ }
575
+
576
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_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)) {
577
+ left: 0;
578
+ }
579
+
580
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_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)) {
581
+ left: 0;
582
+ }
583
+
584
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:not(.Ug6T-W_spectrum-Stepper--showStepper):not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button {
585
+ block-size: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) / 2);
586
+ inline-size: 24px;
587
+ }
588
+
589
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:not(.Ug6T-W_spectrum-Stepper--showStepper):not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown {
590
+ border-block-end-width: var(--spectrum-alias-input-border-size);
591
+ }
592
+
593
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:not(.Ug6T-W_spectrum-Stepper--showStepper).Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button {
594
+ block-size: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
595
+ inline-size: var(--spectrum-actionbutton-min-width, var(--spectrum-global-dimension-size-400));
596
+ border-block-end-width: var(--spectrum-alias-input-border-size);
597
+ }
598
+
599
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button {
600
+ block-size: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) / 2);
601
+ inline-size: 24px;
602
+ }
603
+
604
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown {
605
+ border-block-end-width: var(--spectrum-alias-input-border-size);
606
+ }
607
+
608
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button {
609
+ block-size: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
610
+ inline-size: var(--spectrum-actionbutton-min-width, var(--spectrum-global-dimension-size-400));
611
+ border-block-end-width: var(--spectrum-alias-input-border-size);
612
+ }
613
+
614
+ .Ug6T-W_spectrum-Stepper-container.Ug6T-W_spectrum-Stepper-container {
615
+ --spectrum-field-default-width: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) * 4);
616
+ }
617
+
618
+ .Ug6T-W_spectrum-Stepper-container.Ug6T-W_spectrum-Stepper-container--isMobile {
619
+ --spectrum-field-default-width: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) * 5);
620
+ }
621
+
622
+ .Ug6T-W_spectrum-Stepper-button {
623
+ border-width: 0;
624
+ }
625
+
626
+ .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered, .Ug6T-W_spectrum-Stepper-button:active {
627
+ box-shadow: none;
628
+ }
629
+
630
+ .Ug6T-W_spectrum-Stepper-button .Ug6T-W_spectrum-Stepper-button-icon {
631
+ transition: background var(--spectrum-global-animation-duration-100, .13s) ease-out, fill var(--spectrum-global-animation-duration-100, .13s) ease-out;
632
+ box-sizing: initial;
633
+ flex-shrink: 0;
634
+ max-block-size: 100%;
635
+ }
636
+
637
+ .Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button-icon {
638
+ fill: var(--spectrum-actionbutton-icon-color, var(--spectrum-alias-icon-color));
639
+ }
640
+
641
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-input {
642
+ border-color: var(--spectrum-textfield-border-color, var(--spectrum-alias-border-color));
643
+ }
644
+
645
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button {
646
+ background-color: var(--spectrum-actionbutton-background-color, var(--spectrum-global-color-gray-75));
647
+ border-color: var(--spectrum-textfield-border-color, var(--spectrum-alias-border-color));
648
+ color: var(--spectrum-actionbutton-text-color, var(--spectrum-alias-text-color));
649
+ }
650
+
651
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
652
+ border-color: var(--spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover));
653
+ }
654
+
655
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):active .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):active .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):focus .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):focus .Ug6T-W_spectrum-Stepper-button {
656
+ border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
657
+ }
658
+
659
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):disabled .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):disabled .Ug6T-W_spectrum-Stepper-button {
660
+ border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
661
+ }
662
+
663
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-button {
664
+ border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
665
+ }
666
+
667
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
668
+ border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
669
+ }
670
+
671
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-button {
672
+ border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
673
+ }
674
+
675
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button {
676
+ border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
677
+ }
678
+
679
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-input {
680
+ border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
681
+ }
682
+
683
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button {
684
+ background-color: unset;
685
+ border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
686
+ color: var(--spectrum-actionbutton-text-color, var(--spectrum-alias-text-color));
687
+ }
688
+
689
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
690
+ border-color: var(--spectrum-textfield-quiet-border-color-hover, var(--spectrum-alias-border-color-hover));
691
+ }
692
+
693
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:active .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:active .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button {
694
+ border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
695
+ }
696
+
697
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:disabled .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:disabled .Ug6T-W_spectrum-Stepper-button {
698
+ border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
699
+ }
700
+
701
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-button {
702
+ border-color: var(--spectrum-textfield-quiet-border-color-error, var(--spectrum-semantic-negative-color-default));
703
+ }
704
+
705
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
706
+ border-color: var(--spectrum-textfield-quiet-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
707
+ }
708
+
709
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-button {
710
+ border-color: var(--spectrum-textfield-quiet-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
711
+ }
712
+
713
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button {
714
+ border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
715
+ }
716
+
717
+ .Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered {
718
+ color: var(--spectrum-actionbutton-text-color-hover, var(--spectrum-alias-text-color-hover));
719
+ }
720
+
721
+ .Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button-icon {
722
+ fill: var(--spectrum-actionbutton-icon-color-hover, var(--spectrum-alias-icon-color-hover));
723
+ }
724
+
725
+ .Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-active {
726
+ color: var(--spectrum-actionbutton-text-color-down, var(--spectrum-alias-text-color-down));
727
+ }
728
+
729
+ .Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-button-icon {
730
+ fill: var(--spectrum-actionbutton-text-color-down, var(--spectrum-alias-text-color-down));
731
+ }
732
+
733
+ .Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button:disabled {
734
+ color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
735
+ }
736
+
737
+ .Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button:disabled .Ug6T-W_spectrum-Stepper-button-icon {
738
+ fill: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
739
+ }
740
+
741
+ .Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled {
742
+ color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
743
+ }
744
+
745
+ .Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-button-icon {
746
+ fill: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
747
+ }
748
+
749
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered {
750
+ background-color: var(--spectrum-actionbutton-background-color-hover, var(--spectrum-global-color-gray-50));
751
+ background-color: var(--spectrum-actionbutton-background-color-hover, var(--spectrum-global-color-gray-50));
752
+ }
753
+
754
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-active {
755
+ background-color: var(--spectrum-actionbutton-background-color-down, var(--spectrum-global-color-gray-200));
756
+ }
757
+
758
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button:disabled, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled {
759
+ background-color: var(--spectrum-textfield-background-color-disabled, var(--spectrum-global-color-gray-200));
760
+ }
761
+
762
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button:disabled {
763
+ color: var(--spectrum-textfield-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled));
764
+ }
765
+
766
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button:disabled .Ug6T-W_spectrum-Stepper-button-icon {
767
+ fill: var(--spectrum-textfield-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled));
768
+ }
769
+
770
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled {
771
+ color: var(--spectrum-textfield-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled));
772
+ }
773
+
774
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-button-icon {
775
+ fill: var(--spectrum-textfield-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled));
776
+ }
777
+
778
+ @media (forced-colors: active) {
779
+ .Ug6T-W_spectrum-Stepper {
780
+ --spectrum-textfield-border-color-disabled: GrayText;
781
+ --spectrum-textfield-border-color-error: Highlight;
782
+ --spectrum-textfield-border-color-hover: Highlight;
783
+ --spectrum-textfield-border-color-key-focus: Highlight;
784
+ --spectrum-textfield-quiet-border-color-disabled: GrayText;
785
+ --spectrum-textfield-quiet-border-color-error: Highlight;
786
+ --spectrum-textfield-quiet-border-color-hover: Highlight;
787
+ --spectrum-textfield-quiet-border-color-key-focus: Highlight;
788
+ --spectrum-textfield-quiet-border-color: ButtonText;
789
+ --spectrum-textfield-quiet-text-color-disabled: GrayText;
790
+ --spectrum-textfield-text-color-disabled: GrayText;
791
+ }
792
+
793
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-focused, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):focus {
794
+ outline: 2px solid highlight;
795
+ }
796
+
797
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--readonly.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button {
798
+ border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
799
+ }
800
+
801
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused {
802
+ forced-color-adjust: none;
803
+ box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
804
+ }
805
+
806
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button {
807
+ forced-color-adjust: auto;
808
+ border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
809
+ }
810
+
811
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus {
812
+ forced-color-adjust: none;
813
+ box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
814
+ }
815
+
816
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-button {
817
+ forced-color-adjust: auto;
818
+ border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
819
+ }
820
+
821
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button {
822
+ forced-color-adjust: auto;
823
+ border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
824
+ }
825
+
826
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring {
827
+ forced-color-adjust: none;
828
+ box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
829
+ }
830
+
831
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button {
832
+ forced-color-adjust: auto;
833
+ border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
834
+ }
835
+
836
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
837
+ border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
838
+ }
839
+ }
840
+ /*# sourceMappingURL=vars.07bdf9be.css.map */