.article-template>*:first-child:not(.article-template__hero-container){margin-top:5rem}.article-layout{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}.author-image img{width:50px}.article-author-box{display:flex;align-items:center}span.caption-with-letter-spacing.authorbox{display:flex;align-items:center;gap:12px;color:#000;font-weight:800;text-transform:capitalize;font-size:14px}iframe{width:100%;max-width:1000px;aspect-ratio:16/9;border:none;border-radius:24px;display:block;margin:auto;box-shadow:0 10px 30px #00000026}@media(max-width:768px){iframe{border-radius:16px}}.sticky-toc{position:sticky;top:100px;background:#f8f8f8;padding:24px;border-radius:12px;max-height:calc(100vh - 120px);overflow-y:auto;width:320px;left:50px}.sticky-toc h2{margin-bottom:16px;font-size:22px;color:#000}.sticky-toc ul{list-style:none;padding:0;margin:0}.sticky-toc li{margin-bottom:10px}.sticky-toc .toc-h3{padding-left:18px}.sticky-toc a{text-decoration:none;color:#222;line-height:1.5;transition:.3s}.sticky-toc a:hover{color:#777}@media screen and (max-width:990px){.article-layout{grid-template-columns:1fr}.sticky-toc{position:relative;top:0;max-height:unset}}.article-toc h2{margin-bottom:15px;font-size:22px}.article-toc ul{list-style:none;padding:0;margin:0}.article-toc li{margin-bottom:10px}.article-toc li.toc-h3{padding-left:20px}.article-toc a{text-decoration:none;color:#222;transition:.3s}.article-toc a:hover{color:#777}@media screen and (min-width:750px){.article-template>*:first-child:not(.article-template__hero-container){margin-top:calc(5rem + var(--page-width-margin))}}.article-template__hero-container{max-width:130rem;margin:0 auto}.article-template__hero-small{height:11rem}.article-template__hero-medium{height:22rem}.article-template__hero-large{height:33rem}@media screen and (min-width:750px)and (max-width:989px){.article-template__hero-small{height:22rem}.article-template__hero-medium{height:44rem}.article-template__hero-large{height:66rem}}@media screen and (min-width:990px){.article-template__hero-small{height:27.5rem}.article-template__hero-medium{height:55rem}.article-template__hero-large{height:82.5rem}}.article-template header{margin-top:4.4rem;margin-bottom:2rem;line-height:calc(.8 / var(--font-body-scale))}@media screen and (min-width:750px){.article-template header{margin-top:5rem}}.article-template__title{margin:0}.article-template__title:not(:only-child){margin-bottom:1rem}.article-template__link{font-size:1.8rem;display:flex;justify-content:center;align-items:center;text-decoration:none;width:max-content;margin:auto;text-transform:capitalize}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__content{margin-top:3rem;margin-bottom:3rem}.article-template__social-sharing{margin-top:3rem}.article-template__social-sharing+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 screen and (max-width:600px){.article-template__title{margin:0;font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/section-blog-post.css.map */