.article-template>*:first-child:not(.article-template__hero-container){margin-top:5rem}@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}.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),.9);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}.article-shell{--page-max: var(--page-width, 1200px);--gutter-inline: clamp(16px, 4vw, 48px);max-width:var(--page-max);margin-inline:auto;padding-inline:var(--gutter-inline)}.article-grid{display:grid;grid-template-columns:2fr 1fr;gap:clamp(16px,3vw,32px);align-items:start}.article-main header{margin-bottom:.75rem}.article-template__content.rte{margin-top:1.25rem}.article-aside{position:relative}.share-card{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px;box-shadow:0 1px 2px #0000000a;background:#afa291}.share-card__title{font-size:.9rem;letter-spacing:.02em;text-transform:uppercase;opacity:.7;margin-bottom:10px}@media (min-width: 991px){.article-aside .share-card{position:sticky;top:96px}}@media (max-width: 990px){.article-grid{grid-template-columns:1fr}.article-aside{order:2}}.article-toc{margin-top:24px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#f9f7f4;overflow:clip}.article-toc__summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.article-toc__summary::-webkit-details-marker{display:none}.article-toc__title{font-size:.92rem;font-weight:600}.article-toc__chevron{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s ease;opacity:.75}.article-toc[open] .article-toc__chevron{transform:rotate(45deg)}.article-toc__list{list-style:none;margin:0;padding:0 16px 6px}.article-toc__item{margin:6px 0;line-height:1.5}.article-toc__item a{text-decoration:none;color:inherit}.article-toc__item.is-current a{font-weight:700;text-decoration:underline}.article-toc__more{display:inline-block;margin:6px 16px 14px;font-size:.85rem;color:#555}@media (hover: hover){.article-toc__item a:hover{text-decoration:underline}}.article-aside .article-toc__title{font-size:1.5rem!important;line-height:1.25}.article-aside .article-toc__more{font-size:1.15rem!important}.article-shell.page-width{max-width:var(--page-width, 1200px);margin-inline:auto;padding-inline:var(--page-gutter, 1.6rem)}.article-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 990px){.article-grid{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}}.article-main,.article-aside{min-width:0}.article-template__hero-container img,.article-template .rte img,.article-template .rte video,.article-template .rte iframe{max-width:100%;height:auto;display:block}.article-template .rte table{max-width:100%;width:100%}.article-template .rte{overflow-wrap:anywhere;word-break:break-word}.article-template__social-sharing,.article-toc{max-width:100%}.article-template .rte iframe[src*="youtube.com"],.article-template .rte iframe[src*="youtu.be"],.article-template .rte iframe[src*="vimeo.com"]{width:100%!important;height:auto;display:block;max-width:100%;border:0;aspect-ratio:16 / 9}.video-responsive{position:relative;width:100%;max-width:100%}.video-responsive:before{content:"";display:block;padding-top:56.25%}.video-responsive>iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.article-template__title{font-size:3.8rem;font-weight:700;line-height:1.3;margin:0}.article-template header{margin-top:3rem;margin-bottom:2rem}@media (max-width: 749px){.article-template__title{font-size:2rem}.article-template header{margin-top:4rem}}.article-template>*:first-child{margin-top:0!important}.article-template header{margin-top:2rem}@media (min-width: 750px){.article-template header{margin-top:3rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-blog-post.css.map */