/* Geometry-bound live traces and finite local cues. No animated blur/shadow/background position, no layers
   allocated to the whole catalogue, and no animation of the selection mark. */
body #filters-content .chip.filter-chip-effects {
  position:relative; isolation:isolate; overflow:hidden; gap:7px;
}
body #filters-content #pattern-chips .chip.filter-pattern-chip {
  --fc-ink:var(--fc-night); --fc-tone:var(--fc-night);
  min-height:42px; align-items:center; padding:7px 9px!important;
  color:var(--fc-ink)!important;
  background:color-mix(in srgb,var(--panel-color,#101c2c) 94%,var(--fc-tone) 6%)!important;
  border-color:color-mix(in srgb,var(--fc-ink) 28%,var(--panel-border,#324259))!important;
  box-shadow:inset 0 1px 0 #ffffff08!important;
  /* Hover never promotes every selected chip to a moving layer. */
  transform:none!important;
}
body[data-theme="day"] #filters-content #pattern-chips .chip.filter-pattern-chip {
  --fc-ink:var(--fc-day); --fc-tone:var(--fc-day);
}
body #filters-content #pattern-chips .chip.filter-pattern-chip[aria-pressed="true"] {
  background:color-mix(in srgb,var(--panel-color,#101c2c) 84%,var(--fc-tone) 16%)!important;
  border-color:color-mix(in srgb,var(--fc-ink) 57%,var(--panel-border,#324259))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fc-ink) 11%,transparent)!important;
}
body[data-theme="day"] #filters-content #pattern-chips .chip.filter-pattern-chip[aria-pressed="true"] {
  background:color-mix(in srgb,var(--panel-color,#f2f6ff) 88%,var(--fc-tone) 12%)!important;
}
body #filters-content #pattern-chips .chip.filter-pattern-chip:hover {
  border-color:color-mix(in srgb,var(--fc-ink) 70%,var(--panel-border,#324259))!important;
}
body #filters-content #pattern-chips .chip.filter-pattern-chip:focus-visible {
  outline-color:var(--fc-ink);
}
body #filters-content .chip .filter-chip__label {
  position:relative; z-index:1; flex:1; min-width:0; margin:0;
  font-size:inherit!important; line-height:inherit; font-weight:inherit;
  color:inherit; opacity:1; overflow-wrap:anywhere;
}
body #filters-content .chip .filter-chip__icon {
  position:relative; z-index:1; flex:0 0 36px; width:36px; height:32px;
  display:grid; place-items:center; margin:0; border-radius:8px;
  color:var(--fc-ink); opacity:1; background:color-mix(in srgb,var(--fc-tone) 10%,transparent);
  border:1px solid color-mix(in srgb,var(--fc-ink) 23%,transparent);
}
body #filters-content .chip .filter-chip__glyph { display:block; width:30px;height:24px;overflow:visible; }
.filter-glyph__guide { opacity:.25; stroke-width:1; }
.filter-glyph__shape { opacity:1; }
.filter-pattern-live .filter-glyph__shape { opacity:.3; }
.filter-glyph__trace,.filter-glyph__anchor,.filter-glyph__body { opacity:0; pointer-events:none; }
.filter-glyph__trace { stroke-width:2; stroke-dasharray:100 100; stroke-linecap:round; }
.filter-pattern-live .filter-glyph__trace {
  animation:filter-pattern-trace var(--fc-cycle,4400ms) cubic-bezier(.4,0,.2,1) infinite;
  animation-delay:calc(var(--fc-phase,0ms) + var(--fc-part,0) * 100ms);
}
.filter-pattern-live .filter-glyph__body { transform-box:fill-box;transform-origin:50% 100%;animation:filter-candle-build var(--fc-cycle,4400ms) ease-in-out infinite;animation-delay:calc(var(--fc-phase,0ms) + var(--fc-part,0) * 100ms); }
.filter-pattern-live .filter-glyph__anchor {
  animation:filter-pattern-anchor var(--fc-cycle,4400ms) ease-in-out infinite;
  animation-delay:calc(var(--fc-phase,0ms) - var(--fc-part,0) * 390ms);
}
/* The original geometry supplies the motion direction and all anchor positions.
   Timing and trace length describe each family without moving the silhouette. */
.filter-pattern-live[data-filter-motion="contract"] .filter-glyph__trace { animation-timing-function:cubic-bezier(.2,.7,.4,1); }
.filter-pattern-live[data-filter-motion="expand"] .filter-glyph__trace { animation-timing-function:cubic-bezier(.6,0,.8,.4); }
.filter-pattern-live[data-filter-motion="curve"] .filter-glyph__trace { animation-timing-function:ease-in-out; }
.filter-pattern-live[data-filter-motion="rise"] .filter-glyph__anchor,
.filter-pattern-live[data-filter-motion="fall"] .filter-glyph__anchor { animation-name:filter-pattern-confirm; }
.filter-pattern-live[data-filter-motion="rebound"] .filter-glyph__anchor,
.filter-pattern-live[data-filter-motion="reversal"] .filter-glyph__anchor { animation-name:filter-pattern-turn; }
.filter-pattern-live .filter-glyph__trace--wick { stroke-width:1.7; }
.filter-pattern-live .filter-glyph__trace--body { stroke-width:1.5; }
.filter-pattern-live[aria-pressed="true"] .filter-glyph__trace { stroke-width:2.2; }
@keyframes filter-pattern-trace { 0%,8%{stroke-dashoffset:100;opacity:.2} 62%,82%{stroke-dashoffset:0;opacity:1} 96%,100%{stroke-dashoffset:0;opacity:0} }
@keyframes filter-candle-build { 0%,15%{transform:scaleY(.08);opacity:0} 55%,82%{transform:scaleY(1);opacity:.8} 96%,100%{transform:scaleY(1);opacity:0} }
@keyframes filter-pattern-anchor { 0%,48%,100%{opacity:0} 66%,78%{opacity:.85} }
@keyframes filter-pattern-confirm { 0%,68%,100%{opacity:0} 80%,90%{opacity:1} }
@keyframes filter-pattern-turn { 0%,24%,68%,100%{opacity:0} 42%,52%{opacity:1} }
body #filters-content .filter-pattern-chip[aria-pressed="true"]::after {
  position:relative; z-index:1; flex:0 0 12px; color:var(--fc-ink); font-size:12px;
}
body #filters-content .chip .filter-chip__effect {
  position:absolute; inset:0; margin:0; border-radius:inherit;
  pointer-events:none; z-index:0; overflow:hidden;
  --fc-effect:var(--fc-ink,var(--accent,#42e5dd));
}
.filter-chip__effect::before,.filter-chip__effect::after { content:''; position:absolute; opacity:0; pointer-events:none; }
.filter-chip-burst[data-filter-effect="sheen"] .filter-chip__effect::before {
  inset:-25% -40%; background:linear-gradient(110deg,transparent 38%,color-mix(in srgb,var(--fc-effect) 25%,transparent) 50%,transparent 62%);
  animation:filter-chip-sheen 1.45s ease-in-out both;
}
.filter-chip-burst[data-filter-effect="orbit"] .filter-chip__effect::before {
  width:24px; height:24px; right:12%; top:calc(50% - 12px); border-radius:50%;
  border:1px solid color-mix(in srgb,var(--fc-effect) 65%,transparent);
  animation:filter-chip-orbit 1.45s ease-out both;
}
.filter-chip-burst[data-filter-effect="orbit"] .filter-chip__effect::after {
  width:3px; height:3px; border-radius:50%; right:18%; top:50%; background:var(--fc-effect);
  animation:filter-chip-satellite 1.45s ease-in-out both;
}
.filter-chip-burst[data-filter-effect="prism"] .filter-chip__effect::before {
  width:46px; height:46px; right:5%; top:calc(50% - 23px);
  border:1px solid color-mix(in srgb,var(--fc-effect) 55%,transparent); border-radius:7px;
  animation:filter-chip-prism 1.45s ease-out both;
}
.filter-chip-burst[data-filter-effect="ripple"] .filter-chip__effect::before {
  width:26px; height:26px; left:20%; top:calc(50% - 13px); border-radius:50%;
  border:1px solid color-mix(in srgb,var(--fc-effect) 65%,transparent);
  animation:filter-chip-ripple 1.45s ease-out both;
}
.filter-chip-burst[data-filter-effect="spark"] .filter-chip__effect::before {
  inset:0; background:radial-gradient(circle at 20% 30%,var(--fc-effect) 0 1px,transparent 1.5px),radial-gradient(circle at 56% 65%,var(--fc-effect) 0 1px,transparent 1.5px),radial-gradient(circle at 84% 35%,var(--fc-effect) 0 1.2px,transparent 1.7px);
  animation:filter-chip-spark 1.45s ease-in-out both;
}
@keyframes filter-chip-sheen { 0%{transform:translateX(-70%);opacity:0} 30%{opacity:.8} 100%{transform:translateX(70%);opacity:0} }
@keyframes filter-chip-orbit { 0%{transform:scale(.3);opacity:0} 35%{opacity:.65} 100%{transform:scale(2.8);opacity:0} }
@keyframes filter-chip-satellite { 0%{transform:translate(-15px,8px);opacity:0} 40%{opacity:.8} 100%{transform:translate(20px,-12px);opacity:0} }
@keyframes filter-chip-prism { 0%{transform:rotate(-12deg) scale(.35);opacity:0} 35%{opacity:.45} 100%{transform:rotate(34deg) scale(1.4);opacity:0} }
@keyframes filter-chip-ripple { 0%{transform:scale(.4);opacity:0} 20%{opacity:.65} 100%{transform:scale(6);opacity:0} }
@keyframes filter-chip-spark { 0%,100%{transform:translateY(3px);opacity:0} 45%{transform:translateY(-2px);opacity:.7} }
@media(max-width:900px) {
  body #sr-mobile-app #filters-content .chip .filter-chip__icon { flex-basis:32px; width:32px; height:30px; border-radius:7px; }
  body #sr-mobile-app #filters-content .chip.filter-pattern-chip { gap:6px; padding:8px!important; }
  body #sr-mobile-app #filters-content .chip .filter-chip__label { font-size:12px!important; }
}
html[data-radar-ambient-motion="off"] .filter-chip-effects *,
html[data-radar-ambient="off"] .filter-chip-effects *,
html[data-radar-ambient-motion="off"] .filter-chip__effect::before,
html[data-radar-ambient-motion="off"] .filter-chip__effect::after,
html[data-radar-ambient="off"] .filter-chip__effect::before,
html[data-radar-ambient="off"] .filter-chip__effect::after { animation:none!important; }
@media(prefers-reduced-motion:reduce),(update:slow) {
  .filter-chip-effects *,.filter-chip__effect::before,.filter-chip__effect::after { animation:none!important; }
}