.main-blog{--gap: .1rem}.main-blog-top-panel{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding-block:2.4rem;width:100%}@media(min-width:750px){.main-blog-top-panel{justify-content:space-between;flex-direction:row;align-items:center;flex-wrap:wrap}}.main-blog-top-panel__total{flex-shrink:0;display:inline-block;font-size:calc(var(--font-button-scale) * 1rem);font-family:var(--font-button-family);font-weight:var(--font-button-weight);font-style:var(--font-button-style);text-transform:var(--font-button-text-transform);letter-spacing:var(--font-button-letter-spacing);line-height:1.5;text-decoration:none;color:rgb(var(--color-foreground-secondary))}.main-blog-posts-container{width:100%;position:relative}.main-blog-posts-container .main-blog-posts-grid-wrapper{overflow:hidden}.main-blog-posts-container .main-blog-posts-grid-wrapper.no--borders{border-bottom:none}.main-blog-posts-container .loading-overlay{top:0;right:0;bottom:0;left:0;z-index:4;display:none;width:100%;padding:0 5rem;background-color:rgba(var(--color-background),.7)}.main-blog-posts-container.loading>.loading-overlay{display:block}.main-blog-posts-container.loading>.loading-overlay .loading-overlay__spinner{top:10rem}.main-blog-posts-container.loading>.loading-overlay .loading-overlay__spinner--not-found{top:50%}.main-blog-posts-empty{text-align:center;padding-block:3.2rem;border-top:.1rem solid rgb(var(--color-border))}@media(min-width:576px){.main-blog-posts-empty{padding-block:4.8rem}}@media(min-width:750px){.main-blog-posts-empty{padding-block:10rem}}.main-blog-posts-grid{width:100%;display:grid;box-sizing:border-box;gap:2.4rem}.main-blog-posts-grid .main-blog-post-card{width:100%;max-width:100%}@media(min-width:750px){.main-blog-posts-grid--2,.main-blog-posts-grid--3,.main-blog-posts-grid--4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.main-blog-posts-grid--3,.main-blog-posts-grid--4{grid-template-columns:repeat(3,1fr)}}@media(min-width:1536px){.main-blog-posts-grid--4{grid-template-columns:repeat(4,1fr)}}.main-blog-posts-grid-wrapper{padding-top:2.4rem}.main-blog-post-card{display:block}.main-blog__tag-filter{display:flex;align-items:center;flex-wrap:wrap;gap:2.4rem;flex-grow:1}.main-blog__tag-filter-label{flex-shrink:0;color:rgb(var(--color-foreground-secondary))}.main-blog__tag-filter-items{display:flex;align-self:center;flex-wrap:wrap;column-gap:2.4rem;row-gap:.8rem}.main-blog__tag-filter-link{display:inline-flex;align-items:center;gap:.8rem;position:relative}.main-blog__tag-filter-link:before{content:"";width:.6rem;min-width:.6rem;height:.6rem;min-height:.6rem;border-radius:var(--border-radius-block-small);background-color:transparent;border:.1rem solid rgb(var(--color-foreground-secondary));transform-origin:center center;transition:scale .35s ease-out .1s}.main-blog__tag-filter-link:after{content:"";width:.6rem;min-width:.6rem;height:.6rem;min-height:.6rem;border-radius:var(--border-radius-block-small);background-color:rgb(var(--color-foreground));position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%) scale(0);transform-origin:center center;transition:transform .35s ease-out}.main-blog__tag-filter-link.active{pointer-events:none}.main-blog__tag-filter-link.active:before{scale:0;transition:scale .35s ease-out}.main-blog__tag-filter-link.active:after{transform:translateY(-50%) scale(1);transition:transform .35s ease-out .1s}.main-blog__tag-filter-link.active .main-blog__tag-filter-link-label:first-child{transform:translateY(-100%)}.main-blog__tag-filter-link.active .main-blog__tag-filter-link-label:last-child{top:0}@media screen and (pointer:fine){.main-blog__tag-filter-link:hover .main-blog__tag-filter-link-label:first-child{transform:translateY(-100%)}.main-blog__tag-filter-link:hover .main-blog__tag-filter-link-label:last-child{top:0}}.main-blog__tag-filter-link-content{display:flex;align-items:center;position:relative;overflow:hidden}.main-blog__tag-filter-link-label{display:flex;align-items:center;overflow-wrap:break-word;transition:color var(--duration-default) ease,transform .35s ease-in-out,top .35s ease-in-out}.main-blog__tag-filter-link-label:first-child{color:rgb(var(--color-foreground-secondary))}.main-blog__tag-filter-link-label:last-child{color:rgb(var(--color-foreground));position:absolute;top:100%;inset-inline-start:0}.main-blog__tag-filter-link-label.body-small{text-decoration:none}.main-blog__tag-filter-link-content .main-blog__tag-filter-link-label{font-size:calc(var(--font-button-scale) * 1rem);font-family:var(--font-button-family);font-weight:var(--font-button-weight);font-style:var(--font-button-style);text-transform:var(--font-button-text-transform);letter-spacing:var(--font-button-letter-spacing);line-height:1.35}.main-blog__tag-filter--center,.main-blog__tag-filter--center .main-blog__tag-filter-items{justify-content:center}.main-blog__tag-filter--right,.main-blog__tag-filter--right .main-blog__tag-filter-items{justify-content:flex-end}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-main-blog.css.map */