.main-blog__posts{position:relative;width:100%}.main-blog__posts .loading-overlay{top:0;right:0;bottom:0;left:0;z-index:8;display:none;width:100%;padding:0 5rem;background-color:rgba(var(--color-background),.7)}.main-blog__posts.loading>.loading-overlay{display:block}.main-blog__posts.loading>.loading-overlay .loading-overlay__spinner{top:12rem}.main-blog__posts.loading>.loading-overlay .loading-overlay__spinner--not-found{top:1.2rem}.main-blog__empty{margin:0;color:rgb(var(--color-foreground-secondary))}.main-blog__list{width:100%;display:grid;grid-template-columns:repeat(1,1fr);gap:1.6rem;padding:0;margin:0;list-style:none}@media screen and (min-width:576px){.main-blog__list--2-items,.main-blog__list--3-items,.main-blog__list--4-items{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.main-blog__list--3-items,.main-blog__list--4-items{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1200px){.main-blog__list--4-items{grid-template-columns:repeat(4,1fr)}}.main-blog__card{display:flex}.main-blog-tag-filter{display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem;margin-bottom:2.4rem;width:100%}.main-blog-tag-filter__items{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem 1.2rem}.main-blog-tag-filter__link{display:flex;align-items:center;gap:.8rem;text-decoration:none;overflow:hidden;min-height:3.8rem;min-width:3.8rem;padding:.4rem 1.2rem;margin:0;border-radius:min(var(--border-radius-button),.8rem);border:.1rem solid rgba(var(--color-foreground),.2);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:background-color var(--duration-default) ease-in-out,border-color var(--duration-default) ease-in-out,color var(--duration-default) ease-in-out}.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));border-color:.1rem solid rgb(var(--color-foreground))}.main-blog-tag-filter__link.active .icon-reset{display:block}.main-blog-tag-filter__link .icon-reset{display:none;width:1.2rem;height:1.2rem;color:inherit;pointer-events:none}@media(hover:hover){.main-blog-tag-filter__link:not(.active):hover{border:.1rem solid rgb(var(--color-foreground))}}.featured-post-group-outer{overflow:visible;position:relative;background:transparent;margin-bottom:5.6rem}.featured-post-group-outer:hover .main-blog__slider-media-item{transform:scale(1.03)}.featured-post-group .main-blog__slider-slide.border-radius,.featured-post-group .main-blog__slider-media-item.main-blog__slider-slide.border-radius,.featured-post-group .main-blog__slider-slide.border-radius .card-overlay-link,.featured-post-group .main-blog__slider-media-item.main-blog__slider-slide.border-radius .card-overlay-link{border-radius:var(--border-radius-block)}.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 .featured-post-group-wrapper{position:relative;background:transparent;width:100%}.featured-post-group .featured-post-group-wrapper .slideshow-slider-wrapper{width:100%;box-sizing:border-box}.featured-post-group .main-blog__slider-slide{width:100%;flex-shrink:0;position:relative;height:auto;display:flex;overflow:hidden;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%}.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;justify-content:space-between;gap:10rem;padding-top:4.8rem;padding-bottom:4.8rem;width:100%;height:auto;position:relative;z-index:4;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}.featured-post-group .main-blog__slider-content .featured-blog-post__bottom-content{max-width:62rem;display:flex;flex-direction:column;gap:1.2rem;margin-top:auto}.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--left .featured-blog-post__bottom-content{align-items:flex-start}.featured-post-group .main-blog__slider-content.align-horizontal--left .main-blog__slider-content__tags{justify-content: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--center .featured-blog-post__bottom-content{align-items:center}.featured-post-group .main-blog__slider-content.align-horizontal--center .main-blog__slider-content__tags{justify-content: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-horizontal--right .featured-blog-post__bottom-content{align-items:flex-end}.featured-post-group .main-blog__slider-content.align-horizontal--right .main-blog__slider-content__tags{justify-content:flex-end}.featured-post-group .main-blog__slider-content__tags{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.featured-post-group .main-blog__slider-content__tag{position:relative;z-index:5}.featured-post-group .main-blog__slider-content__tag-placeholder,.featured-post-group .main-blog__slider-content__tag .hover-underlined-link{color:rgb(var(--color-foreground-secondary));padding:.2rem .5rem;background-color:rgb(var(--color-background));border-radius:var(--border-radius-badge);transition:all var(--duration-default)}.featured-post-group .main-blog__slider-content__tag .hover-underlined-link:hover{background-size:0;color:rgb(var(--color-foreground-secondary),.6);background-color:rgb(var(--color-background),.6)}.featured-post-group .main-blog__slider-content__divider{border-left:1px solid rgba(var(--color-foreground),.6);height:.8rem}.featured-post-group .main-blog__slider-content__author-date-wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;z-index:2}.featured-post-group .main-blog__slider-content__author-date-wrapper .main-blog__slider-content__divider{height:1.4rem;border-left:1px solid rgba(var(--color-foreground),.4)}.featured-post-group .main-blog__slider-content__author,.featured-post-group .main-blog__slider-content__date{color:rgba(var(--color-foreground),.6)}.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-date time{color:rgba(var(--color-foreground),.8)}.featured-post-group .main-blog__slider-heading{position:relative;z-index:5;transition:opacity var(--duration-default) ease}.featured-post-group .main-blog__slider-heading:hover{opacity:var(--hover-opacity)}.featured-post-group .main-blog__slider-excerpt{max-width:48rem;color:rgba(var(--color-foreground))}.featured-post-group .main-blog__slider-button{margin-top:1.2rem}.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-image.border-radius{border-radius:var(--border-radius-block)}.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{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;will-change:transform;transition:var(--image-hover-transition)}.featured-post-group .main-blog__slider-media-item.placeholder-svg{width:105%}[dir=rtl] .align-horizontal--right .featured-blog-post__bottom-content{text-align:left}[dir=rtl] .align-horizontal--left .featured-blog-post__bottom-content{text-align:right}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-blog.css.map */