@echothink-ui/search 0.1.0

package/src/styles.css

@@ -0,0 +1,1716 @@
+@import "@echothink-ui/core/styles.css";
+
+.eth-search-command-palette,
+.eth-search-global-command-palette,
+.eth-search-app-command,
+.eth-search-app-domain,
+.eth-search-entity-input,
+.eth-search-resource,
+.eth-search-suggestions,
+.eth-search-results-panel,
+.eth-search-result-row,
+.eth-search-facet-panel,
+.eth-search-saved-searches,
+.eth-search-saved,
+.eth-search-recent-items,
+.eth-search-recent,
+.eth-search-semantic-result,
+.eth-search-agent-suggestion {
+  color: var(--eth-color-text-primary);
+}
+
+.eth-search-command-palette button:focus-visible,
+.eth-search-global-command-palette button:focus-visible,
+.eth-search-app-command button:focus-visible,
+.eth-search-entity-input button:focus-visible,
+.eth-search-suggestions__item:focus-visible,
+.eth-search-results-panel a:focus-visible,
+.eth-search-results-panel button:focus-visible,
+.eth-search-facet-panel input:focus-visible,
+.eth-search-saved-searches button:focus-visible,
+.eth-search-recent-items a:focus-visible,
+.eth-search-recent-items button:focus-visible,
+.eth-search-semantic-result a:focus-visible,
+.eth-search-agent-suggestion:focus-visible {
+  outline: 2px solid var(--eth-color-focus);
+  outline-offset: -2px;
+}
+
+.eth-search-command-palette,
+.eth-search-global-command-palette {
+  background: var(--eth-color-overlay);
+  display: grid;
+  inset: 0;
+  padding: var(--eth-space-3xl) var(--eth-space-lg);
+  place-items: start center;
+  position: fixed;
+  z-index: 9000;
+}
+
+.eth-search-command-palette__scrim {
+  background: transparent;
+  border: 0;
+  cursor: default;
+  inset: 0;
+  padding: 0;
+  position: absolute;
+}
+
+.eth-search-command-palette__panel,
+.eth-search-global-command-palette__card {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-radius: 0;
+  box-shadow: var(--eth-shadow-overlay);
+  display: grid;
+  margin-top: var(--eth-space-3xl);
+  max-height: calc(100vh - 4rem);
+  max-width: 42rem;
+  overflow: hidden;
+  position: relative;
+  width: min(100%, 42rem);
+  z-index: 1;
+}
+
+.eth-search-command-palette__header {
+  align-items: center;
+  background: var(--eth-color-layer-02);
+  border-bottom: 1px solid var(--eth-color-border-subtle);
+  display: flex;
+  justify-content: space-between;
+  min-block-size: var(--eth-space-3xl);
+  min-inline-size: 0;
+  padding-inline-start: var(--eth-space-lg);
+}
+
+.eth-search-command-palette__heading {
+  display: grid;
+  gap: var(--eth-space-2xs);
+  min-inline-size: 0;
+}
+
+.eth-search-command-palette__meta {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+}
+
+.eth-search-command-palette__heading h2 {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  margin: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-search-command-palette__heading span {
+  color: var(--eth-color-text-helper);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+  min-inline-size: 0;
+}
+
+.eth-search-command-palette__meta span + span::before {
+  color: var(--eth-color-border-strong);
+  content: "/";
+  margin-inline-end: var(--eth-space-xs);
+}
+
+.eth-search-command-palette__close {
+  align-items: center;
+  align-self: stretch;
+  background: transparent;
+  border: 0;
+  border-inline-start: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-secondary);
+  cursor: pointer;
+  display: inline-flex;
+  inline-size: var(--eth-space-3xl);
+  justify-content: center;
+  padding: 0;
+  transition:
+    background-color var(--eth-motion-fast) var(--eth-motion-easing),
+    color var(--eth-motion-fast) var(--eth-motion-easing);
+}
+
+.eth-search-command-palette__close:hover {
+  background: var(--eth-color-layer-hover);
+  color: var(--eth-color-text-primary);
+}
+
+.eth-search-command-palette__search,
+.eth-search-global-command-palette__input {
+  border-bottom: 1px solid var(--eth-color-border-subtle);
+  width: 100%;
+}
+
+.eth-search-command-palette__search .cds--search,
+.eth-search-command-palette__search .cds--search-input,
+.eth-search-global-command-palette__input .cds--search {
+  min-inline-size: 0;
+  width: 100%;
+}
+
+.eth-search-command-palette__search .cds--search-input {
+  background: var(--eth-color-layer-01);
+  color: var(--eth-color-text-primary);
+}
+
+.eth-search-command-palette__search:focus-within {
+  outline: 2px solid var(--eth-color-focus);
+  outline-offset: -2px;
+}
+
+.eth-search-command-palette__search input:focus-visible {
+  outline: 0;
+}
+
+.eth-search-command-palette__results,
+.eth-search-global-command-palette__list {
+  display: grid;
+  max-height: 28rem;
+  overflow: auto;
+}
+
+.eth-search-command-palette__group h3 {
+  color: var(--eth-color-text-helper);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  letter-spacing: 0;
+  line-height: 1.333;
+  margin: 0;
+  padding: var(--eth-space-md) var(--eth-space-lg)
+    var(--eth-space-xs);
+  text-transform: uppercase;
+}
+
+.eth-search-command-palette__item,
+.eth-search-global-command-palette__list > * {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-top: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-primary);
+  cursor: pointer;
+  display: grid;
+  font: inherit;
+  gap: var(--eth-space-md);
+  grid-template-columns: minmax(0, 1fr) auto;
+  min-height: 4rem;
+  padding: var(--eth-space-md) var(--eth-space-lg);
+  text-align: start;
+  transition: background-color var(--eth-motion-fast) var(--eth-motion-easing);
+  width: 100%;
+}
+
+.eth-search-command-palette__item:hover,
+.eth-search-global-command-palette__list > *:hover {
+  background: var(--eth-color-layer-hover);
+}
+
+.eth-search-command-palette__item--active,
+.eth-search-command-palette__item[aria-selected="true"],
+.eth-search-global-command-palette__list > [aria-selected="true"] {
+  background: var(--eth-color-layer-selected);
+  box-shadow: inset 3px 0 0 var(--eth-color-interactive-primary);
+}
+
+.eth-search-command-palette__item-copy {
+  display: grid;
+  gap: var(--eth-space-2xs);
+  min-inline-size: 0;
+}
+
+.eth-search-command-palette__item strong {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  overflow-wrap: anywhere;
+}
+
+.eth-search-command-palette__item small,
+.eth-search-command-palette__item kbd,
+.eth-search-command-palette__empty {
+  color: var(--eth-color-text-helper);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+}
+
+.eth-search-command-palette__item kbd {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-radius: 0;
+  font-family: var(--eth-font-mono);
+  line-height: 1;
+  padding: var(--eth-space-2xs) var(--eth-space-xs);
+  white-space: nowrap;
+}
+
+.eth-search-command-palette__empty {
+  display: grid;
+  gap: var(--eth-space-xs);
+  margin: 0;
+  min-block-size: 7rem;
+  padding: var(--eth-space-lg);
+  place-content: center;
+  text-align: center;
+}
+
+.eth-search-command-palette__empty strong {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+}
+
+.eth-search-app-command {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-radius: 0;
+  display: grid;
+  margin-inline: auto;
+  max-width: 760px;
+  overflow: hidden;
+  width: min(100%, 760px);
+}
+
+.eth-search-app-command__bar {
+  align-items: stretch;
+  border-bottom: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  min-width: 0;
+}
+
+.eth-search-app-command__input,
+.eth-search-app-command__input .cds--search,
+.eth-search-app-command__input .cds--search-input {
+  block-size: 100%;
+  min-inline-size: 0;
+}
+
+.eth-search-app-command__input .cds--search-input {
+  background: transparent;
+  border-block-end: 0;
+  color: var(--eth-color-text-primary);
+}
+
+.eth-search-app-command__input input:focus-visible {
+  outline: 0;
+}
+
+.eth-search-app-command__controls {
+  align-items: center;
+  border-inline-start: 1px solid var(--eth-color-border-subtle);
+  display: flex;
+  gap: var(--eth-space-sm);
+  min-block-size: 3rem;
+  padding-inline: var(--eth-space-sm);
+}
+
+.eth-search-app-command__kbd,
+.eth-search-app-command__meta kbd {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-helper);
+  font-family: var(--eth-font-mono);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1;
+  padding: var(--eth-space-2xs) var(--eth-space-xs);
+  white-space: nowrap;
+}
+
+.eth-search-app-command__summary {
+  align-items: center;
+  background: var(--eth-color-layer-02);
+  border-bottom: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-helper);
+  display: flex;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  gap: var(--eth-space-sm);
+  justify-content: space-between;
+  line-height: 1.333;
+  padding: var(--eth-space-sm) var(--eth-space-lg);
+}
+
+.eth-search-app-command__summary > span {
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.eth-search-app-command__summary strong {
+  color: var(--eth-color-text-primary);
+  font-weight: 600;
+}
+
+.eth-search-app-command__list {
+  display: grid;
+}
+
+.eth-search-app-command__item {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-primary);
+  cursor: pointer;
+  display: grid;
+  font: inherit;
+  gap: var(--eth-space-md);
+  grid-template-columns: 5.75rem minmax(0, 1fr) auto;
+  min-block-size: 4rem;
+  padding: var(--eth-space-md) var(--eth-space-lg);
+  text-align: start;
+  transition: background-color var(--eth-motion-fast) var(--eth-motion-easing);
+  width: 100%;
+}
+
+.eth-search-app-command__item:last-child {
+  border-bottom: 0;
+}
+
+.eth-search-app-command__item:hover,
+.eth-search-app-command__item--active,
+.eth-search-app-command__item[aria-selected="true"] {
+  background: var(--eth-color-layer-selected);
+}
+
+.eth-search-app-command__item--active {
+  box-shadow: inset 3px 0 0 var(--eth-color-interactive-primary);
+}
+
+.eth-search-app-command__kind {
+  background: var(--eth-color-layer-02);
+  color: var(--eth-color-text-secondary);
+  display: inline-flex;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  justify-content: center;
+  line-height: 1;
+  padding: var(--eth-space-xs);
+  white-space: nowrap;
+}
+
+.eth-search-app-command__copy {
+  display: grid;
+  gap: var(--eth-space-2xs);
+  min-width: 0;
+}
+
+.eth-search-app-command__copy strong {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  overflow-wrap: anywhere;
+}
+
+.eth-search-app-command__copy small,
+.eth-search-app-command__meta,
+.eth-search-app-command__empty {
+  color: var(--eth-color-text-helper);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+}
+
+.eth-search-app-command__meta {
+  align-items: end;
+  display: grid;
+  gap: var(--eth-space-xs);
+  justify-items: end;
+  min-width: 7rem;
+  text-align: end;
+}
+
+.eth-search-app-command__empty {
+  margin: 0;
+  padding: var(--eth-space-lg);
+}
+
+.eth-search-entity-input {
+  display: grid;
+  inline-size: var(--eth-search-entity-input-inline-size, min(100%, 36rem));
+  max-inline-size: 100%;
+  position: relative;
+}
+
+.eth-search-entity-input__field,
+.eth-search-entity-input__field .cds--search,
+.eth-search-entity-input__field .cds--search-input {
+  inline-size: 100%;
+  min-inline-size: 0;
+}
+
+.eth-search-entity-input__field .cds--search-input {
+  background: var(--eth-color-layer-01);
+  color: var(--eth-color-text-primary);
+}
+
+.eth-search-entity-input__field:focus-within {
+  outline: 2px solid var(--eth-color-focus);
+  outline-offset: -2px;
+}
+
+.eth-search-entity-input__field input:focus-visible {
+  outline: 0;
+}
+
+.eth-search-entity-input__popover,
+.eth-search-suggestions {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-radius: 0;
+  box-shadow: var(--eth-shadow-overlay);
+  inset-block-start: calc(100% + var(--eth-space-2xs));
+  inset-inline: 0;
+  max-height: 320px;
+  overflow: auto;
+  position: absolute;
+  z-index: 50;
+}
+
+.eth-search-entity-input__summary {
+  align-items: center;
+  background: var(--eth-color-layer-02);
+  border-bottom: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-helper);
+  display: flex;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  gap: var(--eth-space-sm);
+  justify-content: space-between;
+  line-height: 1.333;
+  min-block-size: var(--eth-space-2xl);
+  padding: var(--eth-space-sm) var(--eth-space-lg);
+}
+
+.eth-search-entity-input__summary span {
+  font-weight: 600;
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.eth-search-entity-input__summary strong {
+  color: var(--eth-color-text-secondary);
+  font-weight: 600;
+}
+
+.eth-search-entity-input__list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.eth-search-entity-input__list li + li {
+  border-top: 1px solid var(--eth-color-border-subtle);
+}
+
+.eth-search-entity-input__popover button,
+.eth-search-suggestions__item {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  color: var(--eth-color-text-primary);
+  cursor: pointer;
+  display: grid;
+  font: inherit;
+  gap: var(--eth-space-md);
+  grid-template-columns: minmax(0, 1fr) auto;
+  min-block-size: 3rem;
+  padding: var(--eth-space-md) var(--eth-space-lg);
+  text-align: start;
+  transition: background-color var(--eth-motion-fast) var(--eth-motion-easing);
+  width: 100%;
+}
+
+.eth-search-entity-input__popover button:hover,
+.eth-search-suggestions__item:hover {
+  background: var(--eth-color-layer-hover);
+}
+
+.eth-search-entity-input__popover button[aria-selected="true"] {
+  background: var(--eth-color-layer-selected);
+  box-shadow: inset 3px 0 0 var(--eth-color-interactive-primary);
+}
+
+.eth-search-entity-input__copy {
+  display: grid;
+  gap: var(--eth-space-2xs);
+  min-inline-size: 0;
+}
+
+.eth-search-entity-input__copy strong {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  overflow-wrap: anywhere;
+}
+
+.eth-search-entity-input__popover small,
+.eth-search-entity-input__meta,
+.eth-search-entity-input__empty {
+  color: var(--eth-color-text-helper);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+}
+
+.eth-search-entity-input__meta {
+  justify-self: end;
+  text-align: end;
+  white-space: nowrap;
+}
+
+.eth-search-entity-input__meta:empty {
+  display: none;
+}
+
+.eth-search-entity-input__popover button[aria-selected="true"] .eth-search-entity-input__meta {
+  color: var(--eth-color-interactive-primary);
+  font-weight: 600;
+}
+
+.eth-search-entity-input__empty {
+  margin: 0;
+  padding: var(--eth-space-lg);
+}
+
+.eth-search-app-domain {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-radius: 0;
+  display: grid;
+  margin-inline: auto;
+  max-width: 48rem;
+  overflow: hidden;
+  width: min(100%, 48rem);
+}
+
+.eth-search-app-domain__header {
+  align-items: center;
+  background: var(--eth-color-layer-02);
+  border-bottom: 1px solid var(--eth-color-border-subtle);
+  display: flex;
+  gap: var(--eth-space-md);
+  justify-content: space-between;
+  min-block-size: var(--eth-space-3xl);
+  padding: var(--eth-space-sm) var(--eth-space-lg);
+}
+
+.eth-search-app-domain__header span,
+.eth-search-app-domain__summary,
+.eth-search-app-domain__result-copy small,
+.eth-search-app-domain__result-meta {
+  color: var(--eth-color-text-helper);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+}
+
+.eth-search-app-domain__header span {
+  font-weight: 600;
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
+
+.eth-search-app-domain__header strong {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.eth-search-app-domain__input,
+.eth-search-app-domain__input .cds--search,
+.eth-search-app-domain__input .cds--search-input {
+  inline-size: 100%;
+  min-inline-size: 0;
+}
+
+.eth-search-app-domain__input .cds--search-input {
+  background: var(--eth-color-layer-01);
+  color: var(--eth-color-text-primary);
+}
+
+.eth-search-app-domain__input:focus-within {
+  outline: 2px solid var(--eth-color-focus);
+  outline-offset: -2px;
+}
+
+.eth-search-app-domain__input input:focus-visible {
+  outline: 0;
+}
+
+.eth-search-app-domain__summary {
+  align-items: center;
+  background: var(--eth-color-layer-02);
+  border-top: 1px solid var(--eth-color-border-subtle);
+  display: flex;
+  gap: var(--eth-space-sm);
+  justify-content: space-between;
+  padding: var(--eth-space-sm) var(--eth-space-lg);
+}
+
+.eth-search-app-domain__summary span:last-child {
+  color: var(--eth-color-text-secondary);
+  font-weight: 600;
+}
+
+.eth-search-app-domain__results {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.eth-search-app-domain__results li + li {
+  border-top: 1px solid var(--eth-color-border-subtle);
+}
+
+.eth-search-app-domain__results button {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  color: var(--eth-color-text-primary);
+  cursor: pointer;
+  display: grid;
+  font: inherit;
+  gap: var(--eth-space-md);
+  grid-template-columns: minmax(0, 1fr) auto;
+  min-block-size: 3rem;
+  padding: var(--eth-space-md) var(--eth-space-lg);
+  text-align: start;
+  transition: background-color var(--eth-motion-fast) var(--eth-motion-easing);
+  width: 100%;
+}
+
+.eth-search-app-domain__results button:hover {
+  background: var(--eth-color-layer-hover);
+}
+
+.eth-search-app-domain__results button:focus-visible {
+  outline: 2px solid var(--eth-color-focus);
+  outline-offset: -2px;
+}
+
+.eth-search-app-domain__result-copy {
+  display: grid;
+  gap: var(--eth-space-2xs);
+  min-width: 0;
+}
+
+.eth-search-app-domain__result-copy strong {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  overflow-wrap: anywhere;
+}
+
+.eth-search-app-domain__result-meta {
+  justify-self: end;
+  text-align: end;
+  white-space: nowrap;
+}
+
+.eth-search-results-panel {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-radius: 0;
+}
+
+.eth-search-results-panel__group + .eth-search-results-panel__group {
+  border-top: 1px solid var(--eth-color-border-subtle);
+}
+
+.eth-search-results-panel__group h3,
+.eth-search-facet-panel legend {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  margin: 0;
+}
+
+.eth-search-results-panel__group h3 {
+  background: var(--eth-color-layer-02);
+  border-bottom: 1px solid var(--eth-color-border-subtle);
+  padding: var(--eth-space-md) var(--eth-space-lg);
+}
+
+.eth-search-results-panel__group ul,
+.eth-search-saved-searches ul,
+.eth-search-recent-items ul,
+.eth-search-recent {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.eth-search-results-panel__group li,
+.eth-search-result-row,
+.eth-search-recent-items li,
+.eth-search-recent > *,
+.eth-search-saved-searches li {
+  align-items: center;
+  border-bottom: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  gap: var(--eth-space-md);
+  grid-template-columns: minmax(0, 1fr) auto auto;
+  padding: var(--eth-space-lg);
+  transition: background-color var(--eth-motion-fast) var(--eth-motion-easing);
+}
+
+.eth-search-results-panel__group li:hover,
+.eth-search-result-row:hover,
+.eth-search-recent-items li:hover,
+.eth-search-recent > *:hover,
+.eth-search-saved-searches li:hover {
+  background: var(--eth-color-layer-hover);
+}
+
+.eth-search-results-panel__group li > span,
+.eth-search-recent-items span,
+.eth-search-recent-items time {
+  color: var(--eth-color-text-helper);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+}
+
+.eth-search-results-panel__group a,
+.eth-search-results-panel__group button,
+.eth-search-recent-items a,
+.eth-search-recent-items button {
+  background: transparent;
+  border: 0;
+  color: var(--eth-color-link);
+  cursor: pointer;
+  font: inherit;
+  padding: 0;
+  text-align: start;
+}
+
+.eth-search-facet-panel {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-radius: 0;
+  display: grid;
+  gap: 0;
+  inline-size: min(100%, 20rem);
+  overflow: hidden;
+  padding: 0;
+}
+
+.eth-search-facet-panel__header {
+  align-items: flex-start;
+  background: var(--eth-color-layer-02);
+  border-bottom: 1px solid var(--eth-color-border-subtle);
+  display: flex;
+  gap: var(--eth-space-md);
+  justify-content: space-between;
+  padding: var(--eth-space-lg);
+}
+
+.eth-search-facet-panel__title {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  margin: 0;
+}
+
+.eth-search-facet-panel__summary {
+  color: var(--eth-color-text-helper);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+  margin: var(--eth-space-2xs) 0 0;
+}
+
+.eth-search-facet-panel__clear {
+  background: transparent;
+  border: 0;
+  color: var(--eth-color-link);
+  cursor: pointer;
+  flex: 0 0 auto;
+  font: inherit;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+  min-block-size: var(--eth-space-xl);
+  padding: var(--eth-space-xs) var(--eth-space-sm);
+}
+
+.eth-search-facet-panel__clear:hover {
+  background: var(--eth-color-layer-hover);
+}
+
+.eth-search-facet-panel__clear:focus-visible {
+  outline: 2px solid var(--eth-color-focus);
+  outline-offset: -2px;
+}
+
+.eth-search-facet-panel__groups {
+  display: grid;
+}
+
+.eth-search-facet-panel fieldset,
+.eth-search-facet-panel__group {
+  border: 0;
+  display: grid;
+  margin: 0;
+  min-inline-size: 0;
+  padding: var(--eth-space-lg) var(--eth-space-lg)
+    var(--eth-space-md);
+}
+
+.eth-search-facet-panel__group + .eth-search-facet-panel__group {
+  border-top: 1px solid var(--eth-color-border-subtle);
+}
+
+.eth-search-facet-panel legend,
+.eth-search-facet-panel__legend {
+  align-items: center;
+  color: var(--eth-color-text-primary);
+  display: flex;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  inline-size: 100%;
+  justify-content: space-between;
+  line-height: 1.333;
+  margin: 0 0 var(--eth-space-sm);
+  padding: 0;
+}
+
+.eth-search-facet-panel__options {
+  display: grid;
+  gap: var(--eth-space-2xs);
+}
+
+.eth-search-facet-panel__option {
+  align-items: center;
+  color: var(--eth-color-text-primary);
+  cursor: pointer;
+  display: grid;
+  gap: var(--eth-space-sm);
+  grid-template-columns: 1rem minmax(0, 1fr);
+  min-block-size: var(--eth-space-xl);
+  padding: var(--eth-space-xs) var(--eth-space-sm)
+    var(--eth-space-xs) 0;
+  position: relative;
+}
+
+.eth-search-facet-panel__option:hover {
+  background: var(--eth-color-layer-hover);
+}
+
+.eth-search-facet-panel__option input {
+  block-size: 1px;
+  inline-size: 1px;
+  margin: 0;
+  opacity: 0;
+  position: absolute;
+}
+
+.eth-search-facet-panel__option input:focus-visible {
+  outline: 0;
+}
+
+.eth-search-facet-panel__control {
+  background: var(--eth-color-layer-01);
+  block-size: 1rem;
+  border: 1px solid var(--eth-color-border-strong);
+  box-sizing: border-box;
+  inline-size: 1rem;
+}
+
+.eth-search-facet-panel__option input:checked + .eth-search-facet-panel__control {
+  background: var(--eth-color-text-primary);
+  border-color: var(--eth-color-text-primary);
+}
+
+.eth-search-facet-panel__option input:checked + .eth-search-facet-panel__control::after {
+  border-color: var(--eth-color-layer-01);
+  border-style: solid;
+  border-width: 0 2px 2px 0;
+  block-size: 0.625rem;
+  content: "";
+  display: block;
+  inline-size: 0.375rem;
+  margin-block-start: 0.0625rem;
+  margin-inline-start: 0.28125rem;
+  transform: rotate(45deg);
+}
+
+.eth-search-facet-panel__option input:focus-visible + .eth-search-facet-panel__control {
+  outline: 2px solid var(--eth-color-focus);
+  outline-offset: 2px;
+}
+
+.eth-search-facet-panel__option-main {
+  align-items: center;
+  display: flex;
+  gap: var(--eth-space-sm);
+  justify-content: space-between;
+  min-inline-size: 0;
+}
+
+.eth-search-facet-panel__option-label {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.2857;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-search-facet-panel__option-count {
+  color: var(--eth-color-text-helper);
+  flex: 0 0 auto;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-variant-numeric: tabular-nums;
+  line-height: 1.333;
+}
+
+.eth-search-facet-panel__option--disabled {
+  color: #c6c6c6;
+  cursor: not-allowed;
+}
+
+.eth-search-facet-panel__option--disabled:hover {
+  background: transparent;
+}
+
+.eth-search-facet-panel__option--disabled .eth-search-facet-panel__control {
+  border-color: #c6c6c6;
+}
+
+.eth-search-facet-panel__option--disabled .eth-search-facet-panel__option-count {
+  color: #c6c6c6;
+}
+
+.eth-search-facet-panel__empty {
+  color: var(--eth-color-text-helper);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.2857;
+  margin: 0;
+  padding: var(--eth-space-lg);
+}
+
+.eth-search-saved-searches,
+.eth-search-saved {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-radius: 0;
+}
+
+.eth-search-saved-searches li > div {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm);
+  min-width: 0;
+}
+
+.eth-search-saved-searches code,
+.eth-search-saved-searches small {
+  color: var(--eth-color-text-helper);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+}
+
+.eth-search-saved-searches code {
+  background: var(--eth-color-layer-02);
+  font-family: var(--eth-font-mono);
+  padding: var(--eth-space-2xs) var(--eth-space-xs);
+}
+
+.eth-search-saved {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-xs);
+  padding: var(--eth-space-md);
+}
+
+.eth-search-saved > * {
+  background: var(--eth-color-layer-02);
+  border-radius: 0;
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  min-height: var(--eth-space-xl);
+  padding: var(--eth-space-xs) var(--eth-space-sm);
+}
+
+.eth-search-recent-items,
+.eth-search-recent {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-radius: 0;
+}
+
+.eth-search-recent-items li {
+  border-bottom: 1px solid var(--eth-color-border-subtle);
+  display: block;
+  padding: 0;
+}
+
+.eth-search-recent-items li:last-child {
+  border-bottom: 0;
+}
+
+.eth-search-recent-items .eth-search-recent-items__row {
+  align-items: center;
+  appearance: none;
+  background: transparent;
+  border: 0;
+  color: var(--eth-color-text-primary);
+  cursor: pointer;
+  display: grid;
+  font: inherit;
+  gap: var(--eth-space-md);
+  grid-template-columns: auto minmax(0, 1fr) auto auto auto;
+  min-block-size: 4rem;
+  padding: var(--eth-space-md) var(--eth-space-lg);
+  text-align: start;
+  text-decoration: none;
+  touch-action: manipulation;
+  transition:
+    background-color var(--eth-motion-fast) var(--eth-motion-easing),
+    color var(--eth-motion-fast) var(--eth-motion-easing);
+  -webkit-tap-highlight-color: transparent;
+  width: 100%;
+}
+
+.eth-search-recent-items .eth-search-recent-items__row:hover {
+  background: var(--eth-color-layer-hover);
+  color: var(--eth-color-text-primary);
+}
+
+.eth-search-recent-items__icon {
+  align-items: center;
+  background: var(--eth-color-layer-02);
+  block-size: var(--eth-space-2xl);
+  border: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-secondary);
+  display: inline-flex;
+  inline-size: var(--eth-space-2xl);
+  justify-content: center;
+}
+
+.eth-search-recent-items__copy {
+  display: grid;
+  gap: var(--eth-space-2xs);
+  min-inline-size: 0;
+}
+
+.eth-search-recent-items .eth-search-recent-items__label {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-search-recent-items .eth-search-recent-items__description {
+  color: var(--eth-color-text-helper);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-search-recent-items .eth-search-recent-items__kind {
+  align-items: center;
+  background: var(--eth-color-layer-02);
+  color: var(--eth-color-text-secondary);
+  display: inline-flex;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+  min-block-size: var(--eth-space-xl);
+  padding: var(--eth-space-2xs) var(--eth-space-sm);
+  white-space: nowrap;
+}
+
+.eth-search-recent-items .eth-search-recent-items__visited {
+  color: var(--eth-color-text-helper);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-variant-numeric: tabular-nums;
+  line-height: 1.333;
+  white-space: nowrap;
+}
+
+.eth-search-recent-items__visited-label {
+  block-size: 1px;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  inline-size: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+}
+
+.eth-search-recent-items__arrow {
+  color: var(--eth-color-text-helper);
+}
+
+.eth-search-recent-items__empty {
+  color: var(--eth-color-text-helper);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.2857;
+  padding: var(--eth-space-lg);
+}
+
+.eth-search-semantic-result {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-inline-start: 3px solid var(--eth-color-interactive-primary);
+  border-radius: 0;
+  display: grid;
+  gap: var(--eth-space-md);
+  inline-size: min(100%, 48rem);
+  margin-inline: auto;
+  max-inline-size: 100%;
+  padding: var(--eth-space-lg);
+}
+
+.eth-search-semantic-result__snippet {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.2857;
+  margin: 0;
+  max-inline-size: 60ch;
+  overflow-wrap: anywhere;
+}
+
+.eth-search-semantic-result mark {
+  background: color-mix(in srgb, var(--eth-color-warning) 24%, transparent);
+  color: var(--eth-color-text-primary);
+  padding-inline: var(--eth-space-2xs);
+}
+
+.eth-search-semantic-result__evidence {
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  gap: var(--eth-space-xs);
+  padding-block-start: var(--eth-space-sm);
+}
+
+.eth-search-semantic-result__evidence-label {
+  color: var(--eth-color-text-helper);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  letter-spacing: 0;
+  line-height: 1.333;
+  text-transform: uppercase;
+}
+
+.eth-search-semantic-result__evidence-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-xs);
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.eth-search-semantic-result__evidence-list li {
+  display: inline-flex;
+  min-inline-size: 0;
+}
+
+.eth-search-semantic-result__evidence-item {
+  align-items: center;
+  background: var(--eth-color-layer-02);
+  color: var(--eth-color-text-secondary);
+  display: inline-flex;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+  max-inline-size: 100%;
+  min-block-size: var(--eth-space-xl);
+  overflow-wrap: anywhere;
+  padding: var(--eth-space-2xs) var(--eth-space-sm);
+  text-decoration: none;
+}
+
+a.eth-search-semantic-result__evidence-item {
+  color: var(--eth-color-link);
+}
+
+a.eth-search-semantic-result__evidence-item:hover {
+  background: var(--eth-color-layer-hover);
+  text-decoration: underline;
+}
+
+.eth-search-agent-suggestion {
+  align-items: stretch;
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  border-inline-start: 3px solid var(--eth-color-interactive-primary);
+  border-radius: 0;
+  color: var(--eth-color-text-primary);
+  cursor: pointer;
+  display: grid;
+  font: inherit;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  max-width: 44rem;
+  min-height: 4rem;
+  overflow: hidden;
+  padding: 0;
+  text-align: start;
+  transition:
+    background-color var(--eth-motion-fast) var(--eth-motion-easing),
+    border-color var(--eth-motion-fast) var(--eth-motion-easing);
+  width: min(100%, 44rem);
+}
+
+.eth-search-agent-suggestion:hover {
+  background: var(--eth-color-layer-hover);
+  border-color: var(--eth-color-border-strong);
+  border-inline-start-color: var(--eth-color-interactive-primary);
+}
+
+.eth-search-agent-suggestion:active {
+  background: var(--eth-color-layer-selected);
+}
+
+.eth-search-agent-suggestion:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.eth-search-agent-suggestion__icon {
+  align-items: center;
+  background: var(--eth-color-layer-02);
+  color: var(--eth-color-interactive-primary);
+  display: inline-flex;
+  inline-size: 3rem;
+  justify-content: center;
+}
+
+.eth-search-agent-suggestion__body {
+  display: grid;
+  gap: var(--eth-space-2xs);
+  min-width: 0;
+  padding: var(--eth-space-md) var(--eth-space-lg);
+}
+
+.eth-search-agent-suggestion__label {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  overflow-wrap: anywhere;
+}
+
+.eth-search-agent-suggestion__rationale {
+  color: var(--eth-color-text-helper);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+  overflow-wrap: anywhere;
+}
+
+.eth-search-agent-suggestion__action {
+  align-items: center;
+  border-inline-start: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-secondary);
+  display: inline-flex;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  gap: var(--eth-space-xs);
+  justify-content: center;
+  padding: 0 var(--eth-space-lg);
+  white-space: nowrap;
+}
+
+@media (width <= 42rem) {
+  .eth-search-command-palette__panel,
+  .eth-search-global-command-palette__card {
+    margin-top: 0;
+  }
+
+  .eth-search-app-command__bar,
+  .eth-search-app-command__item {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .eth-search-app-command__controls {
+    border-block-start: 1px solid var(--eth-color-border-subtle);
+    border-inline-start: 0;
+    justify-content: end;
+  }
+
+  .eth-search-app-command__kind,
+  .eth-search-app-command__meta {
+    justify-self: start;
+    text-align: start;
+  }
+
+  .eth-search-app-command__meta {
+    justify-items: start;
+    min-width: 0;
+  }
+
+  .eth-search-app-domain__header,
+  .eth-search-app-domain__summary {
+    align-items: start;
+    flex-direction: column;
+  }
+
+  .eth-search-app-domain__results button {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .eth-search-app-domain__result-meta {
+    justify-self: start;
+    text-align: start;
+    white-space: normal;
+  }
+
+  .eth-search-results-panel__group li,
+  .eth-search-result-row,
+  .eth-search-recent-items li,
+  .eth-search-saved-searches li {
+    grid-template-columns: 1fr;
+  }
+
+  .eth-search-recent-items .eth-search-recent-items__row {
+    align-items: start;
+    grid-template-columns: auto minmax(0, 1fr);
+  }
+
+  .eth-search-recent-items__kind,
+  .eth-search-recent-items__visited,
+  .eth-search-recent-items__arrow {
+    grid-column: 2;
+  }
+
+  .eth-search-recent-items__arrow {
+    display: none;
+  }
+
+  .eth-search-agent-suggestion {
+    grid-template-columns: auto minmax(0, 1fr);
+  }
+
+  .eth-search-agent-suggestion__action {
+    display: none;
+  }
+}
+.eth-search-results-panel.eth-search-results-panel {
+  display: block;
+  overflow: hidden;
+  color: #161616;
+  background: #ffffff;
+  border: 1px solid #c6c6c6;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.eth-search-results-panel.eth-search-results-panel * {
+  box-sizing: border-box;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  min-height: 4rem;
+  padding: 0.875rem 1rem;
+  background: #ffffff;
+  border-bottom: 1px solid #e0e0e0;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__eyebrow {
+  margin: 0 0 0.125rem;
+  color: #525252;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 400;
+  line-height: 1.333;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__title {
+  margin: 0;
+  color: #161616;
+  font-size: calc(1rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.375;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__query {
+  flex: 0 1 auto;
+  max-width: min(24rem, 48%);
+  overflow: hidden;
+  padding: 0.25rem 0.5rem;
+  color: #393939;
+  background: #f4f4f4;
+  border: 1px solid #e0e0e0;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__groups {
+  display: grid;
+  background: #ffffff;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__group
+  + .eth-search-results-panel__group {
+  border-top: 1px solid #c6c6c6;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__group-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 2.5rem;
+  padding: 0 1rem;
+  background: #f4f4f4;
+  border-bottom: 1px solid #e0e0e0;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__group-title {
+  margin: 0;
+  color: #161616;
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.4286;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__count {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  padding: 0 0.5rem;
+  color: #525252;
+  background: #ffffff;
+  border: 1px solid #c6c6c6;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__list {
+  display: grid;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__item {
+  display: grid;
+  grid-template-columns: 2rem minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 0.75rem;
+  width: 100%;
+  min-height: 4.5rem;
+  margin: 0;
+  padding: 0.75rem 1rem;
+  color: inherit;
+  background: #ffffff;
+  border: 0;
+  border-bottom: 1px solid #e0e0e0;
+  font: inherit;
+  text-align: left;
+  text-decoration: none;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__item:last-child {
+  border-bottom: 0;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  button.eth-search-results-panel__item,
+.eth-search-results-panel.eth-search-results-panel
+  a.eth-search-results-panel__item {
+  cursor: pointer;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  button.eth-search-results-panel__item:hover,
+.eth-search-results-panel.eth-search-results-panel
+  a.eth-search-results-panel__item:hover {
+  background: #f4f4f4;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  button.eth-search-results-panel__item:focus-visible,
+.eth-search-results-panel.eth-search-results-panel
+  a.eth-search-results-panel__item:focus-visible {
+  position: relative;
+  z-index: 1;
+  outline: 2px solid #0f62fe;
+  outline-offset: -2px;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__entity {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  color: #0f62fe;
+  background: #edf5ff;
+  border: 1px solid #d0e2ff;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__body {
+  display: grid;
+  min-width: 0;
+  gap: 0.1875rem;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__name {
+  overflow: hidden;
+  color: #0f62fe;
+  font-size: calc(0.9375rem * var(--eth-text-scale, 1));
+  font-weight: 500;
+  line-height: 1.333;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__description {
+  overflow: hidden;
+  color: #525252;
+  font-size: calc(0.8125rem * var(--eth-text-scale, 1));
+  line-height: 1.385;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__metadata {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 0.375rem;
+  max-width: 22rem;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__meta {
+  display: inline-flex;
+  align-items: center;
+  min-height: 1.5rem;
+  max-width: 11rem;
+  overflow: hidden;
+  padding: 0.1875rem 0.5rem;
+  color: #525252;
+  background: #f4f4f4;
+  border: 1px solid #e0e0e0;
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__state {
+  display: grid;
+  gap: 0.75rem;
+  padding: 1.5rem 1rem;
+  color: #525252;
+  background: #ffffff;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__empty-title,
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__empty-copy,
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__loading-copy {
+  margin: 0;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__empty-title {
+  color: #161616;
+  font-size: calc(0.9375rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.333;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__empty-copy,
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__loading-copy {
+  color: #525252;
+  font-size: calc(0.8125rem * var(--eth-text-scale, 1));
+  line-height: 1.385;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__skeleton {
+  display: block;
+  width: 100%;
+  height: 1rem;
+  background: linear-gradient(90deg, #e0e0e0, #f4f4f4, #e0e0e0);
+  background-size: 200% 100%;
+  animation: eth-search-results-panel-loading 1.2s ease-in-out infinite;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__skeleton:nth-of-type(2) {
+  width: 72%;
+}
+
+.eth-search-results-panel.eth-search-results-panel
+  .eth-search-results-panel__skeleton:nth-of-type(3) {
+  width: 44%;
+}
+
+@keyframes eth-search-results-panel-loading {
+  from {
+    background-position: 100% 0;
+  }
+
+  to {
+    background-position: -100% 0;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .eth-search-results-panel.eth-search-results-panel
+    .eth-search-results-panel__skeleton {
+    animation: none;
+  }
+}
+
+@media (max-width: 640px) {
+  .eth-search-results-panel.eth-search-results-panel
+    .eth-search-results-panel__summary,
+  .eth-search-results-panel.eth-search-results-panel
+    .eth-search-results-panel__group-header {
+    padding-right: 0.75rem;
+    padding-left: 0.75rem;
+  }
+
+  .eth-search-results-panel.eth-search-results-panel
+    .eth-search-results-panel__item {
+    grid-template-columns: 2rem minmax(0, 1fr);
+    padding-right: 0.75rem;
+    padding-left: 0.75rem;
+  }
+
+  .eth-search-results-panel.eth-search-results-panel
+    .eth-search-results-panel__metadata {
+    grid-column: 2;
+    justify-content: flex-start;
+    max-width: 100%;
+  }
+}