.main-blog{padding-block-end:var(--spacing-xl);padding-block-start:var(--spacing-l)}.main-blog.critical-component-hide{display:block}.main-blog.critical-component-clear{opacity:1}.main-blog__filters{border-bottom:1px solid var(--color-grey100);display:flex;gap:var(--spacing-xl);margin-block-end:var(--spacing-xl);overflow-x:scroll}.main-blog__filter{color:var(--color-grey400);padding-block-end:var(--spacing-xs);position:relative;text-transform:capitalize}.main-blog__filter.main-blog__filter--active{color:var(--color-teal400);font-weight:var(--font-weight-medium)}.main-blog__filter.main-blog__filter--active::before{background-color:var(--color-teal400);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.main-blog__grid{display:grid;grid-gap:var(--spacing-xl);padding-block-end:var(--spacing-m)}@media(min-width: 64em){.main-blog{padding-block-end:var(--spacing-2xl);padding-block-start:var(--spacing-2xl)}.main-blog__filters{gap:var(--spacing-2xl);justify-content:center;margin-block-end:var(--spacing-2xl);overflow-x:initial}.main-blog__grid{grid-gap:var(--spacing-3xl) var(--spacing-l);grid-template-columns:repeat(3, 1fr)}}