.article-posts--inner{display:block}.featured-blog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.featured-blog-heading .slider-controls{display:inline-flex;align-items:center;gap:.5rem}.featured-blog-heading .slider-controls .button{white-space:nowrap;border-radius:999px;min-height:2.375rem;font-size:var(--text-small);padding:.5rem 1.2rem}.featured-blog-heading .slider-controls .swiper-button{width:2.375rem;height:2.375rem;border:.0625rem solid currentcolor;border-radius:0;background:rgba(var(--heading-color));color:rgba(var(--background-color))}.featured-blog-heading .slider-controls .swiper-button:hover{background:rgba(var(--heading-color));color:rgba(var(--background-color))}.featured-blog-heading .slider-controls .swiper-button:after{font-size:var(--text-small)}.featured-blog-heading .slider-controls .swiper-button.swiper-button-disabled{background:rgba(var(--border-color));color:rgba(var(--background-color));opacity:.6;cursor:not-allowed}.featured-blog-heading .slider-controls .swiper-button.swiper-button-disabled:hover{background:rgba(var(--border-color));color:rgba(var(--background-color))}.article-posts--item{position:relative;overflow:hidden;transition:all .3s ease-in-out}.article-posts--inner .swiper-wrapper{display:flex}.article-posts--inner .swiper-slide{height:auto;position:relative}.article-posts--inner.swiper-initialized .swiper-slide:not(:first-child):before{content:"";position:absolute;left:calc(-1 * var(--grid-gap, 16px) / 2);top:0;bottom:0;width:1px;background-color:rgba(var(--border-color),.4)}.article-posts--inner:not(.swiper-initialized) .swiper-wrapper{gap:var(--grid-gap, 1rem)}.article-posts-width--image .article-posts--item:not(:first-child){border-bottom:.06rem solid rgba(var(--border-color))}.article-posts-width--image .article-posts--item:not(:first-child) .article-posts--image{position:absolute;top:0rem;left:0rem;width:100%;height:100%;display:block;overflow:hidden;transition:all .3s ease-in-out;opacity:0;visibility:hidden}.article-posts-width--image .article-posts--item:is(:hover) .article-posts--image{opacity:1;visibility:visible}.article-posts-width--image .article-posts--item:first-child{grid-area:span 5}.article-posts--image .media-ratio{border-radius:var(--rounded-block)}.article-post-content{padding:.8rem 0rem;position:relative}.article-separator{display:block;width:.06rem;height:1rem;margin:0rem .625rem;background-color:rgba(var(--text-color),.4)}.article-posts-publish{display:flex;flex-wrap:wrap;align-items:center;color:rgba(var(--text-color));margin-bottom:.5rem}.article-posts-description{margin-bottom:1rem}.article-posts--image .effect-image{position:absolute;left:0;top:0;right:0;bottom:0;transform:translate(50%) scaleX(2);opacity:0;filter:blur(10px);transition:all .3s ease-in-out}.article-posts--image .effect-image-hover{transition:all .4s ease;width:100%;height:100%;object-fit:cover}@media screen and (min-width:1025px){.featured-blog-heading{margin-bottom:2rem}.article-posts-width--image .article-posts--item:not(:first-child) .article-post-content{padding:2.5rem}}@media screen and (max-width:1024px){.featured-blog-heading{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/featured-blogs.css.map */