@react-spectrum/autocomplete 3.0.0-alpha.30 → 3.0.0-alpha.32

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