/* Jelly Radio motion, adapted to the existing filter toolbar. */
#view-home .filter-bar.jelly-filters {
  --jelly-edge: 28px;
  flex-wrap: nowrap;
  gap: 7px;
  padding: 15px var(--jelly-edge) 13px;
  overflow-x: auto;
  scrollbar-width: none;
  scroll-padding-inline: var(--jelly-edge);
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}
.jelly-filters::-webkit-scrollbar { display: none; }
#view-home .jelly-filters > .filter-chip {
  min-height: 36px;
  border-radius: 18px;
  font-weight: 500;
  white-space: nowrap;
  transform-origin: center;
  user-select: none;
  -webkit-user-select: none;
  transition: background-color 200ms, color 200ms, border-color 200ms, box-shadow 240ms;
}
#view-home .jelly-filters > .filter-chip.jelly-selected {
  background: var(--primary-l, #eaf3ff);
  border-color: #a6ccff;
  color: var(--primary);
  box-shadow: 0 4px 12px #1677ff14;
  z-index: 1;
}
#view-home .jelly-filters > .filter-chip.on {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
#view-home .jelly-filters > .filter-chip:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 4px;
}
@media (min-width:900px) {
  #view-home .filter-bar.jelly-filters { padding-top: 18px; padding-bottom: 16px; }
  #view-home .jelly-filters > .filter-chip { min-height: 40px; }
}
@media (prefers-reduced-motion:reduce) {
  #view-home .jelly-filters > .filter-chip { transform: none !important; transition: none; }
}

#view-home .jelly-filters>.filter-chip.jelly-selected:not(.on){background:#fff;border-color:var(--line-2);color:var(--text-2)}
.active-filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:4px 14px 0;font-size:11px;color:#7c8ea5}
.active-filters button{min-height:32px;display:flex;align-items:center;gap:8px;padding:6px 9px;background:#eaf3ff;border:1px solid #d5e6ff;border-radius:8px;color:#236bc2;font-size:11px}
.active-filters button span{font-size:16px;line-height:1}
.active-filters .active-filters-reset{background:transparent;border-color:transparent;color:#7c8ea5}
.filter-explainer{font-size:12px;line-height:1.8;color:#8092a9;margin:0 0 18px}
@media(min-width:900px){.active-filters{max-width:calc(var(--content-width) + 56px);margin:auto;padding:4px 28px 0}}