@layer components{.filter-chips{flex-wrap:wrap;gap:10px;display:flex}.filter-chips__chip{border:1px solid var(--color-grey-white-80);border-radius:var(--rounded-radius);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-grey-black-10);transition:background-color var(--transition-turbo), border-color var(--transition-turbo), color var(--transition-turbo);background-color:#fff;align-items:center;gap:8px;padding:6px 12px;text-decoration:none;display:inline-flex}.filter-chips__chip:hover:not(.filter-chips__chip--active){border-color:var(--color-first-white-60);color:var(--color-first)}.filter-chips__chip--active{background-color:var(--color-first);border-color:var(--color-first);color:var(--color-first-text)}.filter-chips__dot{background-color:var(--color-grey);border-radius:50%;flex-shrink:0;width:8px;height:8px}.filter-chips__dot--orange{background-color:#f97316}.filter-chips__dot--green{background-color:#22c55e}.filter-chips__dot--blue{background-color:#3d47f5}.filter-chips__dot--red{background-color:#ef4444}.filter-chips__chip--active .filter-chips__dot{background-color:#ffffffbf}.filter-chips__count{min-width:21px;line-height:var(--pill-line-height);background-color:var(--color-first-white-80);font-size:var(--font-size-micro);color:var(--color-grey-black-30);border-radius:999px;justify-content:center;align-items:center;padding-block:3px;padding-inline:8px;display:inline-flex}.filter-chips__count--attention{background-color:var(--color-second);color:var(--color-second-text)}.filter-chips__chip--active .filter-chips__count{color:var(--color-first-text);background-color:#ffffff40}button.filter-chips__chip{font-family:var(--font-family-base);cursor:pointer}button.filter-chips__chip:disabled{cursor:default;opacity:.6}@media (width<768px){.filter-chips{flex-wrap:nowrap;padding-bottom:4px;overflow:auto hidden}.filter-chips__chip{white-space:nowrap}}}