@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--blog-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--blog-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--blog-ink: #0a0a0a;--blog-text: #1f2937;--blog-paper: #ffffff;--blog-muted: #6b7280;--blog-subtle: #9ca3af;--blog-rule: rgba(10, 10, 10, .08);--blog-rule-strong: rgba(10, 10, 10, .15);--blog-surface: #f9fafb;--blog-accent: #2563eb;--blog-accent-soft: rgba(37, 99, 235, .08)}.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:110rem;margin:0 auto;padding:0 1.5rem}.article-template__hero-small,.article-template__hero-medium,.article-template__hero-large,.article-template__hero-adapt{border-radius:12px;overflow:hidden}.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:5rem;margin-bottom:4rem;text-align:left;position:relative;max-width:75rem;padding:0 2rem;margin-left:auto;margin-right:auto}@media screen and (min-width:750px){.article-template header{margin-top:6rem}}.article-template header:before{content:"/ GUIDE";display:inline-block;font-family:var(--blog-mono);font-size:1.2rem;letter-spacing:.05em;font-weight:500;color:var(--blog-accent);margin-bottom:2.5rem;padding:.6rem 1.2rem;background:var(--blog-accent-soft);border-radius:6px}.article-template__title{font-family:var(--blog-font);font-size:clamp(3.2rem,5vw,5.6rem);line-height:1.1;letter-spacing:-.03em;font-weight:700;color:var(--blog-ink);margin:0}.article-template__title:not(:only-child){margin-bottom:2.5rem}.article-template header .circle-divider,.article-template header .caption-with-letter-spacing{font-family:var(--blog-font);font-size:1.4rem;letter-spacing:0;text-transform:none;color:var(--blog-muted);font-weight:500;display:inline-flex;align-items:center}.article-template header .circle-divider:after{content:"";display:inline-block;width:4px;height:4px;background:var(--blog-subtle);border-radius:50%;margin:0 1.2rem;vertical-align:middle}.article-template header .circle-divider:last-of-type:after{display:none}.article-template header:after{content:"";display:block;width:100%;height:1px;background:var(--blog-rule);margin-top:3rem}.article-template__content{margin-top:4rem;margin-bottom:4rem;font-family:var(--blog-font);font-size:1.8rem;line-height:1.75;color:var(--blog-text);font-weight:400;max-width:75rem;padding:0 2rem;counter-reset:section}.article-template__content p{margin:0 0 1.8rem}.article-template__content h2{font-family:var(--blog-font);font-size:2.8rem;line-height:1.25;letter-spacing:-.02em;font-weight:700;color:var(--blog-ink);margin:5rem 0 1.5rem;padding-top:3rem;border-top:1px solid var(--blog-rule);position:relative}.article-template__content h2:before{counter-increment:section;content:"#" counter(section);display:inline-block;font-family:var(--blog-mono);font-size:1.2rem;letter-spacing:0;font-weight:500;color:var(--blog-accent);margin-bottom:1rem;padding:.4rem .9rem;background:var(--blog-accent-soft);border-radius:4px;margin-right:0}.article-template__content h2{display:block}.article-template__content h2:before{display:block;width:fit-content;margin-bottom:1.2rem}.article-template__content h3{font-family:var(--blog-font);font-size:2rem;line-height:1.35;font-weight:600;color:var(--blog-ink);margin:3rem 0 1rem;letter-spacing:-.01em}.article-template__content h4{font-family:var(--blog-font);font-size:1.7rem;line-height:1.4;font-weight:600;color:var(--blog-ink);margin:2.5rem 0 1rem}.article-template__content a{color:var(--blog-accent);text-decoration:none;font-weight:500;border-bottom:1px solid var(--blog-accent-soft);padding-bottom:1px;transition:border-color .2s ease,background .2s ease}.article-template__content a:hover{border-bottom-color:var(--blog-accent);background:var(--blog-accent-soft)}.article-template__content strong,.article-template__content b{font-weight:600;color:var(--blog-ink)}.article-template__content em,.article-template__content i{font-style:italic}.article-template__content ul,.article-template__content ol{margin:1.8rem 0;padding-left:0}.article-template__content ul{list-style:none}.article-template__content ul li{position:relative;padding-left:2.4rem;margin-bottom:1rem;line-height:1.65}.article-template__content ul li:before{content:"";position:absolute;left:.4rem;top:1.1rem;width:6px;height:6px;background:var(--blog-accent);border-radius:50%}.article-template__content ol{list-style:none;counter-reset:list-counter}.article-template__content ol li{position:relative;padding-left:3.2rem;margin-bottom:1rem;line-height:1.65;counter-increment:list-counter}.article-template__content ol li:before{content:counter(list-counter);position:absolute;left:0;top:.2rem;font-family:var(--blog-mono);font-size:1.3rem;font-weight:600;color:var(--blog-accent);background:var(--blog-accent-soft);width:2.4rem;height:2.4rem;border-radius:4px;display:flex;align-items:center;justify-content:center}.article-template__content blockquote{font-family:var(--blog-font);font-size:1.9rem;line-height:1.6;font-style:normal;font-weight:500;color:var(--blog-ink);border:none;border-left:3px solid var(--blog-accent);background:var(--blog-surface);padding:2rem 2.5rem;margin:3rem 0;border-radius:0 8px 8px 0}.article-template__content blockquote p{margin:0}.article-template__content table{width:100%;border-collapse:collapse;margin:2.5rem 0;font-family:var(--blog-font);font-size:1.5rem;line-height:1.5;border:1px solid var(--blog-rule);border-radius:8px;overflow:hidden}.article-template__content table th{text-align:left;font-weight:600;font-size:1.3rem;letter-spacing:0;text-transform:none;color:var(--blog-ink);padding:1.2rem 1.5rem;background:var(--blog-surface);border-bottom:1px solid var(--blog-rule)}.article-template__content table td{padding:1.2rem 1.5rem;border-bottom:1px solid var(--blog-rule);vertical-align:top;color:var(--blog-text)}.article-template__content table tr:last-child td{border-bottom:none}.article-template__content table tr:hover td{background:var(--blog-surface)}.article-template__content img{width:100%;height:auto;margin:2.5rem 0;border-radius:12px;border:1px solid var(--blog-rule)}.article-template__content hr{border:none;height:1px;background:var(--blog-rule);margin:4rem 0}.article-template__content code{font-family:var(--blog-mono);font-size:.88em;background:var(--blog-surface);color:var(--blog-ink);padding:.2em .5em;border-radius:4px;font-weight:500;border:1px solid var(--blog-rule)}.article-template__content pre{background:var(--blog-ink);color:#f9fafb;padding:2rem;border-radius:8px;overflow-x:auto;margin:2.5rem 0;font-family:var(--blog-mono);font-size:1.4rem;line-height:1.6}.article-template__content pre code{background:transparent;color:inherit;padding:0;border:none;font-size:inherit}.article-template__social-sharing{margin-top:4rem;padding:2.5rem 2rem 0;max-width:75rem;margin-left:auto;margin-right:auto;border-top:1px solid var(--blog-rule)}.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:1.5rem}.article-template__back{max-width:75rem;margin-left:auto;margin-right:auto;padding:0 2rem;text-align:left!important}.article-template__back.center{text-align:center!important}.article-template__link{font-family:var(--blog-font);font-size:1.4rem;letter-spacing:0;text-transform:none;font-weight:600;color:var(--blog-ink);padding:1.2rem 2rem;background:var(--blog-paper);border:1px solid var(--blog-rule-strong);border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:.8rem;transition:all .2s ease}.article-template__link:hover{background:var(--blog-surface);border-color:var(--blog-ink);transform:translate(-2px)}.article-template__link .icon-wrap{display:flex;margin-right:0;transform:rotate(180deg)}.article-template__back:last-child{margin-bottom:6rem;margin-top:5rem}.article-template__comment-wrapper{margin-top:6rem;padding:5rem 0;background:var(--blog-surface);border-top:1px solid var(--blog-rule)}@media screen and (min-width:750px){.article-template__comment-wrapper{margin-top:7rem;padding:6rem 0}}.article-template__comment-wrapper h2{font-family:var(--blog-font);font-size:2.4rem;font-weight:700;letter-spacing:-.02em;color:var(--blog-ink);margin-top:0;margin-bottom:2.5rem}.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:var(--blog-text);background-color:var(--blog-paper);margin-bottom:1.5rem;padding:2rem 2.5rem;border:1px solid var(--blog-rule);border-radius:8px;font-family:var(--blog-font);font-size:1.5rem;line-height:1.6}.article-template__comments-comment p{margin:0 0 1rem}.article-template__comments-comment footer{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--blog-rule);font-size:1.3rem;color:var(--blog-muted);font-weight:500}.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;font-size:1.3rem;color:var(--blog-muted)}@media screen and (min-width:990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}@media screen and (max-width:749px){.article-template__hero-container{padding:0}.article-template__hero-small,.article-template__hero-medium,.article-template__hero-large{border-radius:0}.article-template header{margin-top:3rem;margin-bottom:3rem;padding:0 1.5rem}.article-template header:before{font-size:1.1rem;margin-bottom:1.8rem;padding:.5rem 1rem}.article-template__title{font-size:3.2rem;line-height:1.15}.article-template__content{font-size:1.65rem;line-height:1.7;padding:0 1.5rem;margin-top:3rem}.article-template__content h2{font-size:2.4rem;margin-top:4rem;padding-top:2rem}.article-template__content h3{font-size:1.8rem}.article-template__content h4{font-size:1.6rem}.article-template__content blockquote{font-size:1.7rem;padding:1.5rem 1.8rem;margin:2rem 0}.article-template__content table{font-size:1.4rem}.article-template__content table th,.article-template__content table td{padding:1rem 1.2rem}.article-template__back{padding:0 1.5rem}.article-template__back:last-child{margin-top:3rem;margin-bottom:4rem}}@media print{.article-template__back,.article-template__social-sharing,.article-template__comment-wrapper{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-blog-post.css.map */