@react-spectrum/datepicker 3.9.4 → 3.9.6

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 (74) hide show
  1. package/dist/DateField.main.js +110 -0
  2. package/dist/DateField.main.js.map +1 -0
  3. package/dist/DateField.mjs +105 -0
  4. package/dist/DateField.module.js +105 -0
  5. package/dist/DateField.module.js.map +1 -0
  6. package/dist/DatePicker.main.js +198 -0
  7. package/dist/DatePicker.main.js.map +1 -0
  8. package/dist/DatePicker.mjs +193 -0
  9. package/dist/DatePicker.module.js +193 -0
  10. package/dist/DatePicker.module.js.map +1 -0
  11. package/dist/DatePickerField.main.js +72 -0
  12. package/dist/DatePickerField.main.js.map +1 -0
  13. package/dist/DatePickerField.mjs +67 -0
  14. package/dist/DatePickerField.module.js +67 -0
  15. package/dist/DatePickerField.module.js.map +1 -0
  16. package/dist/DatePickerSegment.main.js +76 -0
  17. package/dist/DatePickerSegment.main.js.map +1 -0
  18. package/dist/DatePickerSegment.mjs +71 -0
  19. package/dist/DatePickerSegment.module.js +71 -0
  20. package/dist/DatePickerSegment.module.js.map +1 -0
  21. package/dist/DateRangePicker.main.js +225 -0
  22. package/dist/DateRangePicker.main.js.map +1 -0
  23. package/dist/DateRangePicker.mjs +220 -0
  24. package/dist/DateRangePicker.module.js +220 -0
  25. package/dist/DateRangePicker.module.js.map +1 -0
  26. package/dist/Input.main.js +123 -0
  27. package/dist/Input.main.js.map +1 -0
  28. package/dist/Input.mjs +118 -0
  29. package/dist/Input.module.js +118 -0
  30. package/dist/Input.module.js.map +1 -0
  31. package/dist/TimeField.main.js +102 -0
  32. package/dist/TimeField.main.js.map +1 -0
  33. package/dist/TimeField.mjs +97 -0
  34. package/dist/TimeField.module.js +97 -0
  35. package/dist/TimeField.module.js.map +1 -0
  36. package/dist/import.mjs +4 -1136
  37. package/dist/inputgroup_vars_css.main.js +86 -0
  38. package/dist/inputgroup_vars_css.main.js.map +1 -0
  39. package/dist/inputgroup_vars_css.mjs +88 -0
  40. package/dist/inputgroup_vars_css.module.js +88 -0
  41. package/dist/inputgroup_vars_css.module.js.map +1 -0
  42. package/dist/intlStrings.main.js +108 -0
  43. package/dist/intlStrings.main.js.map +1 -0
  44. package/dist/intlStrings.mjs +110 -0
  45. package/dist/intlStrings.module.js +110 -0
  46. package/dist/intlStrings.module.js.map +1 -0
  47. package/dist/main.js +8 -1136
  48. package/dist/main.js.map +1 -1
  49. package/dist/module.js +4 -1136
  50. package/dist/module.js.map +1 -1
  51. package/dist/styles.36ea4632.css +209 -0
  52. package/dist/styles.36ea4632.css.map +1 -0
  53. package/dist/styles_css.main.js +74 -0
  54. package/dist/styles_css.main.js.map +1 -0
  55. package/dist/styles_css.mjs +76 -0
  56. package/dist/styles_css.module.js +76 -0
  57. package/dist/styles_css.module.js.map +1 -0
  58. package/dist/textfield_vars_css.main.js +74 -0
  59. package/dist/textfield_vars_css.main.js.map +1 -0
  60. package/dist/textfield_vars_css.mjs +76 -0
  61. package/dist/textfield_vars_css.module.js +76 -0
  62. package/dist/textfield_vars_css.module.js.map +1 -0
  63. package/dist/utils.main.js +89 -0
  64. package/dist/utils.main.js.map +1 -0
  65. package/dist/utils.mjs +82 -0
  66. package/dist/utils.module.js +82 -0
  67. package/dist/utils.module.js.map +1 -0
  68. package/dist/vars.3692148b.css +549 -0
  69. package/dist/vars.3692148b.css.map +1 -0
  70. package/dist/vars.ccbd2e3f.css +649 -0
  71. package/dist/vars.ccbd2e3f.css.map +1 -0
  72. package/package.json +22 -22
  73. package/dist/main.css +0 -1626
  74. package/dist/main.css.map +0 -1
package/dist/main.css DELETED
@@ -1,1626 +0,0 @@
1
- ._2n04KW_react-spectrum-Datepicker-fieldWrapper._2n04KW_react-spectrum-Datepicker-fieldWrapper._2n04KW_react-spectrum-Datepicker-fieldWrapper {
2
- min-width: var(--spectrum-global-dimension-size-2000);
3
- width: auto;
4
- max-width: 100%;
5
- }
6
-
7
- ._2n04KW_react-spectrum-Datepicker-startField {
8
- width: auto;
9
- padding-inline-end: var(--spectrum-global-dimension-size-100);
10
- }
11
-
12
- ._2n04KW_react-spectrum-Datepicker-endField {
13
- flex: 1;
14
- width: auto;
15
- padding-inline-start: var(--spectrum-global-dimension-size-100);
16
- }
17
-
18
- ._2n04KW_react-spectrum-Datepicker-field ~ ._2n04KW_react-spectrum-Datepicker-endField > ._2n04KW_react-spectrum-Datepicker-input {
19
- border-inline-start-width: 0;
20
- }
21
-
22
- ._2n04KW_react-spectrum-Datepicker-field ~ ._2n04KW_react-spectrum-Datepicker-endField > ._2n04KW_react-spectrum-Datepicker-input:not(:-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))) {
23
- border-top-left-radius: 0;
24
- border-bottom-left-radius: 0;
25
- }
26
-
27
- ._2n04KW_react-spectrum-Datepicker-field ~ ._2n04KW_react-spectrum-Datepicker-endField > ._2n04KW_react-spectrum-Datepicker-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))) {
28
- border-top-left-radius: 0;
29
- border-bottom-left-radius: 0;
30
- }
31
-
32
- ._2n04KW_react-spectrum-Datepicker-field ~ ._2n04KW_react-spectrum-Datepicker-endField > ._2n04KW_react-spectrum-Datepicker-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)) {
33
- border-top-right-radius: 0;
34
- border-bottom-right-radius: 0;
35
- }
36
-
37
- ._2n04KW_react-spectrum-Datepicker-field ~ ._2n04KW_react-spectrum-Datepicker-endField > ._2n04KW_react-spectrum-Datepicker-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)) {
38
- border-top-right-radius: 0;
39
- border-bottom-right-radius: 0;
40
- }
41
-
42
- ._2n04KW_react-spectrum-Datepicker-field._2n04KW_react-spectrum-Datepicker-field {
43
- width: auto;
44
- }
45
-
46
- ._2n04KW_react-spectrum-Datepicker-field ._2n04KW_react-spectrum-DateField-Input {
47
- line-height: var(--spectrum-body-4-text-line-height, var(--spectrum-alias-body-text-line-height));
48
- }
49
-
50
- ._2n04KW_react-spectrum-DateField._2n04KW_react-spectrum-DateField._2n04KW_react-spectrum-DateField._2n04KW_react-spectrum-DateField {
51
- min-width: var(--spectrum-global-dimension-size-2000);
52
- }
53
-
54
- ._2n04KW_react-spectrum-TimeField._2n04KW_react-spectrum-TimeField._2n04KW_react-spectrum-TimeField._2n04KW_react-spectrum-TimeField {
55
- min-width: var(--spectrum-global-dimension-size-1250);
56
- }
57
-
58
- ._2n04KW_react-spectrum-TimeField-fieldWrapper._2n04KW_react-spectrum-TimeField-fieldWrapper._2n04KW_react-spectrum-TimeField-fieldWrapper {
59
- min-width: var(--spectrum-global-dimension-size-1250);
60
- width: auto;
61
- }
62
-
63
- ._2n04KW_react-spectrum-Datepicker-input._2n04KW_react-spectrum-Datepicker-input._2n04KW_react-spectrum-Datepicker-input {
64
- cursor: text;
65
- padding-inline-end: calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left, var(--spectrum-global-dimension-size-150)));
66
- }
67
-
68
- ._2n04KW_react-spectrum-Datepicker-inputContents {
69
- scrollbar-width: none;
70
- -ms-overflow-style: none;
71
- align-items: center;
72
- height: 100%;
73
- display: flex;
74
- overflow-x: auto;
75
- }
76
-
77
- ._2n04KW_react-spectrum-Datepicker-inputContents::-webkit-scrollbar {
78
- width: 0;
79
- height: 0;
80
- display: none;
81
- }
82
-
83
- ._2n04KW_react-spectrum-Datepicker-rangeDash:before {
84
- content: "–";
85
- }
86
-
87
- ._2n04KW_react-spectrum-Datepicker-segments {
88
- align-items: center;
89
- display: flex;
90
- }
91
-
92
- ._2n04KW_react-spectrum-Datepicker-literal {
93
- white-space: pre;
94
- -webkit-user-select: none;
95
- user-select: none;
96
- color: var(--spectrum-textfield-text-color, var(--spectrum-alias-text-color));
97
- }
98
-
99
- ._2n04KW_react-spectrum-DatePicker-cell {
100
- border-radius: var(--spectrum-alias-border-radius-small, var(--spectrum-global-dimension-size-25));
101
- font-variant-numeric: tabular-nums;
102
- text-align: end;
103
- box-sizing: content-box;
104
- white-space: nowrap;
105
- color: var(--spectrum-textfield-text-color, var(--spectrum-alias-text-color));
106
- background: none;
107
- border: none;
108
- padding: 0 2px;
109
- }
110
-
111
- ._2n04KW_react-spectrum-DatePicker-cell::selection {
112
- background: none;
113
- }
114
-
115
- ._2n04KW_react-spectrum-DatePicker-placeholder {
116
- text-align: center;
117
- visibility: hidden;
118
- pointer-events: none;
119
- width: 100%;
120
- height: 0;
121
- font-style: italic;
122
- display: block;
123
- }
124
-
125
- ._2n04KW_react-spectrum-DatePicker-cell._2n04KW_is-placeholder {
126
- color: var(--spectrum-gray-600);
127
- }
128
-
129
- ._2n04KW_react-spectrum-DatePicker-cell._2n04KW_is-placeholder ._2n04KW_react-spectrum-DatePicker-placeholder {
130
- visibility: visible;
131
- height: auto;
132
- }
133
-
134
- ._2n04KW_react-spectrum-DatePicker-cell._2n04KW_is-placeholder ~ ._2n04KW_react-spectrum-Datepicker-literal {
135
- color: var(--spectrum-global-color-gray-600);
136
- }
137
-
138
- ._2n04KW_react-spectrum-DatePicker-cell._2n04KW_is-read-only {
139
- color: var(--spectrum-global-color-gray-700);
140
- }
141
-
142
- ._2n04KW_react-spectrum-DatePicker-cell:focus {
143
- background-color: var(--spectrum-accent-background-color-default);
144
- color: #fff;
145
- caret-color: #0000;
146
- outline: none;
147
- }
148
-
149
- ._2n04KW_react-spectrum-Datepicker-dialog._2n04KW_react-spectrum-Datepicker-dialog {
150
- width: auto;
151
- }
152
-
153
- ._2n04KW_react-spectrum-Datepicker-dialogContent {
154
- flex-direction: column;
155
- display: flex;
156
- }
157
-
158
- ._2n04KW_react-spectrum-Datepicker-dialogContent ._2n04KW_react-spectrum-Datepicker-calendar._2n04KW_is-invalid {
159
- display: contents;
160
- }
161
-
162
- ._2n04KW_react-spectrum-Datepicker-dialogContent .spectrum-Calendar-helpText {
163
- margin: var(--spectrum-global-dimension-size-200) var(--spectrum-calendar-day-padding, 4px) 0 var(--spectrum-calendar-day-padding, 4px);
164
- order: 10;
165
- }
166
-
167
- @media (max-width: 700px) {
168
- ._2n04KW_react-spectrum-Datepicker-dialog {
169
- --spectrum-dialog-padding-x: 8px;
170
- }
171
-
172
- ._2n04KW_react-spectrum-Datepicker-dialog ._2n04KW_react-spectrum-Datepicker-dialogContent {
173
- max-width: calc((var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) * 7) + (var(--spectrum-calendar-day-padding, 4px) * 12));
174
- margin: 0 auto;
175
- }
176
- }
177
-
178
- ._2n04KW_react-spectrum-Datepicker-timeFields {
179
- min-width: calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) * 7);
180
- max-width: calc((var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) * 7) + (var(--spectrum-calendar-day-padding, 4px) * 12));
181
- padding: 0 var(--spectrum-calendar-day-padding, 4px);
182
- box-sizing: border-box;
183
- width: 100%;
184
- }
185
-
186
- @media (forced-colors: active) {
187
- ._2n04KW_react-spectrum-DatePicker-cell:focus {
188
- forced-color-adjust: none;
189
- background-color: Highlight;
190
- color: HighlightText;
191
- }
192
-
193
- ._2n04KW_react-spectrum-DatePicker-cell._2n04KW_is-read-only {
194
- color: ButtonText;
195
- }
196
-
197
- ._2n04KW_react-spectrum-DatePicker-cell._2n04KW_is-read-only:focus {
198
- color: HighlightText;
199
- }
200
-
201
- ._2n04KW_react-spectrum-DatePicker-cell._2n04KW_is-placeholder {
202
- color: ButtonText;
203
- }
204
-
205
- ._2n04KW_react-spectrum-DatePicker-cell._2n04KW_is-placeholder:focus {
206
- color: HighlightText;
207
- }
208
- }
209
-
210
- .YO3Nla_i18nFontFamily {
211
- font-synthesis: weight;
212
- font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
213
- }
214
-
215
- .YO3Nla_i18nFontFamily:lang(ar) {
216
- font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
217
- }
218
-
219
- .YO3Nla_i18nFontFamily:lang(he) {
220
- font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
221
- }
222
-
223
- .YO3Nla_i18nFontFamily:lang(zh) {
224
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
225
- }
226
-
227
- .YO3Nla_i18nFontFamily:lang(zh-Hans) {
228
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
229
- }
230
-
231
- .YO3Nla_i18nFontFamily:lang(zh-Hant) {
232
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
233
- }
234
-
235
- .YO3Nla_i18nFontFamily:lang(zh-SG) {
236
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
237
- }
238
-
239
- .YO3Nla_i18nFontFamily:lang(zh-CN) {
240
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
241
- }
242
-
243
- .YO3Nla_i18nFontFamily:lang(ko) {
244
- font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
245
- }
246
-
247
- .YO3Nla_i18nFontFamily:lang(ja) {
248
- font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
249
- }
250
-
251
- .YO3Nla_spectrum-FocusRing-ring {
252
- --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
253
- --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
254
- --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
255
- --spectrum-focus-ring-border-size: 0px;
256
- --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
257
- }
258
-
259
- .YO3Nla_spectrum-FocusRing-ring:after {
260
- border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
261
- content: "";
262
- margin: calc(-1 * var(--spectrum-focus-ring-border-size));
263
- pointer-events: none;
264
- transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
265
- display: block;
266
- position: absolute;
267
- top: 0;
268
- bottom: 0;
269
- left: 0;
270
- right: 0;
271
- }
272
-
273
- .YO3Nla_spectrum-FocusRing {
274
- }
275
-
276
- .YO3Nla_spectrum-FocusRing.YO3Nla_focus-ring:after {
277
- margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
278
- box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
279
- }
280
-
281
- .YO3Nla_spectrum-FocusRing--quiet:after {
282
- border-radius: 0;
283
- }
284
-
285
- .YO3Nla_spectrum-FocusRing--quiet.YO3Nla_focus-ring:after {
286
- margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
287
- box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
288
- }
289
-
290
- .YO3Nla_spectrum-Textfield {
291
- min-width: var(--spectrum-textfield-min-width, var(--spectrum-global-dimension-size-600));
292
- width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
293
- display: inline-flex;
294
- position: relative;
295
- }
296
-
297
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--quiet.YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input {
298
- height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
299
- min-height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
300
- overflow-x: hidden;
301
- }
302
-
303
- .YO3Nla_spectrum-Textfield--quiet {
304
- }
305
-
306
- .YO3Nla_spectrum-Textfield-input {
307
- box-sizing: border-box;
308
- border: var(--spectrum-alias-input-border-size) solid;
309
- border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
310
- padding: 3px var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) 5px calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) - 1px);
311
- text-indent: 0;
312
- height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
313
- vertical-align: top;
314
- font-size: var(--spectrum-textfield-text-size, var(--spectrum-alias-font-size-default));
315
- line-height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
316
- text-overflow: ellipsis;
317
- 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;
318
- -webkit-appearance: none;
319
- -moz-appearance: textfield;
320
- outline: none;
321
- inline-size: 100%;
322
- margin: 0;
323
- overflow: visible;
324
- }
325
-
326
- .YO3Nla_spectrum-Textfield-input::placeholder {
327
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
328
- font-style: var(--spectrum-textfield-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
329
- font-synthesis: none;
330
- transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
331
- opacity: 1;
332
- }
333
-
334
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-placeholder {
335
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
336
- font-style: var(--spectrum-textfield-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
337
- font-synthesis: none;
338
- transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
339
- opacity: 1;
340
- }
341
-
342
- .YO3Nla_spectrum-Textfield-input::-moz-placeholder {
343
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
344
- font-style: var(--spectrum-textfield-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
345
- transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
346
- opacity: 1;
347
- }
348
-
349
- .YO3Nla_spectrum-Textfield-input:lang(ja)::placeholder {
350
- font-style: normal;
351
- }
352
-
353
- .YO3Nla_spectrum-Textfield-input:lang(ja).YO3Nla_is-placeholder {
354
- font-style: normal;
355
- }
356
-
357
- .YO3Nla_spectrum-Textfield-input:lang(ja)::-moz-placeholder {
358
- font-style: normal;
359
- }
360
-
361
- .YO3Nla_spectrum-Textfield-input:lang(zh)::placeholder {
362
- font-style: normal;
363
- }
364
-
365
- .YO3Nla_spectrum-Textfield-input:lang(zh).YO3Nla_is-placeholder {
366
- font-style: normal;
367
- }
368
-
369
- .YO3Nla_spectrum-Textfield-input:lang(zh)::-moz-placeholder {
370
- font-style: normal;
371
- }
372
-
373
- .YO3Nla_spectrum-Textfield-input:lang(ko)::placeholder {
374
- font-style: normal;
375
- }
376
-
377
- .YO3Nla_spectrum-Textfield-input:lang(ko).YO3Nla_is-placeholder {
378
- font-style: normal;
379
- }
380
-
381
- .YO3Nla_spectrum-Textfield-input:lang(ko)::-moz-placeholder {
382
- font-style: normal;
383
- }
384
-
385
- .YO3Nla_spectrum-Textfield-input:lang(ar)::placeholder {
386
- font-style: normal;
387
- }
388
-
389
- .YO3Nla_spectrum-Textfield-input:lang(ar).YO3Nla_is-placeholder {
390
- font-style: normal;
391
- }
392
-
393
- .YO3Nla_spectrum-Textfield-input:lang(ar)::-moz-placeholder {
394
- font-style: normal;
395
- }
396
-
397
- .YO3Nla_spectrum-Textfield-input:lang(he)::placeholder {
398
- font-style: normal;
399
- }
400
-
401
- .YO3Nla_spectrum-Textfield-input:lang(he).YO3Nla_is-placeholder {
402
- font-style: normal;
403
- }
404
-
405
- .YO3Nla_spectrum-Textfield-input:lang(he)::-moz-placeholder {
406
- font-style: normal;
407
- }
408
-
409
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered::placeholder {
410
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
411
- }
412
-
413
- .YO3Nla_spectrum-Textfield-input:disabled {
414
- resize: none;
415
- opacity: 1;
416
- }
417
-
418
- .YO3Nla_spectrum-Textfield-input:disabled::placeholder {
419
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
420
- }
421
-
422
- .YO3Nla_spectrum-Textfield-input:disabled.YO3Nla_is-placeholder {
423
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
424
- }
425
-
426
- .YO3Nla_spectrum-Textfield-input::-ms-clear {
427
- width: 0;
428
- height: 0;
429
- }
430
-
431
- .YO3Nla_spectrum-Textfield-input::-webkit-inner-spin-button {
432
- -webkit-appearance: none;
433
- margin: 0;
434
- }
435
-
436
- .YO3Nla_spectrum-Textfield-input::-webkit-outer-spin-button {
437
- -webkit-appearance: none;
438
- margin: 0;
439
- }
440
-
441
- .YO3Nla_spectrum-Textfield-input:-moz-ui-invalid {
442
- box-shadow: none;
443
- }
444
-
445
- .YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input {
446
- min-height: var(--spectrum-global-dimension-size-700);
447
- padding: 3px var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) 5px calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) - 1px);
448
- resize: none;
449
- height: auto;
450
- overflow: auto;
451
- }
452
-
453
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input {
454
- border-width: 0 0 var(--spectrum-alias-input-border-size) 0;
455
- border-radius: 0;
456
- padding-inline-start: var(--spectrum-textfield-quiet-padding-x, 0);
457
- padding-inline-end: var(--spectrum-textfield-quiet-padding-x, 0);
458
- }
459
-
460
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-input {
461
- padding-inline-end: calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left, var(--spectrum-global-dimension-size-150)));
462
- }
463
-
464
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input {
465
- padding-inline-end: calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left, var(--spectrum-global-dimension-size-150)));
466
- }
467
-
468
- .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-input {
469
- padding-inline-end: calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left, var(--spectrum-global-dimension-size-150)));
470
- }
471
-
472
- .YO3Nla_spectrum-Textfield-wrapper.YO3Nla_spectrum-Textfield-wrapper--quiet {
473
- grid-template-rows: auto;
474
- }
475
-
476
- .YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline {
477
- flex: auto;
478
- min-height: 0;
479
- }
480
-
481
- .YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input {
482
- line-height: var(--spectrum-textfield-text-line-height, var(--spectrum-alias-body-text-line-height));
483
- }
484
-
485
- .YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline.YO3Nla_spectrum-Textfield--quiet {
486
- flex: 0 auto;
487
- max-height: 100%;
488
- }
489
-
490
- .YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input {
491
- max-height: 100%;
492
- }
493
-
494
- .YO3Nla_spectrum-Textfield-validationIcon {
495
- pointer-events: all;
496
- transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
497
- padding-inline-end: calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2);
498
- position: absolute;
499
- }
500
-
501
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-validationIcon {
502
- padding-inline-end: 0;
503
- }
504
-
505
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon {
506
- width: var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225));
507
- height: var(--spectrum-icon-alert-medium-height, var(--spectrum-global-dimension-size-225));
508
- top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-height, var(--spectrum-global-dimension-size-225)) / 2));
509
- }
510
-
511
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon:not(:-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))) {
512
- right: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
513
- }
514
-
515
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
516
- right: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
517
- }
518
-
519
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon:-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)) {
520
- left: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
521
- }
522
-
523
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon: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)) {
524
- left: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
525
- }
526
-
527
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon {
528
- width: var(--spectrum-icon-checkmark-medium-width);
529
- height: var(--spectrum-icon-checkmark-medium-height);
530
- top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-checkmark-medium-height) / 2));
531
- }
532
-
533
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon:not(:-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))) {
534
- right: var(--spectrum-global-dimension-size-150);
535
- }
536
-
537
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon: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))) {
538
- right: var(--spectrum-global-dimension-size-150);
539
- }
540
-
541
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon:-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)) {
542
- left: var(--spectrum-global-dimension-size-150);
543
- }
544
-
545
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon: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)) {
546
- left: var(--spectrum-global-dimension-size-150);
547
- }
548
-
549
- .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon {
550
- height: var(--spectrum-icon-info-medium-height, var(--spectrum-global-dimension-size-225));
551
- width: var(--spectrum-icon-info-medium-width, var(--spectrum-global-dimension-size-225));
552
- top: var(--spectrum-global-dimension-size-85);
553
- transition: fill var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
554
- display: block;
555
- position: absolute;
556
- }
557
-
558
- .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon:not(:-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
- left: var(--spectrum-global-dimension-size-150);
560
- }
561
-
562
- .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-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))) {
563
- left: var(--spectrum-global-dimension-size-150);
564
- }
565
-
566
- .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-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)) {
567
- right: var(--spectrum-global-dimension-size-150);
568
- }
569
-
570
- .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-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)) {
571
- right: var(--spectrum-global-dimension-size-150);
572
- }
573
-
574
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon {
575
- padding-inline-start: calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65));
576
- }
577
-
578
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon {
579
- padding-inline-start: calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width, var(--spectrum-global-dimension-size-225)));
580
- }
581
-
582
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon ~ .YO3Nla_spectrum-Textfield-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
583
- left: 0;
584
- }
585
-
586
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon ~ .YO3Nla_spectrum-Textfield-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))) {
587
- left: 0;
588
- }
589
-
590
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon ~ .YO3Nla_spectrum-Textfield-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)) {
591
- right: 0;
592
- }
593
-
594
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon ~ .YO3Nla_spectrum-Textfield-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)) {
595
- right: 0;
596
- }
597
-
598
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon.YO3Nla_spectrum-Textfield--multiline {
599
- height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
600
- min-height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
601
- }
602
-
603
- .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader {
604
- top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-loader-circle-small-width, var(--spectrum-global-dimension-static-size-200)) / 2));
605
- position: absolute;
606
- }
607
-
608
- .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader:not(:-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))) {
609
- right: calc(calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2)) + calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2));
610
- }
611
-
612
- .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader: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))) {
613
- right: calc(calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2)) + calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2));
614
- }
615
-
616
- .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader:-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)) {
617
- left: calc(calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2)) + calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2));
618
- }
619
-
620
- .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader: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)) {
621
- left: calc(calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2)) + calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2));
622
- }
623
-
624
- .YO3Nla_spectrum-Textfield--quiet:is(.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader) {
625
- padding-inline-end: 0;
626
- }
627
-
628
- .YO3Nla_spectrum-Textfield-input {
629
- background-color: var(--spectrum-textfield-background-color, var(--spectrum-global-color-gray-50));
630
- border-color: var(--spectrum-textfield-border-color, var(--spectrum-alias-border-color));
631
- color: var(--spectrum-textfield-text-color, var(--spectrum-alias-text-color));
632
- }
633
-
634
- .YO3Nla_spectrum-Textfield-input::placeholder {
635
- color: var(--spectrum-textfield-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
636
- }
637
-
638
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-placeholder {
639
- color: var(--spectrum-textfield-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
640
- }
641
-
642
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered {
643
- border-color: var(--spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover));
644
- box-shadow: none;
645
- }
646
-
647
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered::placeholder {
648
- color: var(--spectrum-textfield-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
649
- }
650
-
651
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered.YO3Nla_is-placeholder {
652
- color: var(--spectrum-textfield-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
653
- }
654
-
655
- .YO3Nla_spectrum-Textfield-input:active {
656
- background-color: var(--spectrum-textfield-background-color-down, var(--spectrum-global-color-gray-50));
657
- border-color: var(--spectrum-textfield-border-color-down, var(--spectrum-alias-border-color-mouse-focus));
658
- color: var(--spectrum-textfield-text-color-down, var(--spectrum-alias-text-color-down));
659
- }
660
-
661
- .YO3Nla_spectrum-Textfield-input:active::placeholder {
662
- color: var(--spectrum-textfield-placeholder-text-color-down, var(--spectrum-alias-placeholder-text-color-down));
663
- }
664
-
665
- .YO3Nla_spectrum-Textfield-input:active.YO3Nla_is-placeholder {
666
- color: var(--spectrum-textfield-placeholder-text-color-down, var(--spectrum-alias-placeholder-text-color-down));
667
- }
668
-
669
- .YO3Nla_spectrum-Textfield-input:focus {
670
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
671
- }
672
-
673
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
674
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
675
- }
676
-
677
- .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active) {
678
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
679
- box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
680
- }
681
-
682
- .YO3Nla_spectrum-Textfield-input[disabled] {
683
- background-color: var(--spectrum-textfield-background-color-disabled, var(--spectrum-global-color-gray-200));
684
- border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
685
- color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
686
- -webkit-text-fill-color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
687
- }
688
-
689
- .YO3Nla_spectrum-Textfield-input[disabled]::placeholder {
690
- color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
691
- }
692
-
693
- .YO3Nla_spectrum-Textfield-input[disabled].YO3Nla_is-placeholder {
694
- color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
695
- }
696
-
697
- .YO3Nla_spectrum-Textfield-input[disabled] ~ .YO3Nla_spectrum-Textfield-icon {
698
- fill: var(--spectrum-textfield-icon-color-disabled, var(--spectrum-global-color-gray-500));
699
- }
700
-
701
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled {
702
- background-color: var(--spectrum-textfield-background-color-disabled, var(--spectrum-global-color-gray-200));
703
- border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
704
- color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
705
- -webkit-text-fill-color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
706
- }
707
-
708
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled::placeholder {
709
- color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
710
- }
711
-
712
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled.YO3Nla_is-placeholder {
713
- color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
714
- }
715
-
716
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled ~ .YO3Nla_spectrum-Textfield-icon {
717
- fill: var(--spectrum-textfield-icon-color-disabled, var(--spectrum-global-color-gray-500));
718
- }
719
-
720
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid {
721
- border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
722
- }
723
-
724
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_is-hovered {
725
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
726
- }
727
-
728
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid:active {
729
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
730
- }
731
-
732
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid:focus {
733
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
734
- }
735
-
736
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_is-focused {
737
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
738
- }
739
-
740
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_focus-ring:not(:active) {
741
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
742
- box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
743
- }
744
-
745
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input {
746
- background-color: var(--spectrum-textfield-quiet-background-color, var(--spectrum-alias-background-color-transparent));
747
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
748
- }
749
-
750
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered {
751
- border-color: var(--spectrum-textfield-quiet-border-color-hover, var(--spectrum-alias-border-color-hover));
752
- }
753
-
754
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:active {
755
- border-color: var(--spectrum-textfield-quiet-border-color-down, var(--spectrum-alias-border-color-mouse-focus));
756
- }
757
-
758
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:focus {
759
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
760
- }
761
-
762
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
763
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
764
- }
765
-
766
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active) {
767
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
768
- box-shadow: 0 1px 0 var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
769
- }
770
-
771
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:disabled {
772
- background-color: var(--spectrum-textfield-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent));
773
- border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
774
- }
775
-
776
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled {
777
- background-color: var(--spectrum-textfield-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent));
778
- border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
779
- }
780
-
781
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input {
782
- border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
783
- }
784
-
785
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered {
786
- border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
787
- }
788
-
789
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input:active {
790
- border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
791
- }
792
-
793
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input:focus {
794
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
795
- }
796
-
797
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
798
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
799
- }
800
-
801
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active) {
802
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
803
- box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
804
- }
805
-
806
- .YO3Nla_spectrum-Textfield--quiet.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active) {
807
- box-shadow: 0 1px 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
808
- }
809
-
810
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon {
811
- fill: var(--spectrum-alert-success-icon-color, var(--spectrum-semantic-positive-color-icon));
812
- }
813
-
814
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon {
815
- fill: var(--spectrum-alert-error-icon-color, var(--spectrum-semantic-negative-color-icon));
816
- }
817
-
818
- @media (forced-colors: active) {
819
- .YO3Nla_spectrum-Textfield-input {
820
- --spectrum-textfield-border-color: CanvasText;
821
- --spectrum-textfield-text-color-disabled: GrayText;
822
- --spectrum-textfield-border-color-disabled: GrayText;
823
- --spectrum-textfield-quiet-border-color-disabled: GrayText;
824
- --spectrum-textfield-quiet-border-color-key-focus: Highlight;
825
- --spectrum-textfield-border-color-key-focus: Highlight;
826
- --spectrum-textfield-placeholder-text-color: GrayText;
827
- --spectrum-textfield-placeholder-text-color-hover: GrayText;
828
- }
829
-
830
- .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
831
- outline: 2px solid Highlight;
832
- }
833
-
834
- .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
835
- outline: 2px solid Highlight;
836
- }
837
-
838
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
839
- forced-color-adjust: none;
840
- box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
841
- outline: 0;
842
- }
843
-
844
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring .YO3Nla_spectrum-Textfield-input {
845
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
846
- }
847
-
848
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
849
- forced-color-adjust: none;
850
- box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
851
- outline: 0;
852
- }
853
-
854
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring .YO3Nla_spectrum-Textfield-input {
855
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
856
- }
857
- }
858
-
859
- .ZTA2ya_i18nFontFamily {
860
- font-synthesis: weight;
861
- font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
862
- }
863
-
864
- .ZTA2ya_i18nFontFamily:lang(ar) {
865
- font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
866
- }
867
-
868
- .ZTA2ya_i18nFontFamily:lang(he) {
869
- font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
870
- }
871
-
872
- .ZTA2ya_i18nFontFamily:lang(zh) {
873
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
874
- }
875
-
876
- .ZTA2ya_i18nFontFamily:lang(zh-Hans) {
877
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
878
- }
879
-
880
- .ZTA2ya_i18nFontFamily:lang(zh-Hant) {
881
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
882
- }
883
-
884
- .ZTA2ya_i18nFontFamily:lang(zh-SG) {
885
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
886
- }
887
-
888
- .ZTA2ya_i18nFontFamily:lang(zh-CN) {
889
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
890
- }
891
-
892
- .ZTA2ya_i18nFontFamily:lang(ko) {
893
- font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
894
- }
895
-
896
- .ZTA2ya_i18nFontFamily:lang(ja) {
897
- font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
898
- }
899
-
900
- .ZTA2ya_spectrum-FocusRing-ring {
901
- --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
902
- --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
903
- --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
904
- --spectrum-focus-ring-border-size: 0px;
905
- --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
906
- }
907
-
908
- .ZTA2ya_spectrum-FocusRing-ring:after {
909
- border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
910
- content: "";
911
- margin: calc(-1 * var(--spectrum-focus-ring-border-size));
912
- pointer-events: none;
913
- transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
914
- display: block;
915
- position: absolute;
916
- top: 0;
917
- bottom: 0;
918
- left: 0;
919
- right: 0;
920
- }
921
-
922
- .ZTA2ya_spectrum-FocusRing {
923
- }
924
-
925
- .ZTA2ya_spectrum-FocusRing.ZTA2ya_focus-ring:after {
926
- margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
927
- box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
928
- }
929
-
930
- .ZTA2ya_spectrum-FocusRing--quiet:after {
931
- border-radius: 0;
932
- }
933
-
934
- .ZTA2ya_spectrum-FocusRing--quiet.ZTA2ya_focus-ring:after {
935
- margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
936
- box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
937
- }
938
-
939
- .ZTA2ya_spectrum-InputGroup {
940
- min-width: calc(2.5 * var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)));
941
- border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
942
- flex-flow: row;
943
- block-size: max-content;
944
- display: inline-flex;
945
- position: relative;
946
- }
947
-
948
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton {
949
- padding: var(--spectrum-combobox-fieldbutton-inset);
950
- inline-size: var(--spectrum-global-dimension-size-400);
951
- --spectrum-alias-input-focusring-gap: calc(-1 * var(--spectrum-alias-input-border-size));
952
- background-clip: content-box;
953
- border-width: 0;
954
- flex-shrink: 0;
955
- position: relative;
956
- }
957
-
958
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton:not(:-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))) {
959
- border-top-left-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);
960
- border-top-right-radius: var(--spectrum-combobox-fieldbutton-end-border-radius);
961
- border-bottom-right-radius: var(--spectrum-combobox-fieldbutton-end-border-radius);
962
- border-bottom-left-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);
963
- }
964
-
965
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton: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))) {
966
- border-top-left-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);
967
- border-top-right-radius: var(--spectrum-combobox-fieldbutton-end-border-radius);
968
- border-bottom-right-radius: var(--spectrum-combobox-fieldbutton-end-border-radius);
969
- border-bottom-left-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);
970
- }
971
-
972
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton:-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)) {
973
- border-top-right-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);
974
- border-top-left-radius: var(--spectrum-combobox-fieldbutton-end-border-radius);
975
- border-bottom-left-radius: var(--spectrum-combobox-fieldbutton-end-border-radius);
976
- border-bottom-right-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);
977
- }
978
-
979
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton: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)) {
980
- border-top-right-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);
981
- border-top-left-radius: var(--spectrum-combobox-fieldbutton-end-border-radius);
982
- border-bottom-left-radius: var(--spectrum-combobox-fieldbutton-end-border-radius);
983
- border-bottom-right-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);
984
- }
985
-
986
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton:before {
987
- content: "";
988
- border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
989
- border: var(--spectrum-alias-input-border-size) solid;
990
- border-inline-start-width: var(--spectrum-combobox-fieldbutton-border-left-width);
991
- z-index: -1;
992
- transition: inherit;
993
- position: absolute;
994
- top: 0;
995
- bottom: 0;
996
- left: 0;
997
- right: 0;
998
- }
999
-
1000
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton:not(:-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))):before {
1001
- border-top-left-radius: var(--spectrum-combobox-fieldbutton-border-top-left-radius, 0);
1002
- border-bottom-left-radius: var(--spectrum-combobox-fieldbutton-border-bottom-left-radius, 0);
1003
- }
1004
-
1005
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton: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))):before {
1006
- border-top-left-radius: var(--spectrum-combobox-fieldbutton-border-top-left-radius, 0);
1007
- border-bottom-left-radius: var(--spectrum-combobox-fieldbutton-border-bottom-left-radius, 0);
1008
- }
1009
-
1010
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton:-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)):before {
1011
- border-top-right-radius: var(--spectrum-combobox-fieldbutton-border-top-left-radius, 0);
1012
- border-bottom-right-radius: var(--spectrum-combobox-fieldbutton-border-bottom-left-radius, 0);
1013
- }
1014
-
1015
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton: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)):before {
1016
- border-top-right-radius: var(--spectrum-combobox-fieldbutton-border-top-left-radius, 0);
1017
- border-bottom-right-radius: var(--spectrum-combobox-fieldbutton-border-bottom-left-radius, 0);
1018
- }
1019
-
1020
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton:after {
1021
- border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
1022
- }
1023
-
1024
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton:not(:-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))):after {
1025
- border-top-left-radius: var(--spectrum-combobox-fieldbutton-focus-ring-border-radius);
1026
- border-bottom-left-radius: var(--spectrum-combobox-fieldbutton-focus-ring-border-radius);
1027
- }
1028
-
1029
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton: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))):after {
1030
- border-top-left-radius: var(--spectrum-combobox-fieldbutton-focus-ring-border-radius);
1031
- border-bottom-left-radius: var(--spectrum-combobox-fieldbutton-focus-ring-border-radius);
1032
- }
1033
-
1034
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton:-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)):after {
1035
- border-top-right-radius: var(--spectrum-combobox-fieldbutton-focus-ring-border-radius);
1036
- border-bottom-right-radius: var(--spectrum-combobox-fieldbutton-focus-ring-border-radius);
1037
- }
1038
-
1039
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton: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)):after {
1040
- border-top-right-radius: var(--spectrum-combobox-fieldbutton-focus-ring-border-radius);
1041
- border-bottom-right-radius: var(--spectrum-combobox-fieldbutton-focus-ring-border-radius);
1042
- }
1043
-
1044
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-disabled:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-FieldButton {
1045
- border-width: 0;
1046
- padding: 0;
1047
- }
1048
-
1049
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-disabled:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-FieldButton:not(:-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))) {
1050
- border-top-left-radius: var(--spectrum-combobox-fieldbutton-border-top-left-radius, 0);
1051
- border-bottom-left-radius: var(--spectrum-combobox-fieldbutton-border-bottom-left-radius, 0);
1052
- }
1053
-
1054
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-disabled:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-FieldButton: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))) {
1055
- border-top-left-radius: var(--spectrum-combobox-fieldbutton-border-top-left-radius, 0);
1056
- border-bottom-left-radius: var(--spectrum-combobox-fieldbutton-border-bottom-left-radius, 0);
1057
- }
1058
-
1059
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-disabled:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-FieldButton:-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)) {
1060
- border-top-right-radius: var(--spectrum-combobox-fieldbutton-border-top-left-radius, 0);
1061
- border-bottom-right-radius: var(--spectrum-combobox-fieldbutton-border-bottom-left-radius, 0);
1062
- }
1063
-
1064
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-disabled:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-FieldButton: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)) {
1065
- border-top-right-radius: var(--spectrum-combobox-fieldbutton-border-top-left-radius, 0);
1066
- border-bottom-right-radius: var(--spectrum-combobox-fieldbutton-border-bottom-left-radius, 0);
1067
- }
1068
-
1069
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-validationIcon {
1070
- padding-inline-end: 0;
1071
- }
1072
-
1073
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-validationIcon:not(:-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))) {
1074
- right: var(--spectrum-global-dimension-size-100);
1075
- }
1076
-
1077
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-validationIcon: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))) {
1078
- right: var(--spectrum-global-dimension-size-100);
1079
- }
1080
-
1081
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-validationIcon:-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)) {
1082
- left: var(--spectrum-global-dimension-size-100);
1083
- }
1084
-
1085
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-validationIcon: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)) {
1086
- left: var(--spectrum-global-dimension-size-100);
1087
- }
1088
-
1089
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-circleLoader {
1090
- padding-inline-end: 0;
1091
- }
1092
-
1093
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-circleLoader:not(:-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))) {
1094
- right: var(--spectrum-global-dimension-size-100);
1095
- }
1096
-
1097
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-circleLoader: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))) {
1098
- right: var(--spectrum-global-dimension-size-100);
1099
- }
1100
-
1101
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-circleLoader:-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)) {
1102
- left: var(--spectrum-global-dimension-size-100);
1103
- }
1104
-
1105
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-circleLoader: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)) {
1106
- left: var(--spectrum-global-dimension-size-100);
1107
- }
1108
-
1109
- .ZTA2ya_spectrum-InputGroup-field {
1110
- flex: auto;
1111
- }
1112
-
1113
- .ZTA2ya_spectrum-InputGroup-input.ZTA2ya_spectrum-InputGroup-input {
1114
- border-inline-end-style: none;
1115
- }
1116
-
1117
- .ZTA2ya_spectrum-InputGroup-input.ZTA2ya_spectrum-InputGroup-input:not(:-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))) {
1118
- border-top-right-radius: var(--spectrum-combobox-textfield-border-top-right-radius, 0);
1119
- border-bottom-right-radius: var(--spectrum-combobox-textfield-border-bottom-right-radius, 0);
1120
- }
1121
-
1122
- .ZTA2ya_spectrum-InputGroup-input.ZTA2ya_spectrum-InputGroup-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))) {
1123
- border-top-right-radius: var(--spectrum-combobox-textfield-border-top-right-radius, 0);
1124
- border-bottom-right-radius: var(--spectrum-combobox-textfield-border-bottom-right-radius, 0);
1125
- }
1126
-
1127
- .ZTA2ya_spectrum-InputGroup-input.ZTA2ya_spectrum-InputGroup-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)) {
1128
- border-top-left-radius: var(--spectrum-combobox-textfield-border-top-right-radius, 0);
1129
- border-bottom-left-radius: var(--spectrum-combobox-textfield-border-bottom-right-radius, 0);
1130
- }
1131
-
1132
- .ZTA2ya_spectrum-InputGroup-input.ZTA2ya_spectrum-InputGroup-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)) {
1133
- border-top-left-radius: var(--spectrum-combobox-textfield-border-top-right-radius, 0);
1134
- border-bottom-left-radius: var(--spectrum-combobox-textfield-border-bottom-right-radius, 0);
1135
- }
1136
-
1137
- .ZTA2ya_spectrum-InputGroup--quiet {
1138
- min-width: calc(2 * var(--spectrum-dropdown-height, var(--spectrum-global-dimension-size-400)));
1139
- border-radius: 0;
1140
- }
1141
-
1142
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton {
1143
- inline-size: auto;
1144
- padding-inline-start: var(--spectrum-global-dimension-size-130);
1145
- padding-inline-end: 0;
1146
- position: relative;
1147
- }
1148
-
1149
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:before {
1150
- border-width: 0;
1151
- border-inline-start-width: 0;
1152
- border-bottom: var(--spectrum-alias-input-border-size) solid;
1153
- border-radius: 0;
1154
- }
1155
-
1156
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:after {
1157
- content: "";
1158
- block-size: 100%;
1159
- inline-size: 10px;
1160
- position: absolute;
1161
- }
1162
-
1163
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:not(:-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))):after {
1164
- right: -10px;
1165
- }
1166
-
1167
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton: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))):after {
1168
- right: -10px;
1169
- }
1170
-
1171
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:-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)):after {
1172
- left: -10px;
1173
- }
1174
-
1175
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton: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)):after {
1176
- left: -10px;
1177
- }
1178
-
1179
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-icon:not(:-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))) {
1180
- right: 0;
1181
- }
1182
-
1183
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-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))) {
1184
- right: 0;
1185
- }
1186
-
1187
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-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)) {
1188
- left: 0;
1189
- }
1190
-
1191
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-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)) {
1192
- left: 0;
1193
- }
1194
-
1195
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_is-disabled .ZTA2ya_spectrum-FieldButton {
1196
- border-radius: 0;
1197
- }
1198
-
1199
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-validationIcon {
1200
- padding-inline-end: 0;
1201
- }
1202
-
1203
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-validationIcon:not(:-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))) {
1204
- right: 0;
1205
- }
1206
-
1207
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-validationIcon: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))) {
1208
- right: 0;
1209
- }
1210
-
1211
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-validationIcon:-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)) {
1212
- left: 0;
1213
- }
1214
-
1215
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-validationIcon: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)) {
1216
- left: 0;
1217
- }
1218
-
1219
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-circleLoader {
1220
- padding-inline-end: 0;
1221
- }
1222
-
1223
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-circleLoader:not(:-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))) {
1224
- right: var(--spectrum-global-dimension-size-10);
1225
- }
1226
-
1227
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-circleLoader: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))) {
1228
- right: var(--spectrum-global-dimension-size-10);
1229
- }
1230
-
1231
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-circleLoader:-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)) {
1232
- left: var(--spectrum-global-dimension-size-10);
1233
- }
1234
-
1235
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-circleLoader: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)) {
1236
- left: var(--spectrum-global-dimension-size-10);
1237
- }
1238
-
1239
- .ZTA2ya_spectrum-InputGroup-popover--quiet {
1240
- --spectrum-dropdown-quiet-offset: calc(var(--spectrum-dropdown-quiet-popover-offset-x, var(--spectrum-global-dimension-size-150)) + var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin)));
1241
- margin-inline-start: calc(var(--spectrum-dropdown-quiet-offset) * -1);
1242
- }
1243
-
1244
- .ZTA2ya_spectrum-Datepicker--range {
1245
- border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
1246
- }
1247
-
1248
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--quiet {
1249
- border-radius: 0;
1250
- }
1251
-
1252
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton {
1253
- border-radius: 0;
1254
- }
1255
-
1256
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-Datepicker--datetimeRange .ZTA2ya_spectrum-InputGroup-field {
1257
- width: calc(calc(var(--spectrum-global-dimension-size-1600) - 2 * var(--spectrum-global-dimension-size-150)) + var(--spectrum-global-dimension-size-700) - var(--spectrum-global-dimension-static-font-size-100, 14px) / 2);
1258
- min-width: calc(calc(var(--spectrum-global-dimension-size-1600) - 2 * var(--spectrum-global-dimension-size-150)) + var(--spectrum-global-dimension-size-700) - var(--spectrum-global-dimension-static-font-size-100, 14px) / 2);
1259
- }
1260
-
1261
- .ZTA2ya_spectrum-Datepicker--range .ZTA2ya_spectrum-InputGroup-field {
1262
- width: calc(var(--spectrum-global-dimension-size-1600) - 2 * var(--spectrum-global-dimension-size-150));
1263
- min-width: calc(var(--spectrum-global-dimension-size-1600) - 2 * var(--spectrum-global-dimension-size-150));
1264
- flex: initial;
1265
- }
1266
-
1267
- .ZTA2ya_spectrum-Datepicker--range .ZTA2ya_spectrum-Datepicker-startField .ZTA2ya_spectrum-InputGroup-field {
1268
- border-inline-end: 0;
1269
- padding-inline-end: var(--spectrum-global-dimension-size-150);
1270
- }
1271
-
1272
- .ZTA2ya_spectrum-Datepicker--range .ZTA2ya_spectrum-Datepicker-startField svg {
1273
- display: none;
1274
- }
1275
-
1276
- .ZTA2ya_spectrum-Datepicker--range .ZTA2ya_spectrum-Datepicker-endField .ZTA2ya_spectrum-InputGroup-input {
1277
- border-inline-start: 0;
1278
- border-radius: 0;
1279
- flex: 1;
1280
- padding-inline-start: var(--spectrum-global-dimension-size-150);
1281
- }
1282
-
1283
- .ZTA2ya_spectrum-Datepicker--range .ZTA2ya_spectrum-Datepicker--rangeDash {
1284
- line-height: calc(var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height)) - var(--spectrum-global-dimension-size-100));
1285
- flex: initial;
1286
- z-index: 1;
1287
- width: 0;
1288
- padding-top: 0;
1289
- }
1290
-
1291
- .ZTA2ya_spectrum-Datepicker--range .ZTA2ya_spectrum-Datepicker--rangeDash:before {
1292
- content: "–";
1293
- margin: 0 calc(-.5 * var(--spectrum-global-dimension-static-font-size-100, 14px));
1294
- text-align: center;
1295
- vertical-align: middle;
1296
- width: var(--spectrum-global-dimension-static-font-size-100, 14px);
1297
- display: inline-block;
1298
- overflow: hidden;
1299
- }
1300
-
1301
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_is-focused .ZTA2ya_spectrum-Datepicker-focusRing {
1302
- border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
1303
- pointer-events: none;
1304
- position: absolute;
1305
- top: 0;
1306
- bottom: 0;
1307
- left: 0;
1308
- right: 0;
1309
- }
1310
-
1311
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_is-focused .ZTA2ya_spectrum-Datepicker-focusRing {
1312
- border-radius: 0;
1313
- top: auto;
1314
- }
1315
-
1316
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-Datepicker--rangeDash:before {
1317
- margin-inline-start: calc(-.5 * var(--spectrum-global-dimension-static-font-size-100, 14px));
1318
- }
1319
-
1320
- .ZTA2ya_spectrum-InputGroup {
1321
- --spectrum-inputgroup-border-color-focus: var(--spectrum-alias-input-border-color-key-focus);
1322
- background: var(--spectrum-textfield-background-color, var(--spectrum-global-color-gray-50));
1323
- }
1324
-
1325
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton:before {
1326
- border-color: var(--spectrum-textfield-border-color, var(--spectrum-alias-border-color));
1327
- }
1328
-
1329
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-InputGroup-input {
1330
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1331
- }
1332
-
1333
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:before {
1334
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1335
- }
1336
-
1337
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-hovered:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_is-focused):not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-InputGroup-input {
1338
- border-color: var(--spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover));
1339
- }
1340
-
1341
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-hovered:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_is-focused):not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:before {
1342
- border-color: var(--spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover));
1343
- }
1344
-
1345
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton:before {
1346
- border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
1347
- }
1348
-
1349
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-InputGroup-input {
1350
- border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
1351
- }
1352
-
1353
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-hovered .ZTA2ya_spectrum-FieldButton:before {
1354
- border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
1355
- }
1356
-
1357
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-hovered .ZTA2ya_spectrum-InputGroup-input {
1358
- border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
1359
- }
1360
-
1361
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid:active .ZTA2ya_spectrum-FieldButton:before {
1362
- border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
1363
- }
1364
-
1365
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid:active .ZTA2ya_spectrum-InputGroup-input {
1366
- border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
1367
- }
1368
-
1369
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-disabled:not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-FieldButton:before {
1370
- border-color: #0000;
1371
- }
1372
-
1373
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused .ZTA2ya_spectrum-FieldButton:before {
1374
- border-color: var(--spectrum-inputgroup-border-color-focus);
1375
- }
1376
-
1377
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused .ZTA2ya_spectrum-InputGroup-input {
1378
- border-color: var(--spectrum-inputgroup-border-color-focus);
1379
- }
1380
-
1381
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton:before {
1382
- border-color: var(--spectrum-inputgroup-border-color-focus);
1383
- }
1384
-
1385
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-InputGroup-input {
1386
- border-color: var(--spectrum-inputgroup-border-color-focus);
1387
- }
1388
-
1389
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_focus-ring:not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-FieldButton {
1390
- z-index: 1;
1391
- }
1392
-
1393
- .ZTA2ya_spectrum-InputGroup--quiet {
1394
- background: none;
1395
- }
1396
-
1397
- .ZTA2ya_spectrum-InputGroup--quiet:not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:disabled:before {
1398
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1399
- }
1400
-
1401
- .ZTA2ya_spectrum-InputGroup--quiet:not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:disabled.ZTA2ya_is-hovered:before {
1402
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1403
- }
1404
-
1405
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:before {
1406
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1407
- }
1408
-
1409
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton.ZTA2ya_is-hovered:before {
1410
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1411
- }
1412
-
1413
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:focus:before {
1414
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1415
- }
1416
-
1417
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:active:before {
1418
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1419
- }
1420
-
1421
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton.ZTA2ya_is-selected:before {
1422
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1423
- }
1424
-
1425
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton.ZTA2ya_spectrum-FieldButton--invalid:before {
1426
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1427
- }
1428
-
1429
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:disabled:before {
1430
- border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
1431
- }
1432
-
1433
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:disabled.ZTA2ya_is-hovered:before {
1434
- border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
1435
- }
1436
-
1437
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_is-disabled .ZTA2ya_spectrum-FieldButton:before {
1438
- border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
1439
- }
1440
-
1441
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_is-hovered:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_is-focused):not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:before {
1442
- border-color: var(--spectrum-textfield-quiet-border-color-hover, var(--spectrum-alias-border-color-hover));
1443
- }
1444
-
1445
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton:before {
1446
- border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
1447
- }
1448
-
1449
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-InputGroup-input {
1450
- border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
1451
- }
1452
-
1453
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-hovered .ZTA2ya_spectrum-FieldButton:before {
1454
- border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
1455
- }
1456
-
1457
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-hovered .ZTA2ya_spectrum-InputGroup-input {
1458
- border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
1459
- }
1460
-
1461
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid:active .ZTA2ya_spectrum-FieldButton:before {
1462
- border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
1463
- }
1464
-
1465
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid:active .ZTA2ya_spectrum-InputGroup-input {
1466
- border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
1467
- }
1468
-
1469
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused .ZTA2ya_spectrum-FieldButton:before {
1470
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1471
- }
1472
-
1473
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton:before {
1474
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1475
- }
1476
-
1477
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-InputGroup-input {
1478
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1479
- }
1480
-
1481
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_focus-ring .ZTA2ya_spectrum-InputGroup-input {
1482
- box-shadow: none !important;
1483
- }
1484
-
1485
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_is-disabled .ZTA2ya_spectrum-Datepicker--rangeDash {
1486
- color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
1487
- }
1488
-
1489
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_focus-ring {
1490
- box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1491
- }
1492
-
1493
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_focus-ring.ZTA2ya_spectrum-InputGroup--invalid {
1494
- box-shadow: 0 0 0 1px var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1495
- }
1496
-
1497
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_focus-ring.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton {
1498
- box-shadow: 0 0 0 1px var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1499
- }
1500
-
1501
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-InputGroup-input {
1502
- border-color: var(--spectrum-dropdown-border-color-error, var(--spectrum-global-color-red-500));
1503
- }
1504
-
1505
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_focus-ring .ZTA2ya_spectrum-FieldButton {
1506
- box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1507
- }
1508
-
1509
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_focus-ring .ZTA2ya_spectrum-FieldButton:before {
1510
- border-color: var(--spectrum-dropdown-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1511
- }
1512
-
1513
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton:before {
1514
- border-color: var(--spectrum-dropdown-border-color-error, var(--spectrum-global-color-red-500));
1515
- }
1516
-
1517
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton.ZTA2ya_spectrum-FieldButton--invalid.ZTA2ya_focus-ring {
1518
- border-color: var(--spectrum-dropdown-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1519
- box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1520
- }
1521
-
1522
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_is-focused {
1523
- box-shadow: 0 1px 0 0 var(--spectrum-dropdown-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1524
- }
1525
-
1526
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_is-focused.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton {
1527
- box-shadow: none;
1528
- }
1529
-
1530
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_is-focused.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton:before {
1531
- border-color: var(--spectrum-dropdown-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1532
- }
1533
-
1534
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_is-focused.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton.ZTA2ya_spectrum-FieldButton--invalid.ZTA2ya_focus-ring {
1535
- box-shadow: 0 2px 0 0 var(--spectrum-dropdown-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1536
- }
1537
-
1538
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_is-focused.ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_focus-ring {
1539
- box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1540
- }
1541
-
1542
- @media (forced-colors: active) {
1543
- .ZTA2ya_spectrum-InputGroup {
1544
- --spectrum-dropdown-border-color-error: Highlight;
1545
- --spectrum-dropdown-border-color-key-focus: Highlight;
1546
- --spectrum-textfield-border-color-error: Highlight;
1547
- --spectrum-textfield-border-color-error-hover: Highlight;
1548
- --spectrum-textfield-border-color-hover: Highlight;
1549
- --spectrum-textfield-border-color-key-focus: Highlight;
1550
- --spectrum-textfield-quiet-border-color: ButtonText;
1551
- --spectrum-textfield-quiet-border-color-disabled: GrayText;
1552
- --spectrum-textfield-quiet-border-color-hover: Highlight;
1553
- --spectrum-textfield-quiet-border-color-key-focus: Highlight;
1554
- --spectrum-textfield-text-color-disabled: GrayText;
1555
- --spectrum-inputgroup-border-color-focus: Highlight;
1556
- forced-color-adjust: none;
1557
- }
1558
-
1559
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-InputGroup-input {
1560
- forced-color-adjust: auto;
1561
- --spectrum-textfield-border-color: ButtonText;
1562
- --spectrum-textfield-background-color-disabled: Canvas;
1563
- }
1564
-
1565
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton {
1566
- forced-color-adjust: auto;
1567
- --spectrum-fieldbutton-background-color: Canvas;
1568
- --spectrum-fieldbutton-quiet-background-color: Canvas;
1569
- --spectrum-fieldbutton-icon-color: ButtonText;
1570
- --spectrum-fieldbutton-background-color-down: Canvas;
1571
- --spectrum-fieldbutton-quiet-background-color-down: Canvas;
1572
- --spectrum-fieldbutton-icon-color-down: ButtonText;
1573
- --spectrum-fieldbutton-background-color-disabled: Canvas;
1574
- --spectrum-fieldbutton-quiet-background-color-disabled: Canvas;
1575
- --spectrum-fieldbutton-background-color-hover: Canvas;
1576
- --spectrum-fieldbutton-quiet-background-color-hover: Canvas;
1577
- --spectrum-fieldbutton-icon-color-hover: ButtonText;
1578
- background-clip: unset;
1579
- }
1580
-
1581
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-disabled:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-FieldButton:before {
1582
- border-color: GrayText;
1583
- }
1584
-
1585
- .ZTA2ya_spectrum-InputGroup--quiet:not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:disabled:before {
1586
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1587
- }
1588
-
1589
- .ZTA2ya_spectrum-InputGroup--quiet:not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:disabled.ZTA2ya_is-hovered:before {
1590
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1591
- }
1592
-
1593
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_is-disabled .ZTA2ya_spectrum-FieldButton:before {
1594
- border-color: GrayText;
1595
- }
1596
-
1597
- .ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton:before {
1598
- border-color: Highlight;
1599
- }
1600
-
1601
- .ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-disabled:not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-InputGroup-input {
1602
- border-color: GrayText;
1603
- }
1604
-
1605
- .ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-disabled.ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-input {
1606
- border-color: GrayText;
1607
- }
1608
-
1609
- .ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-disabled.ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:before {
1610
- border-color: GrayText;
1611
- }
1612
-
1613
- .ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-disabled:not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-FieldButton:before {
1614
- border-color: GrayText;
1615
- }
1616
-
1617
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_focus-ring:not(.ZTA2ya_spectrum-InputGroup--quiet) {
1618
- outline: 2px solid Highlight;
1619
- }
1620
-
1621
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_focus-ring.ZTA2ya_spectrum-InputGroup--quiet {
1622
- box-shadow: 0 2px 0 0 var(--spectrum-dropdown-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1623
- }
1624
- }
1625
-
1626
- /*# sourceMappingURL=main.css.map */