@react-spectrum/autocomplete 3.0.0-nightly.4494 → 3.0.0-nightly.4506

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