.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}}.article-posts--image .media-ratio{--media-ratio:140% !important}.article-posts--image .effect-image-hover,.article-posts--image .effect-image{object-position:top center}.article-posts--item .article-posts-title{font-size:1.25rem;line-height:1.3}.blog-detail-hero .article-posts--large .article-post-content{justify-content:center;gap:1.25rem}.blog-detail-hero .article-posts--large .article-post-content .article-posts-title{font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.15;margin:0}.blog-detail-hero .article-social-shares{margin-top:.5rem}.ishifo-article-excerpt{font-size:1rem;line-height:1.6;opacity:.85}.ishifo-article-excerpt p{margin:0}@media screen and (min-width:992px){.blog-detail-hero .article-posts--large{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.article-content .rte h2{font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.2;margin:2rem 0 .75rem}.article-content .rte h3{font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.25;margin:1.5rem 0 .5rem}.article-content .rte p,.article-content .rte li{font-size:1rem;line-height:1.7}@media screen and (max-width:767px){.main-article-page .blog-detail-hero{padding-block:0}.main-article-page .blog-detail-hero>.page--width{padding-inline:0}.main-article-page .blog-detail-hero .article-posts--image .media-ratio{border-radius:0}.main-article-page .blog-detail-hero .article-posts--large .article-post-content{padding:1.25rem 1.25rem 1.5rem;gap:.75rem}.main-article-page .blog-detail-hero .article-posts--large .article-post-content .article-posts-title{font-size:1.625rem;line-height:1.2}.main-article-page .blog-detail-hero .article-posts-publish{margin-bottom:0}.main-article-page .article-content{margin-top:1.5rem}.main-article-page .article-content .rte h2{font-size:1.5rem;margin:1.75rem 0 .5rem}.main-article-page .article-content .rte h3{font-size:1.2rem;margin:1.25rem 0 .4rem}.article-content .rte table{display:block;overflow-x:auto;font-size:.875rem}.article-content .rte th,.article-content .rte td{padding:.5rem .6rem}.section-related-post .flex.align-items-center{justify-content:space-between;gap:1rem}.section-related-post .section-title{font-size:1.5rem}.section-related-post .article-posts--item .article-post-content .article-posts-title,.main-blog-page .article-posts--item .article-post-content .article-posts-title{font-size:1.05rem;line-height:1.3}.section-related-post .article-posts--item .article-post-content,.main-blog-page .article-posts--item .article-post-content{padding:.75rem 0 0}.main-blog-page .article-posts--large .article-post-content .article-posts-title{font-size:1.625rem;line-height:1.2}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/blog.css.map */