.blog-detail-hero{padding-block:2rem}.article-posts--inner{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem}.article-posts--item{position:relative;overflow:hidden;transition:all .3s ease-in-out}.article-posts-width--image .article-posts--item:not(:first-child){border-bottom:.063rem solid rgba(var(--border-color))}.article-posts-width--image .article-posts--item:not(:first-child) .article-posts--image{position:absolute;top:0;left:0;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-width--image .article-posts--item:not(:first-child) .article-post-content{padding:1.625rem}.article-posts--image .media-ratio{border-radius:var(--rounded-block)}.article-post-content{padding:1.3rem 1.3rem 1.3rem 0rem;position:relative}.article-post-content .article-posts-title{line-height:1.4}.article-separator{display:block;width:.063rem;height:1rem;margin:0rem .625rem;background-color:rgba(var(--text-color))}.article-posts-publish{display:flex;align-items:center;flex-wrap:wrap;color:rgba(var(--text-color));margin-bottom:.5rem}.article-posts-description{margin-bottom:1rem}.article-posts-share{margin-top:.75rem}.blog-featured-header{position:absolute;top:0rem;left:0rem;right:0rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;max-width:100%;z-index:2;padding:3rem 0rem;margin:0 auto}.blog-featured-header>.page--width{max-height:100%;overflow-y:auto}.blog-featured-image:before{content:"";position:absolute;top:0rem;left:0rem;width:100%;height:100%;background:rgb(var(--background-color-overlay) / var(--overlay-color-opacity));z-index:1}.blog-title-section .blog-page-title{text-align:center;margin:0}.article-posts--large{max-width:81.25rem;margin:0rem auto}.main-blog-page .article-posts--large{padding-bottom:3rem}.article-posts--large .article-post-content{display:flex;flex-direction:column}.blog-detail-hero .article-posts--large .article-post-content{background-color:rgb(var(--background-color));padding:2rem 3rem}.article-posts--large .article-post-content .article-posts-title{font-size:3.2rem}.blog-detail-hero .article-posts-publish{margin-top:1rem;margin-bottom:.5rem}.blog-detail-hero .article-social-shares{margin-top:.75rem}.article-social-shares{margin-top:auto}.blog-tab-wrapper{border:0;margin-bottom:2rem}.blog-tabs{padding:.875rem 0rem}.blog-tabs a{display:inline-flex;font-size:var(--text-small);padding:.313rem .938rem;align-items:center;margin:0rem .125rem .125rem 0rem;line-height:1;color:rgb(var(--text-color));position:relative}.blog-tabs a:before{content:"";display:block;width:.5rem;height:.5rem;background:currentColor;border-radius:50%;margin-right:.375rem}.blog-tabs a:is(.is-active,:hover){color:rgb(var(--text-color));text-decoration:underline;text-underline-offset:.188rem}.blog-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-gap:var(--grid-gap)}.blog-detail-hero-image{position:absolute;top:0rem;left:0rem;width:100%;height:100%;overflow:hidden}.blog-detail-hero-image:before{content:"";position:absolute;top:0rem;left:0rem;width:100%;height:100%;background:rgb(var(--background-color-overlay) / var(--overlay-color-opacity));z-index:1;-webkit-backdrop-filter:blur(1.875rem);backdrop-filter:blur(1.875rem)}.blog-detail-hero .page--width{position:relative;z-index:1}.article-content{max-width:78.625rem;margin-top:3rem}.article-tags{gap:.438rem}.article-tags a{padding:.4rem 1rem;display:inline-flex;align-items:center;justify-content:center;transition:.3s all;white-space:nowrap;background:rgb(var(--text-color),.1);color:rgb(var(--text-color));border-radius:10rem;text-decoration:none!important}.article-posts--image .effect-image-hover{transition:all .4s ease;width:100%;height:100%;object-fit:cover}.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:hover .effect-image{transform:translate(0) scaleX(1);opacity:1;filter:blur(0)}.article-posts--image:hover .effect-image-hover{transform:translate(-50%) scaleX(2);opacity:0;filter:blur(10px)}.comment-form-head{margin-bottom:1rem}.article-comment-card{background:rgb(var(--text-color),.04);color:rgb(var(text-color));padding:1rem;margin:1rem 0rem}.article-comment-title{color:rgb(var(--text-color))}.comment-button{width:100%;max-width:34.75rem}.article-comment-list li p{margin:0rem}.article-comment-list li{padding:2.5rem 0rem}.article-comment-list li:last-child{padding-bottom:0rem}.article-comment-list li:not(:last-child){border-bottom:.063rem solid rgb(var(--border-color))}.article-meta-wrapper{gap:.5rem;font-style:italic;margin-top:.438rem}.article-social-shares .social-icons--link{background:rgb(var(--background-color));color:rgb(var(--text-color));border-radius:20rem;margin-top:.3rem}.recent-blog-slide .swiper-wrapper{gap:1.5rem}.comment-wrapper .pagination-list{margin-bottom:1rem}.main-article-page .comment-wrapper{margin-top:clamp(1.8rem,3.2vw,2.8rem);padding-top:clamp(1.1rem,2vw,1.8rem);border-top:.063rem solid rgba(var(--border-color),.4)}.main-article-page .comment-form-wrapper{margin-top:clamp(.9rem,1.8vw,1.4rem);padding-bottom:clamp(1.4rem,2.8vw,2.3rem)}@media screen and (min-width:992px){.blog-detail-hero .article-posts--large{grid-gap:0rem}.blog-detail-hero .article-posts--large .article-post-content{padding:2rem 3rem}.blog-featured-header{max-width:70%}.blog-detail-hero{padding-block:3rem}.article-posts--large,.article-posts--large .article-posts--item{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem}.article-posts--large .article-posts--item{grid-area:span 1 / span 2}.blog-grid{--columns: 3}}@media screen and (min-width:1025px){.article-posts--inner{grid-gap:4.375rem}.article-posts--inner:is(.article-posts-width--image){grid-template-columns:repeat(2,1fr);grid-gap:4.375rem}blockquote{padding-inline-start:1.5rem}.comment-form-head{margin-bottom:2rem}.article-comment-card{padding:3rem;margin:2.2rem 0rem}.comment-wrapper .pagination-list{margin-bottom:2.3rem}}@media screen and (max-width:767px){.main-blog-page .article-posts--large{padding-bottom:1rem}.blog-tab-wrapper{margin-bottom:1rem}.blog-tabs a{padding:.313rem .338rem}}.blog-banner-section .blog-featured-heading{font-size:clamp(1.125rem,1.8vw + .56rem,1.69rem)}.main-blog-page .blog-main-title{font-size:clamp(1.05rem,1.2vw + .75rem,1.5rem)}.main-blog-page .article-posts--large .article-post-content .article-posts-title{font-size:clamp(1.43rem,1.65vw + .75rem,1.95rem)}.main-blog-page .blog-grid .article-posts-title{font-size:var(--text-h6)}.main-article-page .article-posts--large .article-post-content .article-posts-title{font-size:clamp(1.58rem,1.95vw + .75rem,2.18rem)}.main-article-page .article-content h3{font-size:clamp(1.1rem,1.1vw + .6rem,1.5rem);font-weight:700}.main-article-page .article-content h4{font-size:clamp(1rem,.9vw + .55rem,1.35rem);font-weight:700}.main-article-page .article-content h5{font-size:clamp(.95rem,.7vw + .5rem,1.2rem);font-weight:700}
/*# sourceMappingURL=/cdn/shop/t/10/assets/blog.css.map */