@react-spectrum/numberfield 3.9.11 → 3.9.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,840 +0,0 @@
1
- .WWhV7q_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
- .WWhV7q_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
- .WWhV7q_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
- .WWhV7q_i18nFontFamily:lang(zh) {
15
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
- }
17
-
18
- .WWhV7q_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
- .WWhV7q_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
- .WWhV7q_i18nFontFamily:lang(zh-SG), .WWhV7q_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
- .WWhV7q_i18nFontFamily:lang(ko) {
31
- font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
- }
33
-
34
- .WWhV7q_i18nFontFamily:lang(ja) {
35
- font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
36
- }
37
-
38
- .WWhV7q_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
- .WWhV7q_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
- .WWhV7q_spectrum-FocusRing.WWhV7q_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
- .WWhV7q_spectrum-FocusRing--quiet:after {
63
- border-radius: 0;
64
- }
65
-
66
- .WWhV7q_spectrum-FocusRing--quiet.WWhV7q_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
- .WWhV7q_spectrum-FocusRing, .WWhV7q_spectrum-FocusRing-ring, .WWhV7q_spectrum-FocusRing--quiet {
73
- --spectrum-high-contrast-focus-ring-color: Highlight;
74
- }
75
-
76
- :is(.WWhV7q_spectrum-FocusRing, .WWhV7q_spectrum-FocusRing-ring, .WWhV7q_spectrum-FocusRing--quiet):after {
77
- forced-color-adjust: none;
78
- }
79
- }
80
-
81
- .WWhV7q_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.WWhV7q_spectrum-BaseButton {
111
- -webkit-appearance: button;
112
- }
113
-
114
- .WWhV7q_spectrum-BaseButton:focus {
115
- outline: none;
116
- }
117
-
118
- .WWhV7q_spectrum-BaseButton.WWhV7q_focus-ring {
119
- z-index: 3;
120
- }
121
-
122
- .WWhV7q_spectrum-BaseButton::-moz-focus-inner {
123
- border: 0;
124
- margin-block: -2px;
125
- padding: 0;
126
- }
127
-
128
- .WWhV7q_spectrum-BaseButton:disabled, .WWhV7q_spectrum-BaseButton.WWhV7q_is-disabled {
129
- cursor: default;
130
- }
131
-
132
- .WWhV7q_spectrum-BaseButton .WWhV7q_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
- .WWhV7q_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
- .WWhV7q_spectrum-Button.WWhV7q_is-hovered, .WWhV7q_spectrum-Button:active {
155
- box-shadow: none;
156
- }
157
-
158
- .WWhV7q_spectrum-Button .WWhV7q_spectrum-Icon + .WWhV7q_spectrum-Button-label {
159
- margin-inline-start: var(--spectrum-button-primary-text-gap, var(--spectrum-global-dimension-size-100));
160
- }
161
-
162
- .WWhV7q_spectrum-Button .WWhV7q_spectrum-Button-label + .WWhV7q_spectrum-Icon {
163
- margin-inline-end: var(--spectrum-button-primary-text-gap, var(--spectrum-global-dimension-size-100));
164
- }
165
-
166
- .WWhV7q_spectrum-Button.WWhV7q_spectrum-Button--iconOnly {
167
- min-inline-size: unset;
168
- padding: var(--spectrum-global-dimension-size-65);
169
- }
170
-
171
- .WWhV7q_spectrum-Button .WWhV7q_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
- .WWhV7q_spectrum-Button.WWhV7q_spectrum-Button--pending .WWhV7q_spectrum-Button-label, .WWhV7q_spectrum-Button.WWhV7q_spectrum-Button--pending .WWhV7q_spectrum-Icon {
181
- opacity: 0;
182
- }
183
-
184
- a.WWhV7q_spectrum-Button, a.WWhV7q_spectrum-ActionButton {
185
- -webkit-appearance: none;
186
- -webkit-user-select: none;
187
- user-select: none;
188
- cursor: pointer;
189
- }
190
-
191
- .WWhV7q_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
- .WWhV7q_spectrum-ActionButton .WWhV7q_spectrum-Icon {
203
- padding-inline-start: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
204
- }
205
-
206
- .WWhV7q_spectrum-ActionButton .WWhV7q_spectrum-ActionButton-label {
207
- padding-inline-end: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150));
208
- }
209
-
210
- .WWhV7q_spectrum-ActionButton .WWhV7q_spectrum-Icon + .WWhV7q_spectrum-ActionButton-label {
211
- padding-inline-start: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
212
- }
213
-
214
- .WWhV7q_spectrum-ActionButton .WWhV7q_spectrum-ActionButton-label:not([hidden]) + .WWhV7q_spectrum-Icon {
215
- padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
216
- }
217
-
218
- .WWhV7q_spectrum-ActionButton .WWhV7q_spectrum-ActionButton-label:only-child, .WWhV7q_spectrum-ActionButton .WWhV7q_spectrum-ActionButton-hold + .WWhV7q_spectrum-ActionButton-label:last-child {
219
- padding-inline-start: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150));
220
- }
221
-
222
- .WWhV7q_spectrum-ActionButton .WWhV7q_spectrum-Icon:only-child, .WWhV7q_spectrum-ActionButton .WWhV7q_spectrum-ActionButton-hold + .WWhV7q_spectrum-Icon:last-child {
223
- padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
224
- }
225
-
226
- .WWhV7q_spectrum-ActionButton .WWhV7q_spectrum-ActionGroup-itemIcon.WWhV7q_spectrum-ActionGroup-itemIcon {
227
- padding-inline-end: 0;
228
- }
229
-
230
- .WWhV7q_spectrum-ActionButton-hold {
231
- bottom: var(--spectrum-actionbutton-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-40));
232
- position: absolute;
233
- }
234
-
235
- .WWhV7q_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
- .WWhV7q_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
- .WWhV7q_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
- .WWhV7q_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"] .WWhV7q_spectrum-ActionButton-hold {
252
- transform: rotate(90deg);
253
- }
254
-
255
- .WWhV7q_spectrum-ActionButton-label, .WWhV7q_spectrum-Button-label {
256
- text-align: center;
257
- order: 1;
258
- place-self: center;
259
- inline-size: 100%;
260
- }
261
-
262
- :is(.WWhV7q_spectrum-ActionButton-label, .WWhV7q_spectrum-Button-label):empty {
263
- display: none;
264
- }
265
-
266
- .WWhV7q_spectrum-ActionButton-label {
267
- white-space: nowrap;
268
- text-overflow: ellipsis;
269
- overflow: hidden;
270
- }
271
-
272
- .WWhV7q_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
- .WWhV7q_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
- .WWhV7q_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
- .WWhV7q_spectrum-FieldButton:disabled, .WWhV7q_spectrum-FieldButton.WWhV7q_is-disabled {
312
- cursor: default;
313
- border-width: 0;
314
- }
315
-
316
- .WWhV7q_spectrum-FieldButton.WWhV7q_is-open {
317
- border-width: var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin));
318
- }
319
-
320
- .WWhV7q_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
- .WWhV7q_spectrum-FieldButton--quiet:disabled.WWhV7q_focus-ring, .WWhV7q_spectrum-FieldButton--quiet.WWhV7q_is-disabled.WWhV7q_focus-ring {
329
- box-shadow: none;
330
- }
331
-
332
- .WWhV7q_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
- .WWhV7q_spectrum-ClearButton > .WWhV7q_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
- .WWhV7q_spectrum-ClearButton > .WWhV7q_spectrum-Icon {
349
- margin: 0;
350
- }
351
- }
352
-
353
- .WWhV7q_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
- .WWhV7q_spectrum-Stepper {
359
- --spectrum-stepper-width: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) * 4);
360
- block-size: max-content;
361
- inline-size: var(--spectrum-stepper-width);
362
- 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;
363
- line-height: 0;
364
- display: inline-grid;
365
- position: relative;
366
- }
367
-
368
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isMobile) {
369
- grid-template: "WWhV7q_field WWhV7q_increment"
370
- "WWhV7q_field WWhV7q_decrement"
371
- / 1fr auto;
372
- }
373
-
374
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isMobile {
385
- --spectrum-stepper-width: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) * 5);
386
- grid-template: "WWhV7q_decrement WWhV7q_field WWhV7q_increment"
387
- / auto 1fr auto;
388
- }
389
-
390
- .WWhV7q_spectrum-Stepper .WWhV7q_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: WWhV7q_field;
394
- }
395
-
396
- .WWhV7q_spectrum-Stepper .WWhV7q_spectrum-Stepper-icon {
397
- padding-inline-end: 0;
398
- }
399
-
400
- .WWhV7q_spectrum-Stepper .WWhV7q_spectrum-Stepper-button--stepUp {
401
- grid-area: WWhV7q_increment;
402
- }
403
-
404
- .WWhV7q_spectrum-Stepper .WWhV7q_spectrum-Stepper-button--stepDown {
405
- grid-area: WWhV7q_decrement;
406
- }
407
-
408
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet) {
409
- border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
410
- }
411
-
412
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet):not(.WWhV7q_spectrum-Stepper--showStepper):not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet):not(.WWhV7q_spectrum-Stepper--showStepper).WWhV7q_spectrum-Stepper--isMobile .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper.WWhV7q_spectrum-Stepper--isMobile .WWhV7q_spectrum-Stepper-input {
508
- border-radius: 0;
509
- }
510
-
511
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper.WWhV7q_spectrum-Stepper--isMobile .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper.WWhV7q_spectrum-Stepper--isMobile .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper.WWhV7q_spectrum-Stepper--isMobile .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper.WWhV7q_spectrum-Stepper--isMobile .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper.WWhV7q_spectrum-Stepper--isMobile .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper.WWhV7q_spectrum-Stepper--isMobile .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper.WWhV7q_spectrum-Stepper--isMobile .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper.WWhV7q_spectrum-Stepper--isMobile .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper.WWhV7q_spectrum-Stepper--isMobile .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper.WWhV7q_spectrum-Stepper--isMobile .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_spectrum-Stepper--showStepper.WWhV7q_spectrum-Stepper--isMobile .WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet .WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet .WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet .WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet .WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet:not(.WWhV7q_spectrum-Stepper--showStepper):not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet:not(.WWhV7q_spectrum-Stepper--showStepper):not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_spectrum-Stepper-button--stepDown {
590
- border-block-end-width: var(--spectrum-alias-input-border-size);
591
- }
592
-
593
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet:not(.WWhV7q_spectrum-Stepper--showStepper).WWhV7q_spectrum-Stepper--isMobile .WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_spectrum-Stepper--showStepper:not(.WWhV7q_spectrum-Stepper--isMobile) .WWhV7q_spectrum-Stepper-button--stepDown {
605
- border-block-end-width: var(--spectrum-alias-input-border-size);
606
- }
607
-
608
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_spectrum-Stepper--showStepper.WWhV7q_spectrum-Stepper--isMobile .WWhV7q_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
- .WWhV7q_spectrum-Stepper-container.WWhV7q_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
- .WWhV7q_spectrum-Stepper-container.WWhV7q_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
- .WWhV7q_spectrum-Stepper-button {
623
- border-width: 0;
624
- }
625
-
626
- .WWhV7q_spectrum-Stepper-button.WWhV7q_is-hovered, .WWhV7q_spectrum-Stepper-button:active {
627
- box-shadow: none;
628
- }
629
-
630
- .WWhV7q_spectrum-Stepper-button .WWhV7q_spectrum-Stepper-button-icon {
631
- max-block-size: 100%;
632
- transition: background var(--spectrum-global-animation-duration-100, .13s) ease-out, fill var(--spectrum-global-animation-duration-100, .13s) ease-out;
633
- box-sizing: initial;
634
- flex-shrink: 0;
635
- }
636
-
637
- .WWhV7q_spectrum-Stepper .WWhV7q_spectrum-Stepper-button-icon {
638
- fill: var(--spectrum-actionbutton-icon-color, var(--spectrum-alias-icon-color));
639
- }
640
-
641
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet) .WWhV7q_spectrum-Stepper-input {
642
- border-color: var(--spectrum-textfield-border-color, var(--spectrum-alias-border-color));
643
- }
644
-
645
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet) .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-hovered .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-hovered .WWhV7q_spectrum-Stepper-button, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-hovered .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-hovered .WWhV7q_spectrum-Stepper-button {
652
- border-color: var(--spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover));
653
- }
654
-
655
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-active .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-active .WWhV7q_spectrum-Stepper-button, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet):active .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet):active .WWhV7q_spectrum-Stepper-button, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-focused .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-focused .WWhV7q_spectrum-Stepper-button, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet):focus .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet):focus .WWhV7q_spectrum-Stepper-button {
656
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
657
- }
658
-
659
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-disabled .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-disabled .WWhV7q_spectrum-Stepper-button, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet):disabled .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet):disabled .WWhV7q_spectrum-Stepper-button {
660
- border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
661
- }
662
-
663
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-invalid .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-invalid .WWhV7q_spectrum-Stepper-button {
664
- border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
665
- }
666
-
667
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-invalid.WWhV7q_is-hovered .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-invalid.WWhV7q_is-hovered .WWhV7q_spectrum-Stepper-button {
668
- border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
669
- }
670
-
671
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-invalid:active .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-invalid:active .WWhV7q_spectrum-Stepper-button {
672
- border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
673
- }
674
-
675
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-invalid.WWhV7q_focus-ring .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-invalid.WWhV7q_focus-ring .WWhV7q_spectrum-Stepper-button, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-invalid.WWhV7q_focus-ring .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-invalid.WWhV7q_focus-ring .WWhV7q_spectrum-Stepper-button, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-invalid.WWhV7q_is-focused .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-invalid.WWhV7q_is-focused .WWhV7q_spectrum-Stepper-button {
676
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
677
- }
678
-
679
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet .WWhV7q_spectrum-Stepper-input {
680
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
681
- }
682
-
683
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet .WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-hovered .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-hovered .WWhV7q_spectrum-Stepper-button, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-hovered .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-hovered .WWhV7q_spectrum-Stepper-button {
690
- border-color: var(--spectrum-textfield-quiet-border-color-hover, var(--spectrum-alias-border-color-hover));
691
- }
692
-
693
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-active .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-active .WWhV7q_spectrum-Stepper-button, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet:active .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet:active .WWhV7q_spectrum-Stepper-button, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-focused .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-focused .WWhV7q_spectrum-Stepper-button, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet:focus .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet:focus .WWhV7q_spectrum-Stepper-button, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_focus-ring .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_focus-ring .WWhV7q_spectrum-Stepper-button, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_focus-ring .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_focus-ring .WWhV7q_spectrum-Stepper-button {
694
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
695
- }
696
-
697
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-disabled .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-disabled .WWhV7q_spectrum-Stepper-button, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet:disabled .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet:disabled .WWhV7q_spectrum-Stepper-button {
698
- border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
699
- }
700
-
701
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-invalid .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-invalid .WWhV7q_spectrum-Stepper-button {
702
- border-color: var(--spectrum-textfield-quiet-border-color-error, var(--spectrum-semantic-negative-color-default));
703
- }
704
-
705
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-invalid.WWhV7q_is-hovered .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-invalid.WWhV7q_is-hovered .WWhV7q_spectrum-Stepper-button {
706
- border-color: var(--spectrum-textfield-quiet-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
707
- }
708
-
709
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-invalid:active .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-invalid:active .WWhV7q_spectrum-Stepper-button {
710
- border-color: var(--spectrum-textfield-quiet-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
711
- }
712
-
713
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-invalid.WWhV7q_is-focused .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-invalid.WWhV7q_is-focused .WWhV7q_spectrum-Stepper-button {
714
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
715
- }
716
-
717
- .WWhV7q_spectrum-Stepper .WWhV7q_spectrum-Stepper-button.WWhV7q_is-hovered {
718
- color: var(--spectrum-actionbutton-text-color-hover, var(--spectrum-alias-text-color-hover));
719
- }
720
-
721
- .WWhV7q_spectrum-Stepper .WWhV7q_spectrum-Stepper-button.WWhV7q_is-hovered .WWhV7q_spectrum-Stepper-button-icon {
722
- fill: var(--spectrum-actionbutton-icon-color-hover, var(--spectrum-alias-icon-color-hover));
723
- }
724
-
725
- .WWhV7q_spectrum-Stepper .WWhV7q_spectrum-Stepper-button.WWhV7q_is-active {
726
- color: var(--spectrum-actionbutton-text-color-down, var(--spectrum-alias-text-color-down));
727
- }
728
-
729
- .WWhV7q_spectrum-Stepper .WWhV7q_spectrum-Stepper-button.WWhV7q_is-active .WWhV7q_spectrum-Stepper-button-icon {
730
- fill: var(--spectrum-actionbutton-text-color-down, var(--spectrum-alias-text-color-down));
731
- }
732
-
733
- .WWhV7q_spectrum-Stepper .WWhV7q_spectrum-Stepper-button:disabled {
734
- color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
735
- }
736
-
737
- .WWhV7q_spectrum-Stepper .WWhV7q_spectrum-Stepper-button:disabled .WWhV7q_spectrum-Stepper-button-icon {
738
- fill: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
739
- }
740
-
741
- .WWhV7q_spectrum-Stepper .WWhV7q_spectrum-Stepper-button.WWhV7q_is-disabled {
742
- color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
743
- }
744
-
745
- .WWhV7q_spectrum-Stepper .WWhV7q_spectrum-Stepper-button.WWhV7q_is-disabled .WWhV7q_spectrum-Stepper-button-icon {
746
- fill: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
747
- }
748
-
749
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet) .WWhV7q_spectrum-Stepper-button.WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet) .WWhV7q_spectrum-Stepper-button.WWhV7q_is-active {
755
- background-color: var(--spectrum-actionbutton-background-color-down, var(--spectrum-global-color-gray-200));
756
- }
757
-
758
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet) .WWhV7q_spectrum-Stepper-button:disabled, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet) .WWhV7q_spectrum-Stepper-button.WWhV7q_is-disabled {
759
- background-color: var(--spectrum-textfield-background-color-disabled, var(--spectrum-global-color-gray-200));
760
- }
761
-
762
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet .WWhV7q_spectrum-Stepper-button:disabled {
763
- color: var(--spectrum-textfield-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled));
764
- }
765
-
766
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet .WWhV7q_spectrum-Stepper-button:disabled .WWhV7q_spectrum-Stepper-button-icon {
767
- fill: var(--spectrum-textfield-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled));
768
- }
769
-
770
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet .WWhV7q_spectrum-Stepper-button.WWhV7q_is-disabled {
771
- color: var(--spectrum-textfield-quiet-text-color-disabled, var(--spectrum-alias-text-color-disabled));
772
- }
773
-
774
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet .WWhV7q_spectrum-Stepper-button.WWhV7q_is-disabled .WWhV7q_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
- .WWhV7q_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
- .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet).WWhV7q_is-focused, .WWhV7q_spectrum-Stepper:not(.WWhV7q_spectrum-Stepper--isQuiet):focus {
794
- outline: 2px solid highlight;
795
- }
796
-
797
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--readonly.WWhV7q_spectrum-Stepper--isQuiet .WWhV7q_spectrum-Stepper-button {
798
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
799
- }
800
-
801
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-focused .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-focused .WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet:focus .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet:focus .WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_focus-ring .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_focus-ring .WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_focus-ring .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_focus-ring .WWhV7q_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
- .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-hovered .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-hovered .WWhV7q_spectrum-Stepper-button, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-hovered .WWhV7q_spectrum-Stepper-input, .WWhV7q_spectrum-Stepper.WWhV7q_spectrum-Stepper--isQuiet.WWhV7q_is-hovered .WWhV7q_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.8d25eb32.css.map */