.topic-filters{scrollbar-width:none;scroll-padding-inline:var(--topic-filter-inline-offset, 0);overflow-x:auto;display:flex;gap:8px;width:100%;padding-block:0 24px;padding-inline:var(--topic-filter-inline-offset, 0);list-style:none}.topic-filters::-webkit-scrollbar{display:none}.topic-filters__item{flex:0 0 auto}.topic-filters__pill{--topic-filter-background-color:rgb(255 255 255 / 0);--topic-filter-border-color:rgb(35 35 35 / .1);--topic-filter-active-border-color:rgb(29 127 117 / 1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;gap:4px;align-items:center;justify-content:center;min-width:-moz-max-content;min-width:max-content;height:32px;padding:8px 16px;border:1px solid var(--topic-filter-border-color);border-radius:100px;line-height:1;color:#232323;text-indent:0;white-space:nowrap;background-color:var(--topic-filter-background-color);transition:background-color .1s cubic-bezier(.4,0,.2,1),border-color .1s cubic-bezier(.4,0,.2,1)}.topic-filters__pill:focus-visible,.topic-filters__pill--active{--topic-filter-background-color:rgb(255 255 255 / 1);--topic-filter-border-color:var(--topic-filter-active-border-color)}.topic-filters__pill--active{cursor:default}@media (hover:hover){.topic-filters__pill:hover:not(.topic-filters__pill--active){--topic-filter-background-color:rgb(245 243 237 / 1)}}