.articles__filter{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.articles__horizontal-scroll{--hsf-color:var(--color-page-background-accent)}.articles__filter-pill{position:relative;inline-size:-moz-fit-content;inline-size:fit-content;padding-block:.5rem;padding-inline:1rem;border-radius:6.25rem;border:.0625rem solid transparent;transition-property:background-color,border-color,color;transition-duration:.2s}@media(hover:hover){.articles__filter-pill:not(.articles__filter-pill--active){transition-duration:.2s;transition-property:background,color;transition-timing-function:ease-out}.articles__filter-pill:hover:not(.articles__filter-pill--active){transition-duration:.2s;background:hsl(var(--hsl-black));color:hsl(var(--hsl-white))}}.articles__filter-pill--active{background-color:hsl(var(--hsl-black));border-color:hsl(var(--hsl-black));color:hsl(var(--hsl-white))}@media print,screen and (min-width:37.5em){.articles__filter{gap:1rem}}