.article-template{--article-content-width: 720px;--article-header-width: 800px;--article-wide-width: 1200px;--article-tablet-gutter: 48px;--article-mobile-gutter: 16px;--article-image-radius: 0px;--article-content-image-radius: 0px;--article-body-image-width-desktop: 100%;--article-body-image-width-tablet: 100%;--article-body-image-width-mobile: 100%;--article-progress-height: 4px;--article-accent-color: rgb(var(--color-foreground));padding-top:var(--article-mobile-padding-top, 2.8rem);padding-bottom:var(--article-mobile-padding-bottom, 2.8rem)}.article-template--custom-colors{color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.article-template--custom-colors .article-template__content a,.article-template--custom-colors .article-template__toc a,.article-template--custom-colors .article-template__related-title,.article-template--custom-colors .article-template__link{color:var(--article-accent-color)}.article-template--custom-colors .article-template__comment-wrapper{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.045)}.article-template__progress{position:fixed;z-index:999;top:0;right:0;left:0;height:var(--article-progress-height);background-color:rgba(var(--color-foreground),.14);pointer-events:none}.article-template__progress-value{display:block;width:100%;height:100%;background-color:var(--article-accent-color, rgb(var(--color-foreground)));transform:scaleX(0);transform-origin:left center;will-change:transform}.article-template>*:first-child:not(.article-template__hero-container){margin-top:0}.article-template__hero-container{max-width:130rem;margin:0 auto;overflow:hidden;border-radius:var(--article-image-radius)}@media screen and (max-width:749px){.article-template__hero-container--mobile-content{width:min(var(--article-content-width),calc(100% - var(--article-mobile-gutter) - var(--article-mobile-gutter)));max-width:none}.article-template__hero-container--mobile-wide{max-width:calc(100% - 3rem)}.article-template__hero-container--mobile-full{width:100%;max-width:none}}@media screen and (min-width:750px)and (max-width:989px){.article-template{padding-top:var(--article-tablet-padding-top, 3.6rem);padding-bottom:var(--article-tablet-padding-bottom, 3.6rem)}.article-template__hero-container--content{width:min(var(--article-content-width),calc(100% - var(--article-tablet-gutter) - var(--article-tablet-gutter)));max-width:none}.article-template__hero-container--wide{max-width:min(var(--article-wide-width),calc(100% - 3rem))}.article-template__hero-container--full{width:100%;max-width:none}}@media screen and (min-width:990px){.article-template{padding-top:var(--article-section-padding-top, 4rem);padding-bottom:var(--article-section-padding-bottom, 4rem)}.article-template__hero-container--content{width:min(var(--article-content-width),calc(100% - 10rem));max-width:none}.article-template__hero-container--wide{max-width:min(var(--article-wide-width),calc(100% - 3rem))}.article-template__hero-container--full{width:100%;max-width:none}}.article-template__hero{width:100%}@media screen and (max-width:749px){.article-template__hero--mobile-adapt{height:auto;aspect-ratio:var(--article-image-aspect-ratio)}.article-template__hero--mobile-small{height:11rem}.article-template__hero--mobile-medium{height:22rem}.article-template__hero--mobile-large{height:33rem}}@media screen and (min-width:750px)and (max-width:989px){.article-template__hero--tablet-adapt{height:auto;aspect-ratio:var(--article-image-aspect-ratio)}.article-template__hero--tablet-small{height:22rem}.article-template__hero--tablet-medium{height:44rem}.article-template__hero--tablet-large{height:66rem}}@media screen and (min-width:990px){.article-template__hero--desktop-adapt{height:auto;aspect-ratio:var(--article-image-aspect-ratio)}.article-template__hero--desktop-small{height:27.5rem}.article-template__hero--desktop-medium{height:55rem}.article-template__hero--desktop-large{height:82.5rem}}.article-template__header{max-width:calc(var(--article-header-width) + 3rem);margin-top:4.4rem;margin-bottom:2rem;line-height:1.15;text-align:left}@media screen and (min-width:750px){.article-template__header{margin-top:5rem}}.article-template__title{margin:0;overflow-wrap:anywhere;text-wrap:balance}.article-template__title:not(:only-child){margin-bottom:1.6rem}.article-template__excerpt{max-width:72rem;margin:0 0 1.8rem;font-size:1.15em;line-height:1.6;color:rgba(var(--color-foreground),.75)}.article-template__meta{display:flex;flex-wrap:wrap;gap:.8rem 1.8rem;align-items:center;color:rgba(var(--color-foreground),.65)}.article-template__tags{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.6rem 0 0;padding:0}.article-template__tags a{display:inline-flex;align-items:center;justify-content:center;min-width:4.8rem;min-height:4.8rem;padding:.8rem 1.4rem;border:1px solid rgba(var(--color-foreground),.18);border-radius:999px;color:inherit;font-size:1.2rem;line-height:1.4;text-decoration:none}.article-template__tags a:hover,.article-template__tags a:focus-visible{border-color:rgba(var(--color-foreground),.5)}.article-template__link{font-size:1.8rem;display:flex;justify-content:center;align-items:center;text-decoration:none}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__content{max-width:calc(var(--article-content-width) + 3rem);margin-top:3rem;margin-bottom:3rem;font-size:1.8rem;line-height:1.75;overflow-wrap:break-word}.article-template__content>:first-child{margin-top:0}.article-template__content>:last-child{margin-bottom:0}.article-template__content h2,.article-template__content h3,.article-template__content h4{line-height:1.25;text-wrap:balance;scroll-margin-top:10rem}.article-template__content h2{margin-top:2.2em;margin-bottom:.7em;font-size:clamp(2.8rem,3.4vw,4rem)}.article-template__content h3{margin-top:1.8em;margin-bottom:.6em;font-size:clamp(2.3rem,2.7vw,3.1rem)}.article-template__content h4{margin-top:1.6em;margin-bottom:.5em;font-size:1.15em}.article-template__content p,.article-template__content ul,.article-template__content ol{margin-top:0;margin-bottom:1.4em}.article-template__content li+li{margin-top:.5em}.article-template__content a{text-underline-offset:.2em}.article-template__content blockquote{margin:2.2em 0;padding:1.2em 1.4em;border-left:.4rem solid rgb(var(--color-foreground));background:rgba(var(--color-foreground),.045);font-size:1.08em;font-style:normal}.article-template__content blockquote>:last-child{margin-bottom:0}.article-template__content img{display:block;max-width:var(--article-body-image-width-mobile);height:auto;margin-top:1em;margin-bottom:1em;border-radius:var(--article-content-image-radius)}.article-template--images-left .article-template__content img{margin-right:auto;margin-left:0}.article-template--images-center .article-template__content img{margin-right:auto;margin-left:auto}.article-template--images-right .article-template__content img{margin-right:0;margin-left:auto}.article-template__content img.blog-image--small{max-width:40%}.article-template__content img.blog-image--medium{max-width:60%}.article-template__content img.blog-image--large{max-width:80%}.article-template__content img.blog-image--full{width:100%;max-width:100%}.article-template__content img.blog-image--left{margin-right:auto;margin-left:0}.article-template__content img.blog-image--center{margin-right:auto;margin-left:auto}.article-template__content img.blog-image--right{margin-right:0;margin-left:auto}@media screen and (min-width:750px)and (max-width:989px){.article-template__content img{max-width:var(--article-body-image-width-tablet)}}@media screen and (min-width:990px){.article-template__content img{max-width:var(--article-body-image-width-desktop)}}.article-template__content iframe,.article-template__content video{max-width:100%}.article-template__content video{height:auto}.article-template__content pre{max-width:100%;overflow-x:auto}.article-template__content table{display:block;max-width:100%;overflow-x:auto;font-size:.9em}.article-template__content th{font-weight:700;text-align:left}.article-template__content hr{margin:3em 0;border:0;border-top:1px solid rgba(var(--color-foreground),.18)}.article-template__social-sharing{max-width:calc(var(--article-content-width) + 3rem);margin-top:3rem}.article-template__toc{max-width:calc(var(--article-content-width) + 3rem);margin-top:3rem;margin-bottom:3rem}.article-template__toc[hidden],.article-template__toc-content[hidden]{display:none}.article-template__toc-inner{overflow:hidden;border:1px solid rgba(var(--color-foreground),.16);border-radius:.8rem;background-color:rgba(var(--color-foreground),.035)}.article-template__toc-heading{margin:0;font-size:1.8rem}.article-template__toc-toggle{display:flex;width:100%;min-height:4.8rem;align-items:center;justify-content:space-between;gap:2rem;padding:1.6rem 2rem;border:0;color:inherit;background:transparent;font:inherit;font-weight:700;text-align:left;cursor:pointer}.article-template__toc-toggle:focus-visible{outline:.2rem solid currentColor;outline-offset:-.4rem}.article-template__toc-icon{width:1rem;height:1rem;flex:0 0 auto;border-right:.2rem solid currentColor;border-bottom:.2rem solid currentColor;transform:translateY(-.2rem) rotate(45deg);transition:transform .18s ease}.article-template__toc.is-open .article-template__toc-icon{transform:translateY(.2rem) rotate(225deg)}.article-template__toc-content{padding:0 2rem 1.8rem}.article-template__toc-list,.article-template__toc-list ol{margin:0;padding-left:2.2rem}.article-template__toc-list ol{margin-top:.7rem}.article-template__toc-list li+li{margin-top:.7rem}.article-template__toc-list a{color:inherit;line-height:1.5;text-decoration-thickness:.1rem;text-underline-offset:.25em}.article-template__toc-item--h3{font-size:.94em}.article-template__related{margin-top:6rem;margin-bottom:3rem}.article-template__related-heading{margin:0 0 2.4rem;font-size:clamp(2.8rem,3.4vw,4rem);line-height:1.2;text-wrap:balance}.article-template__related-grid{display:grid;grid-template-columns:repeat(var(--related-columns-mobile, 1),minmax(0,1fr));gap:1.6rem}.article-template__related-card{min-width:0}.article-template__related-card-link{display:flex;height:100%;overflow:hidden;flex-direction:column;border:1px solid rgba(var(--color-foreground),.16);border-radius:.8rem;color:inherit;background-color:rgb(var(--color-background));text-decoration:none;transition:border-color .18s ease,transform .18s ease}.article-template__related-card-link:hover{border-color:rgba(var(--color-foreground),.5);transform:translateY(-.2rem)}.article-template__related-card-link:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}.article-template__related-media{position:relative;overflow:hidden;aspect-ratio:3 / 2;background-color:rgba(var(--color-foreground),.04)}.article-template__related-media--product{aspect-ratio:1 / 1}.article-template__related-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.article-template__related-card-link:hover .article-template__related-media img{transform:scale(1.025)}.article-template__related-card-content{display:flex;flex:1 1 auto;flex-direction:column;padding:1.8rem}.article-template__related-meta{margin:0 0 .8rem;color:rgba(var(--color-foreground),.65)}.article-template__related-title{margin:0;color:inherit;font-size:2rem;line-height:1.3}.article-template__related-excerpt{margin:1rem 0 0;color:rgba(var(--color-foreground),.72);line-height:1.55}.article-template__related-price{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0 0;color:inherit}.article-template__related-price s{color:rgba(var(--color-foreground),.58)}.article-template__related-placeholder{padding:2rem;border:1px dashed rgba(var(--color-foreground),.32);border-radius:.8rem;background-color:rgba(var(--color-foreground),.035)}@media screen and (min-width:750px)and (max-width:989px){.article-template__related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}}@media screen and (min-width:990px){.article-template__related-grid{grid-template-columns:repeat(var(--related-columns-desktop, 3),minmax(0,1fr));gap:2.4rem}}.article-template__navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;max-width:calc(var(--article-content-width) + 3rem);margin-top:5rem}.article-template__navigation-link{display:flex;flex-direction:column;gap:.6rem;padding:2rem;border:1px solid rgba(var(--color-foreground),.16);color:inherit;text-decoration:none}.article-template__navigation-link:hover{border-color:rgba(var(--color-foreground),.5)}.article-template__navigation-link:focus-visible{border-color:rgba(var(--color-foreground),.5)}.article-template__navigation-link--next{text-align:right}.article-template__navigation-link--next:only-child{grid-column:2}@media screen and (max-width:749px){.article-template__header,.article-template__app-block,.article-template__content,.article-template__toc,.article-template__social-sharing,.article-template__related,.article-template__navigation,.article-template__comments-container{padding-right:var(--article-mobile-gutter);padding-left:var(--article-mobile-gutter)}.article-template__header{max-width:calc(var(--article-header-width) + var(--article-mobile-gutter) + var(--article-mobile-gutter))}.article-template__app-block,.article-template__content,.article-template__toc,.article-template__social-sharing,.article-template__navigation,.article-template__comments-container{max-width:calc(var(--article-content-width) + var(--article-mobile-gutter) + var(--article-mobile-gutter))}.article-template--mobile-center .article-template__header{text-align:center}.article-template--mobile-center .article-template__excerpt{margin-right:auto;margin-left:auto}.article-template--mobile-center .article-template__meta,.article-template--mobile-center .article-template__tags{justify-content:center}.article-template--mobile-body-small .article-template__content{font-size:1.6rem}.article-template--mobile-body-standard .article-template__content{font-size:1.8rem}.article-template--mobile-body-large .article-template__content{font-size:2rem}.article-template__title--mobile-medium{font-size:clamp(2.8rem,8vw,3.4rem)}.article-template__title--mobile-large{font-size:clamp(3.2rem,9vw,4rem)}.article-template__title--mobile-extra-large{font-size:clamp(3.6rem,10vw,4.6rem)}.article-template__navigation{grid-template-columns:1fr}.article-template__navigation-link--next,.article-template__navigation-link--next:only-child{grid-column:1;text-align:left}}@media screen and (min-width:750px)and (max-width:989px){.article-template__header{max-width:calc(var(--article-header-width) + var(--article-tablet-gutter) + var(--article-tablet-gutter));padding-right:var(--article-tablet-gutter);padding-left:var(--article-tablet-gutter)}.article-template__related{padding-right:var(--article-tablet-gutter);padding-left:var(--article-tablet-gutter)}.article-template__app-block,.article-template__content,.article-template__toc,.article-template__social-sharing,.article-template__navigation,.article-template__comments-container{max-width:calc(var(--article-content-width) + var(--article-tablet-gutter) + var(--article-tablet-gutter));padding-right:var(--article-tablet-gutter);padding-left:var(--article-tablet-gutter)}.article-template--tablet-center .article-template__header{text-align:center}.article-template--tablet-center .article-template__excerpt{margin-right:auto;margin-left:auto}.article-template--tablet-center .article-template__meta,.article-template--tablet-center .article-template__tags{justify-content:center}.article-template--tablet-body-small .article-template__content{font-size:1.6rem}.article-template--tablet-body-standard .article-template__content{font-size:1.8rem}.article-template--tablet-body-large .article-template__content{font-size:2rem}.article-template__title--tablet-medium{font-size:clamp(3.2rem,5vw,4.2rem)}.article-template__title--tablet-large{font-size:clamp(3.8rem,6vw,5rem)}.article-template__title--tablet-extra-large{font-size:clamp(4.4rem,7vw,6rem)}}@media screen and (min-width:990px){.article-template__header{max-width:calc(var(--article-header-width) + 10rem)}.article-template__app-block,.article-template__content,.article-template__toc,.article-template__social-sharing,.article-template__navigation,.article-template__comments-container{max-width:calc(var(--article-content-width) + 10rem)}.article-template--center .article-template__header{text-align:center}.article-template--center .article-template__excerpt{margin-right:auto;margin-left:auto}.article-template--center .article-template__meta,.article-template--center .article-template__tags{justify-content:center}.article-template--body-small .article-template__content{font-size:1.6rem}.article-template--body-standard .article-template__content{font-size:1.8rem}.article-template--body-large .article-template__content{font-size:2rem}.article-template__title--medium{font-size:clamp(3rem,4vw,4.6rem)}.article-template__title--large{font-size:clamp(3.6rem,5vw,6rem)}.article-template__title--extra-large{font-size:clamp(4.2rem,6vw,7.6rem)}}.article-template__social-sharing+.article-template__header,.article-template__social-sharing+.article-template__content{margin-top:1.5rem}.article-template__comment-wrapper{margin-top:5rem;padding:2.7rem 0}@media screen and (min-width:750px){.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:5rem}@media screen and (min-width:750px){.article-template__comments{margin-bottom:7rem}}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background));margin-bottom:1.5rem;padding:2rem 2rem 1.5rem}@media screen and (min-width:750px){.article-template__comments-comment{padding:2rem 2.5rem}}.article-template__comments-comment p{margin:0 0 1rem}.article-template__comment-fields>*{margin-bottom:3rem}@media screen and (min-width:750px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem}}.article-template__comment-warning{margin:2rem 0 2.5rem}@media screen and (min-width:990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__back:last-child{margin-bottom:3.2rem}@media(prefers-reduced-motion:reduce){.article-template__toc-icon,.article-template__related-card-link,.article-template__related-media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-blog-post.css.map */