.main-blog{--gap: .1rem}.main-blog .page-header{gap:.2rem}.main-blog .page-header__title{font-weight:500;color:rgb(var(--color-foreground-secondary))}.main-blog .page-header__description{max-width:58.2rem}.main-blog-top-panel{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding-block:1.6rem;gap:1.2rem;width:100%;margin-bottom:5rem;overflow:scroll}.main-blog-top-panel::-webkit-scrollbar{display:none}@media(min-width:750px){.main-blog-top-panel{padding-block:1.9rem;margin-top:2.1rem;margin-bottom:4.9rem;flex-direction:row;align-items:center;flex-wrap:wrap;gap:1.6rem}}.main-blog-top-panel__total{flex-shrink:0;display:inline-block;padding-inline:.8rem;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 .main-blog-posts-grid{margin-bottom:-1px}.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;grid-template-columns:1fr;justify-items:center;column-gap:.2rem;row-gap:3rem}.main-blog-posts-grid .main-blog-post-card{width:100%}@media(min-width:576px){.main-blog-posts-grid--2{justify-items:unset;grid-template-columns:repeat(auto-fit,minmax(calc(50% - .1rem),1fr))}}@media(min-width:576px){.main-blog-posts-grid--3,.main-blog-posts-grid--4{grid-template-columns:repeat(auto-fit,minmax(calc(50% - .1rem),1fr))}}@media(min-width:750px){.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{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.main-blog-posts-grid--4{grid-template-columns:repeat(4,1fr)}}.main-blog-post-card{display:block}.main-blog__tag-filter{display:flex;align-items:center;flex-wrap:wrap;gap:2.4rem;width:100%;min-width:0}.main-blog__tag-filter-label{flex-shrink:0;color:rgb(var(--color-foreground-secondary))}.main-blog__tag-filter-items{display:flex;align-self:center;column-gap:.8rem;row-gap:.8rem;width:100%;overflow-x:auto;overflow-y:hidden;padding-inline-end:3.2rem;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 3.2rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 3.2rem),transparent)}.main-blog__tag-filter-items::-webkit-scrollbar{display:none}@media(min-width:576px){.main-blog__tag-filter-items{flex-wrap:wrap;width:auto;overflow:visible;padding-inline-end:0;-webkit-mask-image:none;mask-image:none}}.main-blog__tag-filter-link{flex-shrink:0;padding:.2rem .8rem;width:max-content;background:no-repeat 0 100%;background-size:0% .1rem;background-image:linear-gradient(currentColor,currentColor);background-position:50% 94%;transition:background-size var(--duration-default) ease-in-out}@media screen and (hover:hover)and (pointer:fine){.main-blog__tag-filter-link:not(.active):hover,.main-blog__tag-filter-link:not(.active):focus-within,.main-blog__tag-filter-link:not(.active):focus{background-size:calc(100% - 1rem) .1rem;background-position:50% 94%}}.main-blog__tag-filter-link.active{background:rgb(var(--color-foreground))}.main-blog__tag-filter-link.active span{color:rgb(var(--color-background));background-position-x:left}.main-blog__tag-filter-link span{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;color:rgb(var(--color-foreground));position:relative;display:inline;overflow-wrap:break-word;text-decoration:none;-webkit-box-decoration-break:clone;box-decoration-break:clone}.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/3/assets/section-main-blog.css.map */