.tag-filter{--tf-accent:var(--brandPrimary,#005995);--tf-accent-dark:var(--brandPrimaryDark,#00375f);--tf-on-accent:var(--brandOnPrimary,#fff);--tf-tint:var(--brandTint,#f2f7fb);--tf-tint-strong:var(--brandTintStrong,#e4eef6);--tf-border:#e0e4e8;--tf-ink:#22272b;--tf-ink-muted:#5e6364;margin:.25rem 0 1.75rem;position:relative}.tag-filter__rail{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:.5rem;list-style:none;margin:0;overflow-x:auto;overscroll-behavior-x:contain;padding:.375rem 0 .625rem;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none}.tag-filter__rail::-webkit-scrollbar{display:none}.tag-filter__item{flex:0 0 auto;scroll-snap-align:start}.tag-filter__chip{align-items:center;background-color:#fff;border:1px solid var(--tf-border);border-radius:999px;color:var(--tf-ink);display:inline-flex;font-family:InterRegular,Helvetica,Arial,sans-serif;font-size:14px;gap:.5rem;line-height:1.25;padding:.5rem .9375rem;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;white-space:nowrap}.tag-filter__chip:hover{background-color:var(--tf-tint);border-color:var(--tf-accent);color:var(--tf-accent-dark)}.tag-filter__chip:focus-visible{outline:2px solid var(--tf-accent);outline-offset:2px}.tag-filter__chip.is-active{background-color:var(--tf-accent);border-color:var(--tf-accent);box-shadow:0 2px 10px #00000029;color:var(--tf-on-accent)}.tag-filter__chip.is-active .tag-filter__count{background-color:#ffffff3d;color:var(--tf-on-accent)}.tag-filter__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-filter__count{background-color:var(--tf-tint-strong);border-radius:999px;color:var(--tf-ink-muted);flex:0 0 auto;font-size:12px;font-weight:600;min-width:1.4em;padding:0 .375em;text-align:center}.tag-filter:after,.tag-filter:before{bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s ease;width:2.5rem;z-index:1}.tag-filter:before{background:linear-gradient(90deg,#fff 20%,#fff0);left:0}.tag-filter:after{background:linear-gradient(270deg,#fff 20%,#fff0);right:0}.tag-filter.has-overflow-end:after,.tag-filter.has-overflow-start:before{opacity:1}@media only screen and (max-width:767px){.tag-filter__chip{max-width:78vw}}@media only screen and (min-width:768px){.tag-filter__rail{flex-wrap:wrap;overflow-x:visible}.tag-filter:after,.tag-filter:before{display:none}}@media (prefers-reduced-motion:reduce){.tag-filter__rail{scroll-behavior:auto}.tag-filter:after,.tag-filter:before,.tag-filter__chip{transition:none}}