.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-small{height:11rem}.article-template__hero-medium{height:22rem}.article-template__hero-large{height:33rem}@media screen and (min-width: 750px) and (max-width:1103px){.article-template__hero-small{height:22rem}.article-template__hero-medium{height:44rem}.article-template__hero-large{height:66rem}}@media screen and (min-width: 1104px){.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:7rem}}.article-template__title{margin:0;font-weight:800}.article-template__title:not(:only-child){margin-bottom:3rem}.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),.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: 1104px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__back:last-child{margin-bottom:3.2rem}.article-page-wrapper{display:flex;flex-direction:row;gap:20px}.left-rail{width:280px}@media screen and (max-width:1103px){.left-rail{display:none}}@media screen and (min-width: 1104px){.left-rail{position:sticky;top:4rem;height:max-content;margin-top:7rem}.toc-title{font-weight:600;padding:10px 16px;border-bottom:1px solid #eee;color:#000;margin:0;background-color:#f9f9f9}}.side-content{border:1px solid #eee}.side-content:first-of-type:not(:only-of-type){margin-bottom:20px}#table-of-contents ul{list-style:none;padding:10px;margin:0}#table-of-contents ul li.subheading{margin-left:16px;list-style-type:none}#table-of-contents li{margin:0 -10px}#table-of-contents li:hover{background-color:#f9f9f9}#table-of-contents ul li a{position:relative;display:block;text-decoration:none;color:#333;padding:6px 12px 6px 16px}#table-of-contents ul li a.active{font-weight:700;background-color:#f9f9f9}#table-of-contents ul li a:before{transition:background-color .3s}#table-of-contents ul li a.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#006400;border-radius:2px}#table-of-contents a:hover{text-decoration:underline}#table-of-contents li:first-child{padding-bottom:5px;font-weight:600}.article-content{flex:1;padding:0 20px}.current-article{padding:6px 12px 6px 16px}dfn{background:#0000000d;border-bottom:dashed 1px rgba(0,0,0,.8);padding:0 .1em;cursor:help;font-style:normal;position:relative}dfn:after{content:attr(data-info);display:inline;position:absolute;top:22px;left:50%;transform:translate(-50%);opacity:0;width:230px;max-width:calc(100vw - 20px);font-size:13px;font-weight:700;line-height:1.5em;padding:.5em .8em;background:#000c;color:#fff;pointer-events:none;transition:opacity .25s,top .25s,transform .25s;z-index:1000}dfn:before{content:"";display:block;position:absolute;top:12px;left:50%;transform:translate(-50%);opacity:0;width:0;height:0;border:solid transparent 5px;border-bottom-color:#000c;transition:opacity .25s,top .25s}dfn:hover{z-index:2}dfn:hover:after,dfn:hover:before{opacity:1}dfn:hover:after{top:30px}dfn:hover:before{top:20px}.blog-tags{margin:10px 0 40px;display:flex;flex-wrap:wrap;align-items:center;row-gap:8px}.tag{margin-right:10px;padding:8px 10px;background-color:#f9f9f9;text-decoration:none;color:#000;border-radius:3px;border-left:3px solid gray}.tag-title{margin-right:12px}.tag:hover{box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px}@media only screen and (min-width: 750px){h1,.h1{font-size:calc(var(--font-heading-scale) * 5rem)!important}}.button:hover{background-color:rgba(var(--color-button),.8);transition:background-color .2s}@media screen and (min-width: 750px){.page-width-article{padding:0 9rem}}@media screen and (min-width: 1104px){.page-width-article{max-width:82.6rem;padding:0}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-blog-post.css.map */