.blog-articles{background-color:var(--light-color-1)}.blog-articles .filters-wrapper{display:flex;margin-bottom:var(--space-12);overflow-x:auto;padding-bottom:var(--space-4)}.blog-articles .filter{border-radius:var(--border-radius-3);color:var(--dark-color-1);flex:1 0 fit-content;margin-right:var(--space-2);padding:var(--space-2) var(--space-4);text-align:center;text-transform:uppercase}:is(.blog-articles .filter):hover,[active]:is(.blog-articles .filter){background-color:var(--dark-color-1);color:var(--light-color-1)}[active]:is(.blog-articles .filter){cursor:default}.blog-articles .empty-state{text-align:center}