@echothink-ui/search 0.1.0

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 (40) hide show
  1. package/README.md +5 -0
  2. package/dist/components/AgentSearchSuggestion.d.ts +2 -0
  3. package/dist/components/AppCommandSearch.d.ts +2 -0
  4. package/dist/components/AppDomainSearch.d.ts +2 -0
  5. package/dist/components/EntitySearchInput.d.ts +4 -0
  6. package/dist/components/GlobalCommandPalette.d.ts +4 -0
  7. package/dist/components/ProjectCommandPalette.d.ts +2 -0
  8. package/dist/components/RecentItems.d.ts +2 -0
  9. package/dist/components/ResourceSearch.d.ts +2 -0
  10. package/dist/components/SavedSearches.d.ts +2 -0
  11. package/dist/components/SearchFacetPanel.d.ts +2 -0
  12. package/dist/components/SearchResultsPanel.d.ts +2 -0
  13. package/dist/components/SemanticSearchResult.d.ts +2 -0
  14. package/dist/components/searchUtils.d.ts +3 -0
  15. package/dist/components/types.d.ts +175 -0
  16. package/dist/index.cjs +1224 -0
  17. package/dist/index.cjs.map +1 -0
  18. package/dist/index.css +1460 -0
  19. package/dist/index.css.map +1 -0
  20. package/dist/index.d.ts +16 -0
  21. package/dist/index.js +1185 -0
  22. package/dist/index.js.map +1 -0
  23. package/package.json +43 -0
  24. package/src/components/AgentSearchSuggestion.tsx +44 -0
  25. package/src/components/AppCommandSearch.tsx +163 -0
  26. package/src/components/AppDomainSearch.tsx +90 -0
  27. package/src/components/EntitySearchInput.tsx +165 -0
  28. package/src/components/GlobalCommandPalette.tsx +182 -0
  29. package/src/components/ProjectCommandPalette.tsx +24 -0
  30. package/src/components/RecentItems.tsx +136 -0
  31. package/src/components/ResourceSearch.tsx +27 -0
  32. package/src/components/SavedSearches.tsx +27 -0
  33. package/src/components/SearchFacetPanel.tsx +100 -0
  34. package/src/components/SearchResultsPanel.tsx +327 -0
  35. package/src/components/SemanticSearchResult.tsx +52 -0
  36. package/src/components/searchUtils.ts +20 -0
  37. package/src/components/types.ts +208 -0
  38. package/src/index.test.tsx +254 -0
  39. package/src/index.tsx +55 -0
  40. package/src/styles.css +1716 -0
package/dist/index.css ADDED
@@ -0,0 +1,1460 @@
1
+ @import "@echothink-ui/core/styles.css";
2
+
3
+ /* src/styles.css */
4
+ .eth-search-command-palette,
5
+ .eth-search-global-command-palette,
6
+ .eth-search-app-command,
7
+ .eth-search-app-domain,
8
+ .eth-search-entity-input,
9
+ .eth-search-resource,
10
+ .eth-search-suggestions,
11
+ .eth-search-results-panel,
12
+ .eth-search-result-row,
13
+ .eth-search-facet-panel,
14
+ .eth-search-saved-searches,
15
+ .eth-search-saved,
16
+ .eth-search-recent-items,
17
+ .eth-search-recent,
18
+ .eth-search-semantic-result,
19
+ .eth-search-agent-suggestion {
20
+ color: var(--eth-color-text-primary);
21
+ }
22
+ .eth-search-command-palette button:focus-visible,
23
+ .eth-search-global-command-palette button:focus-visible,
24
+ .eth-search-app-command button:focus-visible,
25
+ .eth-search-entity-input button:focus-visible,
26
+ .eth-search-suggestions__item:focus-visible,
27
+ .eth-search-results-panel a:focus-visible,
28
+ .eth-search-results-panel button:focus-visible,
29
+ .eth-search-facet-panel input:focus-visible,
30
+ .eth-search-saved-searches button:focus-visible,
31
+ .eth-search-recent-items a:focus-visible,
32
+ .eth-search-recent-items button:focus-visible,
33
+ .eth-search-semantic-result a:focus-visible,
34
+ .eth-search-agent-suggestion:focus-visible {
35
+ outline: 2px solid var(--eth-color-focus);
36
+ outline-offset: -2px;
37
+ }
38
+ .eth-search-command-palette,
39
+ .eth-search-global-command-palette {
40
+ background: var(--eth-color-overlay);
41
+ display: grid;
42
+ inset: 0;
43
+ padding: var(--eth-space-3xl) var(--eth-space-lg);
44
+ place-items: start center;
45
+ position: fixed;
46
+ z-index: 9000;
47
+ }
48
+ .eth-search-command-palette__scrim {
49
+ background: transparent;
50
+ border: 0;
51
+ cursor: default;
52
+ inset: 0;
53
+ padding: 0;
54
+ position: absolute;
55
+ }
56
+ .eth-search-command-palette__panel,
57
+ .eth-search-global-command-palette__card {
58
+ background: var(--eth-color-layer-01);
59
+ border: 1px solid var(--eth-color-border-subtle);
60
+ border-radius: 0;
61
+ box-shadow: var(--eth-shadow-overlay);
62
+ display: grid;
63
+ margin-top: var(--eth-space-3xl);
64
+ max-height: calc(100vh - 4rem);
65
+ max-width: 42rem;
66
+ overflow: hidden;
67
+ position: relative;
68
+ width: min(100%, 42rem);
69
+ z-index: 1;
70
+ }
71
+ .eth-search-command-palette__header {
72
+ align-items: center;
73
+ background: var(--eth-color-layer-02);
74
+ border-bottom: 1px solid var(--eth-color-border-subtle);
75
+ display: flex;
76
+ justify-content: space-between;
77
+ min-block-size: var(--eth-space-3xl);
78
+ min-inline-size: 0;
79
+ padding-inline-start: var(--eth-space-lg);
80
+ }
81
+ .eth-search-command-palette__heading {
82
+ display: grid;
83
+ gap: var(--eth-space-2xs);
84
+ min-inline-size: 0;
85
+ }
86
+ .eth-search-command-palette__meta {
87
+ align-items: center;
88
+ display: flex;
89
+ flex-wrap: wrap;
90
+ gap: var(--eth-space-xs);
91
+ min-inline-size: 0;
92
+ }
93
+ .eth-search-command-palette__heading h2 {
94
+ color: var(--eth-color-text-primary);
95
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
96
+ font-weight: 600;
97
+ line-height: 1.2857;
98
+ margin: 0;
99
+ overflow: hidden;
100
+ text-overflow: ellipsis;
101
+ white-space: nowrap;
102
+ }
103
+ .eth-search-command-palette__heading span {
104
+ color: var(--eth-color-text-helper);
105
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
106
+ line-height: 1.333;
107
+ min-inline-size: 0;
108
+ }
109
+ .eth-search-command-palette__meta span + span::before {
110
+ color: var(--eth-color-border-strong);
111
+ content: "/";
112
+ margin-inline-end: var(--eth-space-xs);
113
+ }
114
+ .eth-search-command-palette__close {
115
+ align-items: center;
116
+ align-self: stretch;
117
+ background: transparent;
118
+ border: 0;
119
+ border-inline-start: 1px solid var(--eth-color-border-subtle);
120
+ color: var(--eth-color-text-secondary);
121
+ cursor: pointer;
122
+ display: inline-flex;
123
+ inline-size: var(--eth-space-3xl);
124
+ justify-content: center;
125
+ padding: 0;
126
+ transition: background-color var(--eth-motion-fast) var(--eth-motion-easing), color var(--eth-motion-fast) var(--eth-motion-easing);
127
+ }
128
+ .eth-search-command-palette__close:hover {
129
+ background: var(--eth-color-layer-hover);
130
+ color: var(--eth-color-text-primary);
131
+ }
132
+ .eth-search-command-palette__search,
133
+ .eth-search-global-command-palette__input {
134
+ border-bottom: 1px solid var(--eth-color-border-subtle);
135
+ width: 100%;
136
+ }
137
+ .eth-search-command-palette__search .cds--search,
138
+ .eth-search-command-palette__search .cds--search-input,
139
+ .eth-search-global-command-palette__input .cds--search {
140
+ min-inline-size: 0;
141
+ width: 100%;
142
+ }
143
+ .eth-search-command-palette__search .cds--search-input {
144
+ background: var(--eth-color-layer-01);
145
+ color: var(--eth-color-text-primary);
146
+ }
147
+ .eth-search-command-palette__search:focus-within {
148
+ outline: 2px solid var(--eth-color-focus);
149
+ outline-offset: -2px;
150
+ }
151
+ .eth-search-command-palette__search input:focus-visible {
152
+ outline: 0;
153
+ }
154
+ .eth-search-command-palette__results,
155
+ .eth-search-global-command-palette__list {
156
+ display: grid;
157
+ max-height: 28rem;
158
+ overflow: auto;
159
+ }
160
+ .eth-search-command-palette__group h3 {
161
+ color: var(--eth-color-text-helper);
162
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
163
+ font-weight: 600;
164
+ letter-spacing: 0;
165
+ line-height: 1.333;
166
+ margin: 0;
167
+ padding: var(--eth-space-md) var(--eth-space-lg) var(--eth-space-xs);
168
+ text-transform: uppercase;
169
+ }
170
+ .eth-search-command-palette__item,
171
+ .eth-search-global-command-palette__list > * {
172
+ align-items: center;
173
+ background: transparent;
174
+ border: 0;
175
+ border-top: 1px solid var(--eth-color-border-subtle);
176
+ color: var(--eth-color-text-primary);
177
+ cursor: pointer;
178
+ display: grid;
179
+ font: inherit;
180
+ gap: var(--eth-space-md);
181
+ grid-template-columns: minmax(0, 1fr) auto;
182
+ min-height: 4rem;
183
+ padding: var(--eth-space-md) var(--eth-space-lg);
184
+ text-align: start;
185
+ transition: background-color var(--eth-motion-fast) var(--eth-motion-easing);
186
+ width: 100%;
187
+ }
188
+ .eth-search-command-palette__item:hover,
189
+ .eth-search-global-command-palette__list > *:hover {
190
+ background: var(--eth-color-layer-hover);
191
+ }
192
+ .eth-search-command-palette__item--active,
193
+ .eth-search-command-palette__item[aria-selected=true],
194
+ .eth-search-global-command-palette__list > [aria-selected=true] {
195
+ background: var(--eth-color-layer-selected);
196
+ box-shadow: inset 3px 0 0 var(--eth-color-interactive-primary);
197
+ }
198
+ .eth-search-command-palette__item-copy {
199
+ display: grid;
200
+ gap: var(--eth-space-2xs);
201
+ min-inline-size: 0;
202
+ }
203
+ .eth-search-command-palette__item strong {
204
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
205
+ font-weight: 600;
206
+ line-height: 1.2857;
207
+ overflow-wrap: anywhere;
208
+ }
209
+ .eth-search-command-palette__item small,
210
+ .eth-search-command-palette__item kbd,
211
+ .eth-search-command-palette__empty {
212
+ color: var(--eth-color-text-helper);
213
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
214
+ line-height: 1.333;
215
+ }
216
+ .eth-search-command-palette__item kbd {
217
+ background: var(--eth-color-layer-02);
218
+ border: 1px solid var(--eth-color-border-subtle);
219
+ border-radius: 0;
220
+ font-family: var(--eth-font-mono);
221
+ line-height: 1;
222
+ padding: var(--eth-space-2xs) var(--eth-space-xs);
223
+ white-space: nowrap;
224
+ }
225
+ .eth-search-command-palette__empty {
226
+ display: grid;
227
+ gap: var(--eth-space-xs);
228
+ margin: 0;
229
+ min-block-size: 7rem;
230
+ padding: var(--eth-space-lg);
231
+ place-content: center;
232
+ text-align: center;
233
+ }
234
+ .eth-search-command-palette__empty strong {
235
+ color: var(--eth-color-text-primary);
236
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
237
+ font-weight: 600;
238
+ }
239
+ .eth-search-app-command {
240
+ background: var(--eth-color-layer-01);
241
+ border: 1px solid var(--eth-color-border-subtle);
242
+ border-radius: 0;
243
+ display: grid;
244
+ margin-inline: auto;
245
+ max-width: 760px;
246
+ overflow: hidden;
247
+ width: min(100%, 760px);
248
+ }
249
+ .eth-search-app-command__bar {
250
+ align-items: stretch;
251
+ border-bottom: 1px solid var(--eth-color-border-subtle);
252
+ display: grid;
253
+ grid-template-columns: minmax(0, 1fr) auto;
254
+ min-width: 0;
255
+ }
256
+ .eth-search-app-command__input,
257
+ .eth-search-app-command__input .cds--search,
258
+ .eth-search-app-command__input .cds--search-input {
259
+ block-size: 100%;
260
+ min-inline-size: 0;
261
+ }
262
+ .eth-search-app-command__input .cds--search-input {
263
+ background: transparent;
264
+ border-block-end: 0;
265
+ color: var(--eth-color-text-primary);
266
+ }
267
+ .eth-search-app-command__input input:focus-visible {
268
+ outline: 0;
269
+ }
270
+ .eth-search-app-command__controls {
271
+ align-items: center;
272
+ border-inline-start: 1px solid var(--eth-color-border-subtle);
273
+ display: flex;
274
+ gap: var(--eth-space-sm);
275
+ min-block-size: 3rem;
276
+ padding-inline: var(--eth-space-sm);
277
+ }
278
+ .eth-search-app-command__kbd,
279
+ .eth-search-app-command__meta kbd {
280
+ background: var(--eth-color-layer-02);
281
+ border: 1px solid var(--eth-color-border-subtle);
282
+ color: var(--eth-color-text-helper);
283
+ font-family: var(--eth-font-mono);
284
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
285
+ line-height: 1;
286
+ padding: var(--eth-space-2xs) var(--eth-space-xs);
287
+ white-space: nowrap;
288
+ }
289
+ .eth-search-app-command__summary {
290
+ align-items: center;
291
+ background: var(--eth-color-layer-02);
292
+ border-bottom: 1px solid var(--eth-color-border-subtle);
293
+ color: var(--eth-color-text-helper);
294
+ display: flex;
295
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
296
+ gap: var(--eth-space-sm);
297
+ justify-content: space-between;
298
+ line-height: 1.333;
299
+ padding: var(--eth-space-sm) var(--eth-space-lg);
300
+ }
301
+ .eth-search-app-command__summary > span {
302
+ letter-spacing: 0;
303
+ text-transform: uppercase;
304
+ }
305
+ .eth-search-app-command__summary strong {
306
+ color: var(--eth-color-text-primary);
307
+ font-weight: 600;
308
+ }
309
+ .eth-search-app-command__list {
310
+ display: grid;
311
+ }
312
+ .eth-search-app-command__item {
313
+ align-items: center;
314
+ background: transparent;
315
+ border: 0;
316
+ border-bottom: 1px solid var(--eth-color-border-subtle);
317
+ color: var(--eth-color-text-primary);
318
+ cursor: pointer;
319
+ display: grid;
320
+ font: inherit;
321
+ gap: var(--eth-space-md);
322
+ grid-template-columns: 5.75rem minmax(0, 1fr) auto;
323
+ min-block-size: 4rem;
324
+ padding: var(--eth-space-md) var(--eth-space-lg);
325
+ text-align: start;
326
+ transition: background-color var(--eth-motion-fast) var(--eth-motion-easing);
327
+ width: 100%;
328
+ }
329
+ .eth-search-app-command__item:last-child {
330
+ border-bottom: 0;
331
+ }
332
+ .eth-search-app-command__item:hover,
333
+ .eth-search-app-command__item--active,
334
+ .eth-search-app-command__item[aria-selected=true] {
335
+ background: var(--eth-color-layer-selected);
336
+ }
337
+ .eth-search-app-command__item--active {
338
+ box-shadow: inset 3px 0 0 var(--eth-color-interactive-primary);
339
+ }
340
+ .eth-search-app-command__kind {
341
+ background: var(--eth-color-layer-02);
342
+ color: var(--eth-color-text-secondary);
343
+ display: inline-flex;
344
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
345
+ justify-content: center;
346
+ line-height: 1;
347
+ padding: var(--eth-space-xs);
348
+ white-space: nowrap;
349
+ }
350
+ .eth-search-app-command__copy {
351
+ display: grid;
352
+ gap: var(--eth-space-2xs);
353
+ min-width: 0;
354
+ }
355
+ .eth-search-app-command__copy strong {
356
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
357
+ font-weight: 600;
358
+ line-height: 1.2857;
359
+ overflow-wrap: anywhere;
360
+ }
361
+ .eth-search-app-command__copy small,
362
+ .eth-search-app-command__meta,
363
+ .eth-search-app-command__empty {
364
+ color: var(--eth-color-text-helper);
365
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
366
+ line-height: 1.333;
367
+ }
368
+ .eth-search-app-command__meta {
369
+ align-items: end;
370
+ display: grid;
371
+ gap: var(--eth-space-xs);
372
+ justify-items: end;
373
+ min-width: 7rem;
374
+ text-align: end;
375
+ }
376
+ .eth-search-app-command__empty {
377
+ margin: 0;
378
+ padding: var(--eth-space-lg);
379
+ }
380
+ .eth-search-entity-input {
381
+ display: grid;
382
+ inline-size: var(--eth-search-entity-input-inline-size, min(100%, 36rem));
383
+ max-inline-size: 100%;
384
+ position: relative;
385
+ }
386
+ .eth-search-entity-input__field,
387
+ .eth-search-entity-input__field .cds--search,
388
+ .eth-search-entity-input__field .cds--search-input {
389
+ inline-size: 100%;
390
+ min-inline-size: 0;
391
+ }
392
+ .eth-search-entity-input__field .cds--search-input {
393
+ background: var(--eth-color-layer-01);
394
+ color: var(--eth-color-text-primary);
395
+ }
396
+ .eth-search-entity-input__field:focus-within {
397
+ outline: 2px solid var(--eth-color-focus);
398
+ outline-offset: -2px;
399
+ }
400
+ .eth-search-entity-input__field input:focus-visible {
401
+ outline: 0;
402
+ }
403
+ .eth-search-entity-input__popover,
404
+ .eth-search-suggestions {
405
+ background: var(--eth-color-layer-01);
406
+ border: 1px solid var(--eth-color-border-subtle);
407
+ border-radius: 0;
408
+ box-shadow: var(--eth-shadow-overlay);
409
+ inset-block-start: calc(100% + var(--eth-space-2xs));
410
+ inset-inline: 0;
411
+ max-height: 320px;
412
+ overflow: auto;
413
+ position: absolute;
414
+ z-index: 50;
415
+ }
416
+ .eth-search-entity-input__summary {
417
+ align-items: center;
418
+ background: var(--eth-color-layer-02);
419
+ border-bottom: 1px solid var(--eth-color-border-subtle);
420
+ color: var(--eth-color-text-helper);
421
+ display: flex;
422
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
423
+ gap: var(--eth-space-sm);
424
+ justify-content: space-between;
425
+ line-height: 1.333;
426
+ min-block-size: var(--eth-space-2xl);
427
+ padding: var(--eth-space-sm) var(--eth-space-lg);
428
+ }
429
+ .eth-search-entity-input__summary span {
430
+ font-weight: 600;
431
+ letter-spacing: 0;
432
+ text-transform: uppercase;
433
+ }
434
+ .eth-search-entity-input__summary strong {
435
+ color: var(--eth-color-text-secondary);
436
+ font-weight: 600;
437
+ }
438
+ .eth-search-entity-input__list {
439
+ list-style: none;
440
+ margin: 0;
441
+ padding: 0;
442
+ }
443
+ .eth-search-entity-input__list li + li {
444
+ border-top: 1px solid var(--eth-color-border-subtle);
445
+ }
446
+ .eth-search-entity-input__popover button,
447
+ .eth-search-suggestions__item {
448
+ align-items: center;
449
+ background: transparent;
450
+ border: 0;
451
+ color: var(--eth-color-text-primary);
452
+ cursor: pointer;
453
+ display: grid;
454
+ font: inherit;
455
+ gap: var(--eth-space-md);
456
+ grid-template-columns: minmax(0, 1fr) auto;
457
+ min-block-size: 3rem;
458
+ padding: var(--eth-space-md) var(--eth-space-lg);
459
+ text-align: start;
460
+ transition: background-color var(--eth-motion-fast) var(--eth-motion-easing);
461
+ width: 100%;
462
+ }
463
+ .eth-search-entity-input__popover button:hover,
464
+ .eth-search-suggestions__item:hover {
465
+ background: var(--eth-color-layer-hover);
466
+ }
467
+ .eth-search-entity-input__popover button[aria-selected=true] {
468
+ background: var(--eth-color-layer-selected);
469
+ box-shadow: inset 3px 0 0 var(--eth-color-interactive-primary);
470
+ }
471
+ .eth-search-entity-input__copy {
472
+ display: grid;
473
+ gap: var(--eth-space-2xs);
474
+ min-inline-size: 0;
475
+ }
476
+ .eth-search-entity-input__copy strong {
477
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
478
+ font-weight: 600;
479
+ line-height: 1.2857;
480
+ overflow-wrap: anywhere;
481
+ }
482
+ .eth-search-entity-input__popover small,
483
+ .eth-search-entity-input__meta,
484
+ .eth-search-entity-input__empty {
485
+ color: var(--eth-color-text-helper);
486
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
487
+ line-height: 1.333;
488
+ }
489
+ .eth-search-entity-input__meta {
490
+ justify-self: end;
491
+ text-align: end;
492
+ white-space: nowrap;
493
+ }
494
+ .eth-search-entity-input__meta:empty {
495
+ display: none;
496
+ }
497
+ .eth-search-entity-input__popover button[aria-selected=true] .eth-search-entity-input__meta {
498
+ color: var(--eth-color-interactive-primary);
499
+ font-weight: 600;
500
+ }
501
+ .eth-search-entity-input__empty {
502
+ margin: 0;
503
+ padding: var(--eth-space-lg);
504
+ }
505
+ .eth-search-app-domain {
506
+ background: var(--eth-color-layer-01);
507
+ border: 1px solid var(--eth-color-border-subtle);
508
+ border-radius: 0;
509
+ display: grid;
510
+ margin-inline: auto;
511
+ max-width: 48rem;
512
+ overflow: hidden;
513
+ width: min(100%, 48rem);
514
+ }
515
+ .eth-search-app-domain__header {
516
+ align-items: center;
517
+ background: var(--eth-color-layer-02);
518
+ border-bottom: 1px solid var(--eth-color-border-subtle);
519
+ display: flex;
520
+ gap: var(--eth-space-md);
521
+ justify-content: space-between;
522
+ min-block-size: var(--eth-space-3xl);
523
+ padding: var(--eth-space-sm) var(--eth-space-lg);
524
+ }
525
+ .eth-search-app-domain__header span,
526
+ .eth-search-app-domain__summary,
527
+ .eth-search-app-domain__result-copy small,
528
+ .eth-search-app-domain__result-meta {
529
+ color: var(--eth-color-text-helper);
530
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
531
+ line-height: 1.333;
532
+ }
533
+ .eth-search-app-domain__header span {
534
+ font-weight: 600;
535
+ letter-spacing: 0;
536
+ text-transform: uppercase;
537
+ }
538
+ .eth-search-app-domain__header strong {
539
+ color: var(--eth-color-text-primary);
540
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
541
+ font-weight: 600;
542
+ line-height: 1.2857;
543
+ min-width: 0;
544
+ overflow-wrap: anywhere;
545
+ }
546
+ .eth-search-app-domain__input,
547
+ .eth-search-app-domain__input .cds--search,
548
+ .eth-search-app-domain__input .cds--search-input {
549
+ inline-size: 100%;
550
+ min-inline-size: 0;
551
+ }
552
+ .eth-search-app-domain__input .cds--search-input {
553
+ background: var(--eth-color-layer-01);
554
+ color: var(--eth-color-text-primary);
555
+ }
556
+ .eth-search-app-domain__input:focus-within {
557
+ outline: 2px solid var(--eth-color-focus);
558
+ outline-offset: -2px;
559
+ }
560
+ .eth-search-app-domain__input input:focus-visible {
561
+ outline: 0;
562
+ }
563
+ .eth-search-app-domain__summary {
564
+ align-items: center;
565
+ background: var(--eth-color-layer-02);
566
+ border-top: 1px solid var(--eth-color-border-subtle);
567
+ display: flex;
568
+ gap: var(--eth-space-sm);
569
+ justify-content: space-between;
570
+ padding: var(--eth-space-sm) var(--eth-space-lg);
571
+ }
572
+ .eth-search-app-domain__summary span:last-child {
573
+ color: var(--eth-color-text-secondary);
574
+ font-weight: 600;
575
+ }
576
+ .eth-search-app-domain__results {
577
+ list-style: none;
578
+ margin: 0;
579
+ padding: 0;
580
+ }
581
+ .eth-search-app-domain__results li + li {
582
+ border-top: 1px solid var(--eth-color-border-subtle);
583
+ }
584
+ .eth-search-app-domain__results button {
585
+ align-items: center;
586
+ background: transparent;
587
+ border: 0;
588
+ color: var(--eth-color-text-primary);
589
+ cursor: pointer;
590
+ display: grid;
591
+ font: inherit;
592
+ gap: var(--eth-space-md);
593
+ grid-template-columns: minmax(0, 1fr) auto;
594
+ min-block-size: 3rem;
595
+ padding: var(--eth-space-md) var(--eth-space-lg);
596
+ text-align: start;
597
+ transition: background-color var(--eth-motion-fast) var(--eth-motion-easing);
598
+ width: 100%;
599
+ }
600
+ .eth-search-app-domain__results button:hover {
601
+ background: var(--eth-color-layer-hover);
602
+ }
603
+ .eth-search-app-domain__results button:focus-visible {
604
+ outline: 2px solid var(--eth-color-focus);
605
+ outline-offset: -2px;
606
+ }
607
+ .eth-search-app-domain__result-copy {
608
+ display: grid;
609
+ gap: var(--eth-space-2xs);
610
+ min-width: 0;
611
+ }
612
+ .eth-search-app-domain__result-copy strong {
613
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
614
+ font-weight: 600;
615
+ line-height: 1.2857;
616
+ overflow-wrap: anywhere;
617
+ }
618
+ .eth-search-app-domain__result-meta {
619
+ justify-self: end;
620
+ text-align: end;
621
+ white-space: nowrap;
622
+ }
623
+ .eth-search-results-panel {
624
+ background: var(--eth-color-layer-01);
625
+ border: 1px solid var(--eth-color-border-subtle);
626
+ border-radius: 0;
627
+ }
628
+ .eth-search-results-panel__group + .eth-search-results-panel__group {
629
+ border-top: 1px solid var(--eth-color-border-subtle);
630
+ }
631
+ .eth-search-results-panel__group h3,
632
+ .eth-search-facet-panel legend {
633
+ color: var(--eth-color-text-primary);
634
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
635
+ font-weight: 600;
636
+ line-height: 1.2857;
637
+ margin: 0;
638
+ }
639
+ .eth-search-results-panel__group h3 {
640
+ background: var(--eth-color-layer-02);
641
+ border-bottom: 1px solid var(--eth-color-border-subtle);
642
+ padding: var(--eth-space-md) var(--eth-space-lg);
643
+ }
644
+ .eth-search-results-panel__group ul,
645
+ .eth-search-saved-searches ul,
646
+ .eth-search-recent-items ul,
647
+ .eth-search-recent {
648
+ list-style: none;
649
+ margin: 0;
650
+ padding: 0;
651
+ }
652
+ .eth-search-results-panel__group li,
653
+ .eth-search-result-row,
654
+ .eth-search-recent-items li,
655
+ .eth-search-recent > *,
656
+ .eth-search-saved-searches li {
657
+ align-items: center;
658
+ border-bottom: 1px solid var(--eth-color-border-subtle);
659
+ display: grid;
660
+ gap: var(--eth-space-md);
661
+ grid-template-columns: minmax(0, 1fr) auto auto;
662
+ padding: var(--eth-space-lg);
663
+ transition: background-color var(--eth-motion-fast) var(--eth-motion-easing);
664
+ }
665
+ .eth-search-results-panel__group li:hover,
666
+ .eth-search-result-row:hover,
667
+ .eth-search-recent-items li:hover,
668
+ .eth-search-recent > *:hover,
669
+ .eth-search-saved-searches li:hover {
670
+ background: var(--eth-color-layer-hover);
671
+ }
672
+ .eth-search-results-panel__group li > span,
673
+ .eth-search-recent-items span,
674
+ .eth-search-recent-items time {
675
+ color: var(--eth-color-text-helper);
676
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
677
+ }
678
+ .eth-search-results-panel__group a,
679
+ .eth-search-results-panel__group button,
680
+ .eth-search-recent-items a,
681
+ .eth-search-recent-items button {
682
+ background: transparent;
683
+ border: 0;
684
+ color: var(--eth-color-link);
685
+ cursor: pointer;
686
+ font: inherit;
687
+ padding: 0;
688
+ text-align: start;
689
+ }
690
+ .eth-search-facet-panel {
691
+ background: var(--eth-color-layer-01);
692
+ border: 1px solid var(--eth-color-border-subtle);
693
+ border-radius: 0;
694
+ display: grid;
695
+ gap: 0;
696
+ inline-size: min(100%, 20rem);
697
+ overflow: hidden;
698
+ padding: 0;
699
+ }
700
+ .eth-search-facet-panel__header {
701
+ align-items: flex-start;
702
+ background: var(--eth-color-layer-02);
703
+ border-bottom: 1px solid var(--eth-color-border-subtle);
704
+ display: flex;
705
+ gap: var(--eth-space-md);
706
+ justify-content: space-between;
707
+ padding: var(--eth-space-lg);
708
+ }
709
+ .eth-search-facet-panel__title {
710
+ color: var(--eth-color-text-primary);
711
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
712
+ font-weight: 600;
713
+ line-height: 1.2857;
714
+ margin: 0;
715
+ }
716
+ .eth-search-facet-panel__summary {
717
+ color: var(--eth-color-text-helper);
718
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
719
+ line-height: 1.333;
720
+ margin: var(--eth-space-2xs) 0 0;
721
+ }
722
+ .eth-search-facet-panel__clear {
723
+ background: transparent;
724
+ border: 0;
725
+ color: var(--eth-color-link);
726
+ cursor: pointer;
727
+ flex: 0 0 auto;
728
+ font: inherit;
729
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
730
+ line-height: 1.333;
731
+ min-block-size: var(--eth-space-xl);
732
+ padding: var(--eth-space-xs) var(--eth-space-sm);
733
+ }
734
+ .eth-search-facet-panel__clear:hover {
735
+ background: var(--eth-color-layer-hover);
736
+ }
737
+ .eth-search-facet-panel__clear:focus-visible {
738
+ outline: 2px solid var(--eth-color-focus);
739
+ outline-offset: -2px;
740
+ }
741
+ .eth-search-facet-panel__groups {
742
+ display: grid;
743
+ }
744
+ .eth-search-facet-panel fieldset,
745
+ .eth-search-facet-panel__group {
746
+ border: 0;
747
+ display: grid;
748
+ margin: 0;
749
+ min-inline-size: 0;
750
+ padding: var(--eth-space-lg) var(--eth-space-lg) var(--eth-space-md);
751
+ }
752
+ .eth-search-facet-panel__group + .eth-search-facet-panel__group {
753
+ border-top: 1px solid var(--eth-color-border-subtle);
754
+ }
755
+ .eth-search-facet-panel legend,
756
+ .eth-search-facet-panel__legend {
757
+ align-items: center;
758
+ color: var(--eth-color-text-primary);
759
+ display: flex;
760
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
761
+ font-weight: 600;
762
+ inline-size: 100%;
763
+ justify-content: space-between;
764
+ line-height: 1.333;
765
+ margin: 0 0 var(--eth-space-sm);
766
+ padding: 0;
767
+ }
768
+ .eth-search-facet-panel__options {
769
+ display: grid;
770
+ gap: var(--eth-space-2xs);
771
+ }
772
+ .eth-search-facet-panel__option {
773
+ align-items: center;
774
+ color: var(--eth-color-text-primary);
775
+ cursor: pointer;
776
+ display: grid;
777
+ gap: var(--eth-space-sm);
778
+ grid-template-columns: 1rem minmax(0, 1fr);
779
+ min-block-size: var(--eth-space-xl);
780
+ padding: var(--eth-space-xs) var(--eth-space-sm) var(--eth-space-xs) 0;
781
+ position: relative;
782
+ }
783
+ .eth-search-facet-panel__option:hover {
784
+ background: var(--eth-color-layer-hover);
785
+ }
786
+ .eth-search-facet-panel__option input {
787
+ block-size: 1px;
788
+ inline-size: 1px;
789
+ margin: 0;
790
+ opacity: 0;
791
+ position: absolute;
792
+ }
793
+ .eth-search-facet-panel__option input:focus-visible {
794
+ outline: 0;
795
+ }
796
+ .eth-search-facet-panel__control {
797
+ background: var(--eth-color-layer-01);
798
+ block-size: 1rem;
799
+ border: 1px solid var(--eth-color-border-strong);
800
+ box-sizing: border-box;
801
+ inline-size: 1rem;
802
+ }
803
+ .eth-search-facet-panel__option input:checked + .eth-search-facet-panel__control {
804
+ background: var(--eth-color-text-primary);
805
+ border-color: var(--eth-color-text-primary);
806
+ }
807
+ .eth-search-facet-panel__option input:checked + .eth-search-facet-panel__control::after {
808
+ border-color: var(--eth-color-layer-01);
809
+ border-style: solid;
810
+ border-width: 0 2px 2px 0;
811
+ block-size: 0.625rem;
812
+ content: "";
813
+ display: block;
814
+ inline-size: 0.375rem;
815
+ margin-block-start: 0.0625rem;
816
+ margin-inline-start: 0.28125rem;
817
+ transform: rotate(45deg);
818
+ }
819
+ .eth-search-facet-panel__option input:focus-visible + .eth-search-facet-panel__control {
820
+ outline: 2px solid var(--eth-color-focus);
821
+ outline-offset: 2px;
822
+ }
823
+ .eth-search-facet-panel__option-main {
824
+ align-items: center;
825
+ display: flex;
826
+ gap: var(--eth-space-sm);
827
+ justify-content: space-between;
828
+ min-inline-size: 0;
829
+ }
830
+ .eth-search-facet-panel__option-label {
831
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
832
+ line-height: 1.2857;
833
+ overflow: hidden;
834
+ text-overflow: ellipsis;
835
+ white-space: nowrap;
836
+ }
837
+ .eth-search-facet-panel__option-count {
838
+ color: var(--eth-color-text-helper);
839
+ flex: 0 0 auto;
840
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
841
+ font-variant-numeric: tabular-nums;
842
+ line-height: 1.333;
843
+ }
844
+ .eth-search-facet-panel__option--disabled {
845
+ color: #c6c6c6;
846
+ cursor: not-allowed;
847
+ }
848
+ .eth-search-facet-panel__option--disabled:hover {
849
+ background: transparent;
850
+ }
851
+ .eth-search-facet-panel__option--disabled .eth-search-facet-panel__control {
852
+ border-color: #c6c6c6;
853
+ }
854
+ .eth-search-facet-panel__option--disabled .eth-search-facet-panel__option-count {
855
+ color: #c6c6c6;
856
+ }
857
+ .eth-search-facet-panel__empty {
858
+ color: var(--eth-color-text-helper);
859
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
860
+ line-height: 1.2857;
861
+ margin: 0;
862
+ padding: var(--eth-space-lg);
863
+ }
864
+ .eth-search-saved-searches,
865
+ .eth-search-saved {
866
+ background: var(--eth-color-layer-01);
867
+ border: 1px solid var(--eth-color-border-subtle);
868
+ border-radius: 0;
869
+ }
870
+ .eth-search-saved-searches li > div {
871
+ display: flex;
872
+ flex-wrap: wrap;
873
+ gap: var(--eth-space-sm);
874
+ min-width: 0;
875
+ }
876
+ .eth-search-saved-searches code,
877
+ .eth-search-saved-searches small {
878
+ color: var(--eth-color-text-helper);
879
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
880
+ }
881
+ .eth-search-saved-searches code {
882
+ background: var(--eth-color-layer-02);
883
+ font-family: var(--eth-font-mono);
884
+ padding: var(--eth-space-2xs) var(--eth-space-xs);
885
+ }
886
+ .eth-search-saved {
887
+ display: flex;
888
+ flex-wrap: wrap;
889
+ gap: var(--eth-space-xs);
890
+ padding: var(--eth-space-md);
891
+ }
892
+ .eth-search-saved > * {
893
+ background: var(--eth-color-layer-02);
894
+ border-radius: 0;
895
+ color: var(--eth-color-text-primary);
896
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
897
+ min-height: var(--eth-space-xl);
898
+ padding: var(--eth-space-xs) var(--eth-space-sm);
899
+ }
900
+ .eth-search-recent-items,
901
+ .eth-search-recent {
902
+ background: var(--eth-color-layer-01);
903
+ border: 1px solid var(--eth-color-border-subtle);
904
+ border-radius: 0;
905
+ }
906
+ .eth-search-recent-items li {
907
+ border-bottom: 1px solid var(--eth-color-border-subtle);
908
+ display: block;
909
+ padding: 0;
910
+ }
911
+ .eth-search-recent-items li:last-child {
912
+ border-bottom: 0;
913
+ }
914
+ .eth-search-recent-items .eth-search-recent-items__row {
915
+ align-items: center;
916
+ appearance: none;
917
+ background: transparent;
918
+ border: 0;
919
+ color: var(--eth-color-text-primary);
920
+ cursor: pointer;
921
+ display: grid;
922
+ font: inherit;
923
+ gap: var(--eth-space-md);
924
+ grid-template-columns: auto minmax(0, 1fr) auto auto auto;
925
+ min-block-size: 4rem;
926
+ padding: var(--eth-space-md) var(--eth-space-lg);
927
+ text-align: start;
928
+ text-decoration: none;
929
+ touch-action: manipulation;
930
+ transition: background-color var(--eth-motion-fast) var(--eth-motion-easing), color var(--eth-motion-fast) var(--eth-motion-easing);
931
+ -webkit-tap-highlight-color: transparent;
932
+ width: 100%;
933
+ }
934
+ .eth-search-recent-items .eth-search-recent-items__row:hover {
935
+ background: var(--eth-color-layer-hover);
936
+ color: var(--eth-color-text-primary);
937
+ }
938
+ .eth-search-recent-items__icon {
939
+ align-items: center;
940
+ background: var(--eth-color-layer-02);
941
+ block-size: var(--eth-space-2xl);
942
+ border: 1px solid var(--eth-color-border-subtle);
943
+ color: var(--eth-color-text-secondary);
944
+ display: inline-flex;
945
+ inline-size: var(--eth-space-2xl);
946
+ justify-content: center;
947
+ }
948
+ .eth-search-recent-items__copy {
949
+ display: grid;
950
+ gap: var(--eth-space-2xs);
951
+ min-inline-size: 0;
952
+ }
953
+ .eth-search-recent-items .eth-search-recent-items__label {
954
+ color: var(--eth-color-text-primary);
955
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
956
+ font-weight: 600;
957
+ line-height: 1.2857;
958
+ overflow: hidden;
959
+ text-overflow: ellipsis;
960
+ white-space: nowrap;
961
+ }
962
+ .eth-search-recent-items .eth-search-recent-items__description {
963
+ color: var(--eth-color-text-helper);
964
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
965
+ line-height: 1.333;
966
+ overflow: hidden;
967
+ text-overflow: ellipsis;
968
+ white-space: nowrap;
969
+ }
970
+ .eth-search-recent-items .eth-search-recent-items__kind {
971
+ align-items: center;
972
+ background: var(--eth-color-layer-02);
973
+ color: var(--eth-color-text-secondary);
974
+ display: inline-flex;
975
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
976
+ line-height: 1.333;
977
+ min-block-size: var(--eth-space-xl);
978
+ padding: var(--eth-space-2xs) var(--eth-space-sm);
979
+ white-space: nowrap;
980
+ }
981
+ .eth-search-recent-items .eth-search-recent-items__visited {
982
+ color: var(--eth-color-text-helper);
983
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
984
+ font-variant-numeric: tabular-nums;
985
+ line-height: 1.333;
986
+ white-space: nowrap;
987
+ }
988
+ .eth-search-recent-items__visited-label {
989
+ block-size: 1px;
990
+ clip: rect(0 0 0 0);
991
+ clip-path: inset(50%);
992
+ inline-size: 1px;
993
+ overflow: hidden;
994
+ position: absolute;
995
+ white-space: nowrap;
996
+ }
997
+ .eth-search-recent-items__arrow {
998
+ color: var(--eth-color-text-helper);
999
+ }
1000
+ .eth-search-recent-items__empty {
1001
+ color: var(--eth-color-text-helper);
1002
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1003
+ line-height: 1.2857;
1004
+ padding: var(--eth-space-lg);
1005
+ }
1006
+ .eth-search-semantic-result {
1007
+ background: var(--eth-color-layer-01);
1008
+ border: 1px solid var(--eth-color-border-subtle);
1009
+ border-inline-start: 3px solid var(--eth-color-interactive-primary);
1010
+ border-radius: 0;
1011
+ display: grid;
1012
+ gap: var(--eth-space-md);
1013
+ inline-size: min(100%, 48rem);
1014
+ margin-inline: auto;
1015
+ max-inline-size: 100%;
1016
+ padding: var(--eth-space-lg);
1017
+ }
1018
+ .eth-search-semantic-result__snippet {
1019
+ color: var(--eth-color-text-primary);
1020
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1021
+ line-height: 1.2857;
1022
+ margin: 0;
1023
+ max-inline-size: 60ch;
1024
+ overflow-wrap: anywhere;
1025
+ }
1026
+ .eth-search-semantic-result mark {
1027
+ background: color-mix(in srgb, var(--eth-color-warning) 24%, transparent);
1028
+ color: var(--eth-color-text-primary);
1029
+ padding-inline: var(--eth-space-2xs);
1030
+ }
1031
+ .eth-search-semantic-result__evidence {
1032
+ border-block-start: 1px solid var(--eth-color-border-subtle);
1033
+ display: grid;
1034
+ gap: var(--eth-space-xs);
1035
+ padding-block-start: var(--eth-space-sm);
1036
+ }
1037
+ .eth-search-semantic-result__evidence-label {
1038
+ color: var(--eth-color-text-helper);
1039
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
1040
+ font-weight: 600;
1041
+ letter-spacing: 0;
1042
+ line-height: 1.333;
1043
+ text-transform: uppercase;
1044
+ }
1045
+ .eth-search-semantic-result__evidence-list {
1046
+ display: flex;
1047
+ flex-wrap: wrap;
1048
+ gap: var(--eth-space-xs);
1049
+ list-style: none;
1050
+ margin: 0;
1051
+ padding: 0;
1052
+ }
1053
+ .eth-search-semantic-result__evidence-list li {
1054
+ display: inline-flex;
1055
+ min-inline-size: 0;
1056
+ }
1057
+ .eth-search-semantic-result__evidence-item {
1058
+ align-items: center;
1059
+ background: var(--eth-color-layer-02);
1060
+ color: var(--eth-color-text-secondary);
1061
+ display: inline-flex;
1062
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
1063
+ line-height: 1.333;
1064
+ max-inline-size: 100%;
1065
+ min-block-size: var(--eth-space-xl);
1066
+ overflow-wrap: anywhere;
1067
+ padding: var(--eth-space-2xs) var(--eth-space-sm);
1068
+ text-decoration: none;
1069
+ }
1070
+ a.eth-search-semantic-result__evidence-item {
1071
+ color: var(--eth-color-link);
1072
+ }
1073
+ a.eth-search-semantic-result__evidence-item:hover {
1074
+ background: var(--eth-color-layer-hover);
1075
+ text-decoration: underline;
1076
+ }
1077
+ .eth-search-agent-suggestion {
1078
+ align-items: stretch;
1079
+ background: var(--eth-color-layer-01);
1080
+ border: 1px solid var(--eth-color-border-subtle);
1081
+ border-inline-start: 3px solid var(--eth-color-interactive-primary);
1082
+ border-radius: 0;
1083
+ color: var(--eth-color-text-primary);
1084
+ cursor: pointer;
1085
+ display: grid;
1086
+ font: inherit;
1087
+ grid-template-columns: auto minmax(0, 1fr) auto;
1088
+ max-width: 44rem;
1089
+ min-height: 4rem;
1090
+ overflow: hidden;
1091
+ padding: 0;
1092
+ text-align: start;
1093
+ transition: background-color var(--eth-motion-fast) var(--eth-motion-easing), border-color var(--eth-motion-fast) var(--eth-motion-easing);
1094
+ width: min(100%, 44rem);
1095
+ }
1096
+ .eth-search-agent-suggestion:hover {
1097
+ background: var(--eth-color-layer-hover);
1098
+ border-color: var(--eth-color-border-strong);
1099
+ border-inline-start-color: var(--eth-color-interactive-primary);
1100
+ }
1101
+ .eth-search-agent-suggestion:active {
1102
+ background: var(--eth-color-layer-selected);
1103
+ }
1104
+ .eth-search-agent-suggestion:disabled {
1105
+ cursor: not-allowed;
1106
+ opacity: 0.5;
1107
+ }
1108
+ .eth-search-agent-suggestion__icon {
1109
+ align-items: center;
1110
+ background: var(--eth-color-layer-02);
1111
+ color: var(--eth-color-interactive-primary);
1112
+ display: inline-flex;
1113
+ inline-size: 3rem;
1114
+ justify-content: center;
1115
+ }
1116
+ .eth-search-agent-suggestion__body {
1117
+ display: grid;
1118
+ gap: var(--eth-space-2xs);
1119
+ min-width: 0;
1120
+ padding: var(--eth-space-md) var(--eth-space-lg);
1121
+ }
1122
+ .eth-search-agent-suggestion__label {
1123
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1124
+ font-weight: 600;
1125
+ line-height: 1.2857;
1126
+ overflow-wrap: anywhere;
1127
+ }
1128
+ .eth-search-agent-suggestion__rationale {
1129
+ color: var(--eth-color-text-helper);
1130
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
1131
+ line-height: 1.333;
1132
+ overflow-wrap: anywhere;
1133
+ }
1134
+ .eth-search-agent-suggestion__action {
1135
+ align-items: center;
1136
+ border-inline-start: 1px solid var(--eth-color-border-subtle);
1137
+ color: var(--eth-color-text-secondary);
1138
+ display: inline-flex;
1139
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
1140
+ font-weight: 600;
1141
+ gap: var(--eth-space-xs);
1142
+ justify-content: center;
1143
+ padding: 0 var(--eth-space-lg);
1144
+ white-space: nowrap;
1145
+ }
1146
+ @media (width <= 42rem) {
1147
+ .eth-search-command-palette__panel,
1148
+ .eth-search-global-command-palette__card {
1149
+ margin-top: 0;
1150
+ }
1151
+ .eth-search-app-command__bar,
1152
+ .eth-search-app-command__item {
1153
+ grid-template-columns: minmax(0, 1fr);
1154
+ }
1155
+ .eth-search-app-command__controls {
1156
+ border-block-start: 1px solid var(--eth-color-border-subtle);
1157
+ border-inline-start: 0;
1158
+ justify-content: end;
1159
+ }
1160
+ .eth-search-app-command__kind,
1161
+ .eth-search-app-command__meta {
1162
+ justify-self: start;
1163
+ text-align: start;
1164
+ }
1165
+ .eth-search-app-command__meta {
1166
+ justify-items: start;
1167
+ min-width: 0;
1168
+ }
1169
+ .eth-search-app-domain__header,
1170
+ .eth-search-app-domain__summary {
1171
+ align-items: start;
1172
+ flex-direction: column;
1173
+ }
1174
+ .eth-search-app-domain__results button {
1175
+ grid-template-columns: minmax(0, 1fr);
1176
+ }
1177
+ .eth-search-app-domain__result-meta {
1178
+ justify-self: start;
1179
+ text-align: start;
1180
+ white-space: normal;
1181
+ }
1182
+ .eth-search-results-panel__group li,
1183
+ .eth-search-result-row,
1184
+ .eth-search-recent-items li,
1185
+ .eth-search-saved-searches li {
1186
+ grid-template-columns: 1fr;
1187
+ }
1188
+ .eth-search-recent-items .eth-search-recent-items__row {
1189
+ align-items: start;
1190
+ grid-template-columns: auto minmax(0, 1fr);
1191
+ }
1192
+ .eth-search-recent-items__kind,
1193
+ .eth-search-recent-items__visited,
1194
+ .eth-search-recent-items__arrow {
1195
+ grid-column: 2;
1196
+ }
1197
+ .eth-search-recent-items__arrow {
1198
+ display: none;
1199
+ }
1200
+ .eth-search-agent-suggestion {
1201
+ grid-template-columns: auto minmax(0, 1fr);
1202
+ }
1203
+ .eth-search-agent-suggestion__action {
1204
+ display: none;
1205
+ }
1206
+ }
1207
+ .eth-search-results-panel.eth-search-results-panel {
1208
+ display: block;
1209
+ overflow: hidden;
1210
+ color: #161616;
1211
+ background: #ffffff;
1212
+ border: 1px solid #c6c6c6;
1213
+ border-radius: 0;
1214
+ box-shadow: none;
1215
+ }
1216
+ .eth-search-results-panel.eth-search-results-panel * {
1217
+ box-sizing: border-box;
1218
+ }
1219
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__summary {
1220
+ display: flex;
1221
+ align-items: center;
1222
+ justify-content: space-between;
1223
+ gap: 1rem;
1224
+ min-height: 4rem;
1225
+ padding: 0.875rem 1rem;
1226
+ background: #ffffff;
1227
+ border-bottom: 1px solid #e0e0e0;
1228
+ }
1229
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__eyebrow {
1230
+ margin: 0 0 0.125rem;
1231
+ color: #525252;
1232
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
1233
+ font-weight: 400;
1234
+ line-height: 1.333;
1235
+ }
1236
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__title {
1237
+ margin: 0;
1238
+ color: #161616;
1239
+ font-size: calc(1rem * var(--eth-text-scale, 1));
1240
+ font-weight: 600;
1241
+ line-height: 1.375;
1242
+ }
1243
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__query {
1244
+ flex: 0 1 auto;
1245
+ max-width: min(24rem, 48%);
1246
+ overflow: hidden;
1247
+ padding: 0.25rem 0.5rem;
1248
+ color: #393939;
1249
+ background: #f4f4f4;
1250
+ border: 1px solid #e0e0e0;
1251
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
1252
+ line-height: 1.333;
1253
+ text-overflow: ellipsis;
1254
+ white-space: nowrap;
1255
+ }
1256
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__groups {
1257
+ display: grid;
1258
+ background: #ffffff;
1259
+ }
1260
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__group + .eth-search-results-panel__group {
1261
+ border-top: 1px solid #c6c6c6;
1262
+ }
1263
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__group-header {
1264
+ display: flex;
1265
+ align-items: center;
1266
+ justify-content: space-between;
1267
+ min-height: 2.5rem;
1268
+ padding: 0 1rem;
1269
+ background: #f4f4f4;
1270
+ border-bottom: 1px solid #e0e0e0;
1271
+ }
1272
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__group-title {
1273
+ margin: 0;
1274
+ color: #161616;
1275
+ font-size: calc(0.875rem * var(--eth-text-scale, 1));
1276
+ font-weight: 600;
1277
+ line-height: 1.4286;
1278
+ }
1279
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__count {
1280
+ display: inline-flex;
1281
+ align-items: center;
1282
+ justify-content: center;
1283
+ min-width: 1.5rem;
1284
+ height: 1.5rem;
1285
+ padding: 0 0.5rem;
1286
+ color: #525252;
1287
+ background: #ffffff;
1288
+ border: 1px solid #c6c6c6;
1289
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
1290
+ line-height: 1;
1291
+ }
1292
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__list {
1293
+ display: grid;
1294
+ }
1295
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__item {
1296
+ display: grid;
1297
+ grid-template-columns: 2rem minmax(0, 1fr) auto;
1298
+ align-items: center;
1299
+ gap: 0.75rem;
1300
+ width: 100%;
1301
+ min-height: 4.5rem;
1302
+ margin: 0;
1303
+ padding: 0.75rem 1rem;
1304
+ color: inherit;
1305
+ background: #ffffff;
1306
+ border: 0;
1307
+ border-bottom: 1px solid #e0e0e0;
1308
+ font: inherit;
1309
+ text-align: left;
1310
+ text-decoration: none;
1311
+ }
1312
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__item:last-child {
1313
+ border-bottom: 0;
1314
+ }
1315
+ .eth-search-results-panel.eth-search-results-panel button.eth-search-results-panel__item,
1316
+ .eth-search-results-panel.eth-search-results-panel a.eth-search-results-panel__item {
1317
+ cursor: pointer;
1318
+ }
1319
+ .eth-search-results-panel.eth-search-results-panel button.eth-search-results-panel__item:hover,
1320
+ .eth-search-results-panel.eth-search-results-panel a.eth-search-results-panel__item:hover {
1321
+ background: #f4f4f4;
1322
+ }
1323
+ .eth-search-results-panel.eth-search-results-panel button.eth-search-results-panel__item:focus-visible,
1324
+ .eth-search-results-panel.eth-search-results-panel a.eth-search-results-panel__item:focus-visible {
1325
+ position: relative;
1326
+ z-index: 1;
1327
+ outline: 2px solid #0f62fe;
1328
+ outline-offset: -2px;
1329
+ }
1330
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__entity {
1331
+ display: inline-flex;
1332
+ align-items: center;
1333
+ justify-content: center;
1334
+ width: 2rem;
1335
+ height: 2rem;
1336
+ color: #0f62fe;
1337
+ background: #edf5ff;
1338
+ border: 1px solid #d0e2ff;
1339
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
1340
+ font-weight: 600;
1341
+ line-height: 1;
1342
+ }
1343
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__body {
1344
+ display: grid;
1345
+ min-width: 0;
1346
+ gap: 0.1875rem;
1347
+ }
1348
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__name {
1349
+ overflow: hidden;
1350
+ color: #0f62fe;
1351
+ font-size: calc(0.9375rem * var(--eth-text-scale, 1));
1352
+ font-weight: 500;
1353
+ line-height: 1.333;
1354
+ text-overflow: ellipsis;
1355
+ white-space: nowrap;
1356
+ }
1357
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__description {
1358
+ overflow: hidden;
1359
+ color: #525252;
1360
+ font-size: calc(0.8125rem * var(--eth-text-scale, 1));
1361
+ line-height: 1.385;
1362
+ text-overflow: ellipsis;
1363
+ white-space: nowrap;
1364
+ }
1365
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__metadata {
1366
+ display: flex;
1367
+ flex-wrap: wrap;
1368
+ justify-content: flex-end;
1369
+ gap: 0.375rem;
1370
+ max-width: 22rem;
1371
+ }
1372
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__meta {
1373
+ display: inline-flex;
1374
+ align-items: center;
1375
+ min-height: 1.5rem;
1376
+ max-width: 11rem;
1377
+ overflow: hidden;
1378
+ padding: 0.1875rem 0.5rem;
1379
+ color: #525252;
1380
+ background: #f4f4f4;
1381
+ border: 1px solid #e0e0e0;
1382
+ font-size: calc(0.75rem * var(--eth-text-scale, 1));
1383
+ line-height: 1.333;
1384
+ text-overflow: ellipsis;
1385
+ white-space: nowrap;
1386
+ }
1387
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__state {
1388
+ display: grid;
1389
+ gap: 0.75rem;
1390
+ padding: 1.5rem 1rem;
1391
+ color: #525252;
1392
+ background: #ffffff;
1393
+ }
1394
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__empty-title,
1395
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__empty-copy,
1396
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__loading-copy {
1397
+ margin: 0;
1398
+ }
1399
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__empty-title {
1400
+ color: #161616;
1401
+ font-size: calc(0.9375rem * var(--eth-text-scale, 1));
1402
+ font-weight: 600;
1403
+ line-height: 1.333;
1404
+ }
1405
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__empty-copy,
1406
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__loading-copy {
1407
+ color: #525252;
1408
+ font-size: calc(0.8125rem * var(--eth-text-scale, 1));
1409
+ line-height: 1.385;
1410
+ }
1411
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__skeleton {
1412
+ display: block;
1413
+ width: 100%;
1414
+ height: 1rem;
1415
+ background:
1416
+ linear-gradient(
1417
+ 90deg,
1418
+ #e0e0e0,
1419
+ #f4f4f4,
1420
+ #e0e0e0);
1421
+ background-size: 200% 100%;
1422
+ animation: eth-search-results-panel-loading 1.2s ease-in-out infinite;
1423
+ }
1424
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__skeleton:nth-of-type(2) {
1425
+ width: 72%;
1426
+ }
1427
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__skeleton:nth-of-type(3) {
1428
+ width: 44%;
1429
+ }
1430
+ @keyframes eth-search-results-panel-loading {
1431
+ from {
1432
+ background-position: 100% 0;
1433
+ }
1434
+ to {
1435
+ background-position: -100% 0;
1436
+ }
1437
+ }
1438
+ @media (prefers-reduced-motion: reduce) {
1439
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__skeleton {
1440
+ animation: none;
1441
+ }
1442
+ }
1443
+ @media (max-width: 640px) {
1444
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__summary,
1445
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__group-header {
1446
+ padding-right: 0.75rem;
1447
+ padding-left: 0.75rem;
1448
+ }
1449
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__item {
1450
+ grid-template-columns: 2rem minmax(0, 1fr);
1451
+ padding-right: 0.75rem;
1452
+ padding-left: 0.75rem;
1453
+ }
1454
+ .eth-search-results-panel.eth-search-results-panel .eth-search-results-panel__metadata {
1455
+ grid-column: 2;
1456
+ justify-content: flex-start;
1457
+ max-width: 100%;
1458
+ }
1459
+ }
1460
+ /*# sourceMappingURL=index.css.map */