.main-blog.critical-component-hide{display:block}.main-blog.critical-component-clear{opacity:1}.main-blog__title{margin-block-end:var(--spacing-m)}.main-blog__grid{margin-block:var(--spacing-xl);row-gap:var(--spacing-xl)}.main-blog__filter{display:flex;justify-content:center;position:relative}.main-blog__filter::after{border-bottom:1px solid var(--color-background-slate-light);bottom:0;content:"";left:0;position:absolute;width:100%}.main-blog__filter-wrapper{display:inline-flex;overflow-x:auto;overflow-y:hidden;padding-block:var(--spacing-l)}.main-blog__filter-link{color:var(--color-slate);margin-inline:var(--spacing-m);position:relative;white-space:nowrap}.main-blog__filter-link.is-active::after{border-bottom:2px solid var(--color-slate);bottom:calc(var(--spacing-l)*-1);content:"";left:0;position:absolute;width:100%}@media(min-width: 64em){.main-blog__grid{column-gap:var(--gutter-desktop);margin-block:var(--spacing-5xl);row-gap:0}.main-blog__filter-wrapper{padding-block:var(--spacing-xl)}.main-blog__filter-wrapper::-webkit-scrollbar{height:4px}.main-blog__filter-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-background-slate-light)}.main-blog__filter-link{margin-inline:calc(var(--spacing-2xs) + var(--spacing-l))}.main-blog__filter-link.is-active::after{bottom:calc(var(--spacing-xl)*-1)}}