.topic-filters{scrollbar-width:none;scroll-padding-inline:var(--topic-filter-inline-offset,0);width:100%;padding-block:0 24px;padding-inline:var(--topic-filter-inline-offset,0);gap:8px;list-style:none;display:flex;overflow-x:auto}.topic-filters::-webkit-scrollbar{display:none}.topic-filters__item{flex:none}.topic-filters__pill{--topic-filter-background-color:#fff0;--topic-filter-border-color:#2323231a;--topic-filter-active-border-color:#1d7f75;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--topic-filter-border-color);color:#232323;text-indent:0;white-space:nowrap;background-color:var(--topic-filter-background-color);border-radius:100px;justify-content:center;align-items:center;gap:4px;min-width:max-content;height:32px;padding:8px 16px;line-height:1;transition:background-color .1s cubic-bezier(.4,0,.2,1),border-color .1s cubic-bezier(.4,0,.2,1);display:flex}.topic-filters__pill--active{--topic-filter-background-color:#fff;--topic-filter-border-color:var(--topic-filter-active-border-color)}.topic-filters__pill:focus-visible{--topic-filter-background-color:#fff;--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:#f5f3ed}}