/* The logo keeps its original colours. Only the surrounding UI is tinted.
   A second line for FUT prevents the letter-by-letter wrapping in narrow
   chips seen in the exchange picker. The native selection mark stays right. */
body #filters-content #symbol-filter-section #symbol-chips {
  grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
}
body #filters-content #symbol-chips .chip.filter-coin-chip {
  --fc-ink:var(--fc-night); --fc-tone:var(--fc-night);
  display:grid!important; grid-template-columns:26px minmax(0,1fr) 12px;
  align-items:center; column-gap:7px; row-gap:3px; min-height:44px;
  padding:7px 9px!important; color:var(--fc-ink)!important;
  background:color-mix(in srgb,var(--panel-color,#101c2c) 95%,var(--fc-tone) 5%)!important;
  border-color:color-mix(in srgb,var(--fc-ink) 27%,var(--panel-border,#324259))!important;
  box-shadow:inset 0 1px 0 #ffffff08!important; transform:none!important;
}
body[data-theme="day"] #filters-content #symbol-chips .chip.filter-coin-chip {
  --fc-ink:var(--fc-day); --fc-tone:var(--fc-day);
}
body #filters-content #symbol-chips .chip.filter-coin-chip[aria-pressed="true"] {
  background:color-mix(in srgb,var(--panel-color,#101c2c) 86%,var(--fc-tone) 14%)!important;
  border-color:color-mix(in srgb,var(--fc-ink) 60%,var(--panel-border,#324259))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fc-ink) 10%,transparent)!important;
}
body[data-theme="day"] #filters-content #symbol-chips .chip.filter-coin-chip[aria-pressed="true"] {
  background:color-mix(in srgb,var(--panel-color,#f2f6ff) 89%,var(--fc-tone) 11%)!important;
}
body #filters-content #symbol-chips .filter-coin-chip:hover { border-color:var(--fc-ink)!important; }
body #filters-content #symbol-chips .filter-coin-chip:focus-visible { outline-color:var(--fc-ink); }
body #filters-content #symbol-chips .filter-coin-chip[aria-pressed="true"]::after {
  position:static!important; grid-column:3; grid-row:1; width:12px; height:auto;
  margin:0!important; padding:0; flex:none; font-size:12px; color:var(--fc-ink);
  background:none; border:0; box-shadow:none; transform:none; z-index:1;
}
body #filters-content .chip .filter-chip__copy {
  position:relative; z-index:1; grid-column:2; min-width:0;
  display:grid; gap:1px; margin:0; font-size:inherit; opacity:1;
}
body #filters-content .chip .filter-chip__venue-kind {
  margin:0; font-size:8px; line-height:1.2; letter-spacing:.08em;
  white-space:nowrap; overflow-wrap:normal; word-break:normal; color:inherit; opacity:.72;
}
body #filters-content #symbol-chips .filter-coin-chip .chip__warning {
  grid-column:2 / 4; margin:0; font-size:9px; line-height:1.3;
  white-space:normal; overflow-wrap:anywhere;
}
body #filters-content .chip .filter-chip__coin {
  position:relative; z-index:1; grid-column:1; grid-row:1;
  width:26px; height:26px; margin:0; opacity:1; border-radius:50%;
  display:grid; place-items:center; overflow:hidden; pointer-events:none;
  background:var(--fc-coin-surface,#eaf1fb); border:1px solid #a8b8ce50;
}
body #filters-content .chip .filter-chip__coin-image {
  position:absolute; width:22px; height:22px; margin:0; display:block;
  object-fit:contain; opacity:0; pointer-events:none;
}
body #filters-content .chip .filter-chip__coin-fallback {
  margin:0; font-size:9px; font-weight:700; color:var(--fc-coin-fallback,#43546c); line-height:1; opacity:1;
}
body #filters-content .chip .filter-chip__coin[data-logo-state="loaded"] .filter-chip__coin-image { opacity:1; }
body #filters-content .chip .filter-chip__coin[data-logo-state="loaded"] .filter-chip__coin-fallback { visibility:hidden; }
body #filters-content .chip .filter-chip__coin[data-logo-state="fallback"] { background:#eaf1fb; }
body #filters-content .chip .filter-chip__coin[data-logo-state="fallback"] .filter-chip__coin-fallback { color:#43546c; }
body #filters-content .filter-coin-chip.filter-chip-burst .filter-chip__coin {
  animation:filter-coin-glint 1.45s ease-in-out both;
}
@keyframes filter-coin-glint {
  0%,100%{transform:scale(1) translateY(0)}
  40%{transform:scale(1.045) translateY(-.6px)}
  70%{transform:scale(1) translateY(.3px)}
}
@media(max-width:900px) {
  body #sr-mobile-app #filters-content #symbol-filter-section #symbol-chips {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body #sr-mobile-app #filters-content #symbol-chips .chip.filter-coin-chip {
    grid-template-columns:24px minmax(0,1fr) 12px; column-gap:6px; padding:8px!important; min-height:44px;
  }
  body #sr-mobile-app #filters-content .chip .filter-chip__coin { width:24px; height:24px; }
  body #sr-mobile-app #filters-content .chip .filter-chip__coin-image { width:20px; height:20px; }
}
@media(prefers-reduced-motion:reduce),(update:slow) {
  body #filters-content .filter-coin-chip.filter-chip-burst .filter-chip__coin { animation:none!important; }
}