#liquidityScannerView {
  --font-ui: 'Onest', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-family: var(--font-ui);
}

#liquidityScannerView button,
#liquidityScannerView input,
#liquidityScannerView select {
  font-family: var(--font-ui);
}

#liquidityScannerView .liquidity-scanner-title {
  font-size: 16px;
}

#liquidityScannerView .liquidity-scope-tabs button,
#liquidityScannerView .liquidity-scanner-status,
#liquidityScannerView .liquidity-filter-more-toggle,
#liquidityScannerView .liquidity-filter select,
#liquidityScannerView .liquidity-filter input {
  font-size: 12px;
}

#liquidityScannerView .liquidity-toolbar-search-control input::placeholder {
  color: #a9b6bf;
}

#liquidityScannerView .liquidity-filter,
#liquidityScannerView .liquidity-settings-heading,
#liquidityScannerView .liquidity-filter-presets-head,
#liquidityScannerView .liquidity-settings-header,
#liquidityScannerView .liquidity-filter-toggle,
#liquidityScannerView .liquidity-blacklist-hint {
  color: #a8b5be;
  font-size: 11px;
}

#liquidityScannerView .liquidity-settings-parameters .liquidity-filter,
#liquidityScannerView .liquidity-settings-extras .liquidity-filter-toggle {
  color: #a8b5be;
  font-size: 11px;
}

#liquidityScannerView .liquidity-settings-parameters .liquidity-filter select,
#liquidityScannerView .liquidity-context-filter-input input,
#liquidityScannerView .liquidity-filter-preset-editor input,
#liquidityScannerView .liquidity-filter-preset-edit-input,
#liquidityScannerView .liquidity-settings-extras .liquidity-blacklist-input-row input {
  font-family: var(--font-ui);
  font-size: 12px;
}

#liquidityScannerView .liquidity-filter-profile-save,
#liquidityScannerView .liquidity-filter-profile-default,
#liquidityScannerView .liquidity-filter-preset-name,
#liquidityScannerView .liquidity-settings-extras .liquidity-blacklist-toggle,
#liquidityScannerView .liquidity-settings-extras .liquidity-blacklist-add,
#liquidityScannerView .liquidity-settings-extras .liquidity-blacklist-hint,
#liquidityScannerView .liquidity-settings-parameters .liquidity-filter-reset,
#liquidityScannerView .liquidity-filter-presets-empty {
  color: #aebac2;
  font-family: var(--font-ui);
  font-size: 11px;
}

#liquidityScannerView .liquidity-scanner-table {
  font-family: var(--font-ui);
  font-variant-numeric: tabular-nums;
}

#liquidityScannerView .liquidity-scanner-table th,
#liquidityScannerView .liquidity-sort-header {
  color: #aebbc3;
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 600;
}

#liquidityScannerView .liquidity-scanner-table tbody tr.liquidity-density-row .liquidity-symbol {
  font-size: 14px;
}

#liquidityScannerView .liquidity-scanner-table tbody tr.liquidity-density-row .liquidity-exchange,
#liquidityScannerView .liquidity-scanner-table tbody tr.liquidity-density-row .liquidity-secondary-metric,
#liquidityScannerView .liquidity-scanner-table tbody tr.liquidity-density-row .liquidity-trend {
  color: #a5b3bc;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

#liquidityScannerView .liquidity-scanner-table tbody tr.liquidity-density-row .liquidity-zone,
#liquidityScannerView .liquidity-scanner-table tbody tr.liquidity-density-row .liquidity-size,
#liquidityScannerView .liquidity-scanner-table tbody tr.liquidity-density-row .liquidity-score-chip,
#liquidityScannerView .liquidity-scanner-table tbody tr.liquidity-density-row td:nth-child(6),
#liquidityScannerView .liquidity-scanner-table tbody tr.liquidity-density-row td:nth-child(7) {
  font-family: var(--font-ui);
  font-variant-numeric: tabular-nums;
}

#liquidityScannerView .liquidity-side,
#liquidityScannerView .liquidity-distance-hint,
#liquidityScannerView .liquidity-activity-dot,
#liquidityScannerView .liquidity-behavior.muted,
#liquidityScannerView .liquidity-status {
  font-family: var(--font-ui);
  font-size: 11px;
}

#liquidityScannerView .liquidity-behavior.muted {
  color: #a7b4bd;
}

#liquidityScannerView .liquidity-inspector:not(.radar-floating) .liquidity-inspector-summary-text,
#liquidityScannerView .liquidity-inspector:not(.radar-floating) .liquidity-inspector-distance,
#liquidityScannerView .liquidity-inspector:not(.radar-floating) .liquidity-inspector-kicker {
  color: #a2b1ba;
  font-size: 11px;
}

#liquidityScannerView .liquidity-inspector:not(.radar-floating) .liquidity-inspector-open,
#liquidityScannerView .liquidity-inspector:not(.radar-floating) .liquidity-inspector-signal {
  font-family: var(--font-ui);
  font-size: 11px;
}

#liquidityScannerView .liquidity-inspector:not(.radar-floating) .liquidity-inspector-panel-title,
#liquidityScannerView .liquidity-inspector:not(.radar-floating) .liquidity-volume-trend,
#liquidityScannerView .liquidity-inspector:not(.radar-floating) .liquidity-event-times {
  color: #a7b5bd;
  font-size: 11px;
}

#liquidityScannerView .liquidity-inspector:not(.radar-floating) .liquidity-inspector-metric-label {
  color: #a5b3bb;
  font-size: 11px;
}

#liquidityScannerView .liquidity-inspector:not(.radar-floating) .liquidity-inspector-metric-value {
  font-family: var(--font-ui);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

#liquidityScannerView .liquidity-inspector:not(.radar-floating) .liquidity-inspector-metric-meta {
  color: #9eafb8;
  font-size: 11px;
}

#liquidityScannerView .liquidity-inspector.radar-floating .liquidity-inspector-summary-text,
#liquidityScannerView .liquidity-inspector.radar-floating .liquidity-inspector-metric-label {
  color: #aab7c0;
  font-size: 11px;
}

#liquidityScannerView .liquidity-inspector.radar-floating .liquidity-inspector-metric-value {
  color: #d3dde2;
  font-family: var(--font-ui);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

#liquidityScannerView .liquidity-radar-ring::after,
#liquidityScannerView .liquidity-radar-zoom-value,
#liquidityScannerView .liquidity-radar-center,
#liquidityScannerView .liquidity-radar-tooltip,
#liquidityScannerView .liquidity-radar-tooltip-grid span,
#liquidityScannerView .liquidity-radar-tooltip-grid strong {
  font-family: var(--font-ui);
  font-variant-numeric: tabular-nums;
}

#liquidityScannerView .liquidity-radar-ring::after,
#liquidityScannerView .liquidity-radar-zoom-value,
#liquidityScannerView .liquidity-radar-volume,
#liquidityScannerView .liquidity-radar-distance,
#liquidityScannerView .liquidity-radar-tooltip-grid span {
  color: #a9b7c0;
  font-size: 10px;
}

#liquidityScannerView .liquidity-radar-hemisphere {
  font-family: var(--font-ui);
  font-weight: 600;
}

#liquidityScannerView .liquidity-radar-zoom-value,
#liquidityScannerView .liquidity-radar-center {
  font-size: 11px;
}

#liquidityScannerView .liquidity-radar-symbol {
  font-family: var(--font-ui);
  font-weight: 650;
}

#liquidityScannerView .liquidity-radar-tooltip {
  color: #c1cbd1;
  font-size: 11px;
}

#liquidityScannerView .liquidity-radar-tooltip-grid strong {
  color: #e0e7eb;
  font-size: 11px;
}

#liquidityScannerView .liquidity-row-menu-title,
#liquidityScannerView .liquidity-row-menu-action,
#liquidityScannerView .liquidity-alert-center-head,
#liquidityScannerView .liquidity-alert-dialog h2 {
  font-family: var(--font-ui);
}

#liquidityScannerView .liquidity-row-menu-metric span,
#liquidityScannerView .liquidity-row-menu-metric strong,
#liquidityScannerView .liquidity-alert-center-item span,
#liquidityScannerView .liquidity-alert-center-history time {
  color: #a5b3bc;
  font-size: 11px;
}

#liquidityScannerView .liquidity-row-menu-metric strong,
#liquidityScannerView .liquidity-alert-center-item strong {
  color: #d0d9de;
  font-size: 12px;
}

#liquidityScannerView .liquidity-filter-more-popover,
#liquidityScannerView .liquidity-blacklist-popover,
#liquidityScannerView .liquidity-row-menu,
#liquidityScannerView .liquidity-alert-center-popover,
#liquidityScannerView .liquidity-alert-dialog-panel {
  font-family: var(--font-ui);
}

#liquidityScannerView .liquidity-alert-field,
#liquidityScannerView .liquidity-alert-permission,
#liquidityScannerView .liquidity-alert-permission button,
#liquidityScannerView .liquidity-alert-dialog-target,
#liquidityScannerView .liquidity-alert-dialog-actions button {
  font-family: var(--font-ui);
  font-size: 11px;
}

#liquidityScannerView .liquidity-alert-field {
  color: #a8b5be;
}

#liquidityScannerView .liquidity-alert-field select {
  font-size: 12px;
}

#liquidityScannerView .liquidity-context-tooltip,
#liquidityScannerView .liquidity-volume-tooltip,
#liquidityScannerView .liquidity-event-tooltip {
  font-family: var(--font-ui);
  font-size: 11px;
}

#liquidityScannerView .liquidity-context-tooltip span,
#liquidityScannerView .liquidity-volume-tooltip span,
#liquidityScannerView .liquidity-event-tooltip span {
  color: #acb9c1;
  font-size: 11px;
}

@media (max-width: 760px) {
  #liquidityScannerView .liquidity-scanner-title {
    font-size: 15px;
  }

  #liquidityScannerView .liquidity-scope-tabs button,
  #liquidityScannerView .liquidity-scanner-status,
  #liquidityScannerView .liquidity-filter-more-toggle {
    font-size: 11px;
  }
}