.main-blog-posts-container{position:relative;width:100%;margin-top:2.4rem}@media screen and (min-width:750px){.main-blog-posts-container{margin-top:4rem}}.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:1.2rem}.main-blog-posts-grid{width:100%;display:grid;grid-template-rows:auto;column-gap:1.2rem;row-gap:2.4rem}@media(min-width:750px){.main-blog-posts-grid{column-gap:2rem;row-gap:4rem}}.main-blog-posts-grid--2{grid-template-columns:1fr}@media(min-width:750px){.main-blog-posts-grid--2{grid-template-columns:repeat(2,1fr)}}.main-blog-posts-grid--3{grid-template-columns:1fr}@media(min-width:750px){.main-blog-posts-grid--3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1160px){.main-blog-posts-grid--3{grid-template-columns:repeat(3,1fr)}}.main-blog-posts-grid--4{grid-template-columns:1fr}@media(min-width:750px){.main-blog-posts-grid--4{grid-template-columns:repeat(2,1fr)}}@media(min-width:990px){.main-blog-posts-grid--4{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:flex}.main-blog-post-card .article-card.layout--background-within,.main-blog-post-card .article-card.layout--overlay{height:100%}.main-blog-tag-filter{display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem;margin-top:2.4rem;width:100%}.main-blog-tag-filter__items{display:flex;align-items:center;flex-wrap:wrap;column-gap:1.2rem;row-gap:.8rem}.main-blog-tag-filter__link{display:flex;align-items:center;justify-content:center;gap:.8rem;border:.1rem solid rgb(var(--color-foreground),.03);color:rgb(var(--color-foreground-secondary));background-color:rgb(var(--color-background));border-radius:var(--border-radius-badge);padding:.65rem 1.6rem;overflow:hidden;box-shadow:0 2px 2px rgba(var(--color-shadow),.1);transition:border-color var(--duration-default) ease,color var(--duration-default) ease}.main-blog-tag-filter__link:not(.active){cursor:pointer}.main-blog-tag-filter__link.active{color:rgb(var(--color-background));background-color:rgb(var(--color-foreground))}.main-blog-tag-filter__link.active .icon-close{display:block}.main-blog-tag-filter__link .icon-close{display:none}.main-blog-tag-filter__link .icon-close svg{width:.8rem;height:.8rem}@media screen and (pointer:fine){.main-blog-tag-filter__link:not(.active):hover{color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground),.08)}}.main-blog-tag-filter__clear{margin-inline-start:.4rem;opacity:.2;pointer-events:none}.main-blog-tag-filter__clear.active{opacity:1;pointer-events:all}.page-header+.main-blog-posts-container,.block-description+.main-blog-posts-container,.main-blog-tag-filter+.main-blog-posts-container{margin-top:2.4rem}.featured-post-group-outer{margin-top:2.4rem;overflow:visible;position:relative;background:transparent}.featured-post-group-outer .slider-nav-button{opacity:0;display:none}@media(min-width:576px){.featured-post-group-outer .slider-nav-button{display:block}}.featured-post-group-outer .slider-pagination{position:absolute;z-index:3;bottom:2.4rem;display:flex;align-items:center;justify-content:center;width:100%;padding:0 2.4rem}.js .featured-post-group-outer.init-appearance-animation .swiper-slide-active .main-blog__slider-content>*{opacity:1;transform:translateZ(0)}.js .featured-post-group-outer.init-appearance-animation .swiper-slide-active .main-blog__slider-media-item{transform:scale(1.1)}@media screen and (pointer:fine){.featured-post-group-outer:hover .slider-nav-button:not(.swiper-button-disabled),.featured-post-group-outer:hover .slider-nav-button[aria-controls]{opacity:1}}.featured-post-group,.featured-post-group-outer,.featured-post-group-wrapper,.featured-post-group .main-blog__slider-slide,.featured-post-group .main-blog__slider-media-item{border-radius:var(--border-radius-block)}.js .featured-post-group[data-animation-type=creative] .main-blog__slider-content>*{transition-property:opacity,transform;transition-duration:.5s;transition-timing-function:ease-out;transition-delay:.6s;opacity:0;transform:translate3d(0,12px,0);-webkit-transform:translate3d(0,12px,0);will-change:opacity,transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.js .featured-post-group[data-animation-type=creative] .main-blog__slider-content>*:nth-child(1){transition-delay:.3s}.js .featured-post-group[data-animation-type=creative] .main-blog__slider-content>*:nth-child(2){transition-delay:.4s}.js .featured-post-group[data-animation-type=creative] .main-blog__slider-content>*:nth-child(3){transition-delay:.5s}.js .featured-post-group[data-animation-type=creative] .main-blog__slider-media-item{will-change:transform;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;transition-delay:.5s;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.featured-post-group .main-blog__slider-slide{background-color:rgb(var(--color-background));position:relative}.featured-post-group .main-blog__slider-slide:after{content:"";display:block;width:0;padding-bottom:var(--padding-bottom)}.featured-post-group .main-blog__slider-slide>.container{max-width:100%;padding:0!important}.featured-post-group[data-animation-type=creative] .main-blog__slider-slide{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.swiper-initialized .featured-post-group:not(.swiper-slide-active){pointer-events:none}.featured-post-group:not(.swiper-initialized) .featured-post-group-wrapper{width:100%;transform:translateZ(0)}.featured-post-group:not(.swiper-initialized) .main-blog__slider-slide{width:100%;flex-shrink:0}.featured-post-group .featured-post-group-wrapper{position:relative;background:transparent;width:fit-content}.featured-post-group .featured-post-group-wrapper .slideshow-slider-wrapper{width:100%;box-sizing:border-box}.featured-post-group .main-blog__slider-slide{position:relative;height:auto;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;background:transparent}.featured-post-group .main-blog__slider-slide--no-media{background:var(--gradient-background, rgb(var(--color-background)))}.featured-post-group .card-overlay-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;width:100%;height:100%;border-radius:var(--border-radius-block)}.featured-post-group .card-overlay-link:empty{display:block}.featured-post-group .main-blog__slider-content{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding:2.4rem 2.4rem 5.6rem;width:100%;height:100%;position:relative;z-index:4;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(min-width:576px){.featured-post-group .main-blog__slider-content{padding:3.2rem 3.2rem 5.6rem}}@media(min-width:1200px){.featured-post-group .main-blog__slider-content{padding:4.8rem 4.8rem 5.6rem}}.featured-post-group .main-blog__slider-content.align-horizontal--left{text-align:left;align-items:flex-start}.featured-post-group .main-blog__slider-content.align-horizontal--center{text-align:center;align-items:center}.featured-post-group .main-blog__slider-content.align-horizontal--right{text-align:right;align-items:flex-end}.featured-post-group .main-blog__slider-content.align-vertical--top{justify-content:flex-start}.featured-post-group .main-blog__slider-content.align-vertical--center{justify-content:center}.featured-post-group .main-blog__slider-content.align-vertical--bottom{justify-content:flex-end}.featured-post-group .main-blog__slider-content a,.featured-post-group .main-blog__slider-content button,.featured-post-group .main-blog__slider-content .button,.featured-post-group .main-blog__slider-content input{pointer-events:all}.featured-post-group .main-blog__slider-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-bottom:.4rem}.featured-post-group .main-blog__slider-date time{color:rgba(var(--color-foreground),.8)}.featured-post-group .main-blog__slider-tags{display:flex;flex-wrap:wrap;gap:.4rem;padding-inline-end:.2rem;height:fit-content}.featured-post-group .main-blog__slider-tags .main-blog__slider-tag{height:auto;line-height:1;color:rgba(var(--color-foreground),.8)}.featured-post-group .main-blog__slider-tags .main-blog__slider-tag-link{color:rgba(var(--color-foreground),.8);line-height:var(--font-body-line-height);transition:color var(--duration-default) ease-in-out}@media screen and (pointer:fine){.featured-post-group .main-blog__slider-tags .main-blog__slider-tag-link:hover{color:rgba(var(--color-foreground),.6)}}.featured-post-group .main-blog__slider-heading{max-width:50rem}.featured-post-group .main-blog__slider-excerpt{max-width:38rem;color:rgba(var(--color-foreground),.8)}.featured-post-group .main-blog__slider-button{margin-top:1.6rem}.featured-post-group .main-blog__slider-button.button-not-allowed{cursor:not-allowed}.featured-post-group .main-blog__slider-image{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;background-color:var(--color-background)}.featured-post-group .main-blog__slider-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;max-height:100%;background-color:rgb(var(--color-overlay))}.featured-post-group .main-blog__slider-media-item{transform:scale(1);width:100%;height:100%;object-fit:cover;display:block;transition:none}.featured-post-group .main-blog__slider-media-item.placeholder-svg{width:105%}.featured-post-group[data-animation-type=creative] .main-blog__slider-image,.featured-post-group[data-animation-type=creative] .main-blog__slider-overlay{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);isolation:isolate}[dir=rtl] .main-blog__slider-content.align-horizontal--left{align-items:flex-start;text-align:right}[dir=rtl] .main-blog__slider-content.align-horizontal--right{align-items:flex-end;text-align:left}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-main-blog.css.map */