.blog-detail-hero{padding-block:3rem}.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}.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}.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}.article-social-shares{margin-top:auto}.blog-tab-wrapper{border-top:.063rem solid rgb(var(--border-color));border-bottom:.063rem solid rgb(var(--border-color));margin-bottom:3rem}.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}@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:5rem}.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){.blog-tabs a{padding:.313rem .338rem}}#MainContent .main-blog-page .article-posts-title,#MainContent .section-related-post .article-posts-title{font-family:var(--text-font-family);font-size:clamp(22px,1.9vw,26px);font-weight:500;line-height:1.35;letter-spacing:-.012em;text-transform:none;text-wrap:pretty;overflow-wrap:anywhere;margin:0 0 12px}#MainContent .main-blog-page .article-posts--large .article-posts-title{font-size:clamp(28px,2.8vw,36px);font-weight:400;line-height:1.25}#MainContent .blog-detail-content .article-posts-title{font-family:var(--text-font-family);font-size:clamp(32px,3.2vw,44px);font-weight:400;line-height:1.18;letter-spacing:-.02em;text-transform:none;text-wrap:pretty;overflow-wrap:anywhere;margin:0 0 24px}#MainContent .blog-detail-content .article-post-content{min-width:0}#MainContent .blog-detail-content .article-content{font-family:var(--text-font-family);font-size:18px;line-height:1.7}#MainContent .blog-detail-content .article-content>.rte,#MainContent .blog-detail-content .comment-wrapper{max-width:68ch;margin-inline:auto}#MainContent .blog-detail-content .article-content>.rte{font-family:var(--text-font-family);font-size:18px;line-height:1.7;letter-spacing:0;overflow-wrap:break-word}#MainContent .blog-detail-content .rte :is(h1,h2,h3,h4,h5,h6),#MainContent .blog-detail-content :is(.comment-form-head h3,.article-comment-title){font-family:var(--text-font-family);font-weight:500;line-height:1.3;letter-spacing:-.012em;text-transform:none;text-wrap:pretty;margin:2em 0 .7em}#MainContent .blog-detail-content .rte :is(h1,h2){font-size:clamp(26px,2.3vw,30px)}#MainContent .blog-detail-content .rte h3,#MainContent .blog-detail-content :is(.comment-form-head h3,.article-comment-title){font-size:clamp(22px,1.9vw,25px)}#MainContent .blog-detail-content .rte :is(h4,h5,h6){font-size:20px}#MainContent .blog-detail-content .rte :is(h1,h2,h3,h4,h5,h6) :is(strong,b){font-weight:inherit}#MainContent .blog-detail-content .rte :is(p,ul,ol){margin-block:0 1.25em}#MainContent .blog-detail-content .rte :is(ul,ol){padding-inline-start:1.3em;margin-inline-start:0;list-style-position:outside}#MainContent .blog-detail-content .rte li+li{margin-top:.4em}#MainContent .blog-detail-content .rte li>:is(ul,ol){margin-block:.5em 0}#MainContent .blog-detail-content .rte blockquote{display:block;font-family:var(--heading-font-family);font-size:clamp(23px,2.1vw,28px);font-style:normal;font-weight:400;line-height:1.45;margin-block:1.8em;padding-inline-start:24px}#MainContent .blog-detail-content .rte blockquote p{font:inherit;margin:0}#MainContent .blog-detail-content .rte blockquote p+p{margin-top:.8em}#MainContent .blog-detail-content .article-tags{font-size:13px;line-height:1.5;margin-bottom:32px}#MainContent .blog-detail-content .article-tags a{white-space:normal}#MainContent :is(.blog-detail-content,.main-blog-page,.section-related-post) .article-posts-publish{font-family:var(--text-font-family);font-size:13px;line-height:1.5;margin-bottom:12px}#MainContent :is(.main-blog-page,.section-related-post) .article-posts-description{font-family:var(--text-font-family);font-size:16px;line-height:1.65}#MainContent .blog-banner-section .blog-featured-heading{font-size:clamp(36px,4vw,52px);line-height:1.12;letter-spacing:-.02em;margin-bottom:16px;text-wrap:balance}#MainContent .blog-banner-section .description{max-width:52ch;margin-inline:auto;font-family:var(--text-font-family);font-size:17px;line-height:1.6}#MainContent .main-blog-page .blog-main-title,#MainContent .section-related-post .section-title{font-size:clamp(28px,2.8vw,36px);line-height:1.2;margin-bottom:24px}@media(max-width:767px){#MainContent .blog-detail-content .article-posts-title{font-size:clamp(28px,7vw,34px);line-height:1.22}#MainContent .blog-detail-hero .article-posts--large .article-post-content{padding:24px 20px}#MainContent .main-blog-page .article-posts--large .article-posts-title{font-size:28px}#MainContent .section-related-post .article-posts-title{font-size:20px}#MainContent .blog-banner-section .blog-featured-heading{font-size:clamp(32px,8vw,40px)}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/blog.css.map */