body.template-article,html:has(.template-article){scroll-behavior:initial}.article-section{--page-width: 1024px}.article-section .article-hero{overflow:hidden;border-radius:20px;margin-bottom:30px;--color-foreground-heading: #fff;color:#fff}.article-section .article-hero .article-hero__image{width:100%;height:100%;object-fit:cover;animation:2.5s cubic-bezier(.26,.54,.32,1) forwards zoom-fade}.article-section .article-hero .article-hero__content{background:#0000004d;z-index:2}.article-section .article-hero .article-hero__content .section-header__title{font-size:52px}.article-section .article-hero .article-hero__content .date-author-wrap .article__author:before{content:"";width:4px;height:4px;border-radius:100rem;background-color:#fff;margin-inline:8px;display:inline-block;vertical-align:middle}.article-section .article__related .related-articles-title{padding-block:24px}.article-section .article__footer{--grid-desktop-horizontal-spacing: 24px;padding-top:24px}.article-section .article__footer .grid__item{color:var(--color-primary);display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding:15px 24px;border-radius:24px;border:1px solid #e5e7eb}.article-section .article__footer .article__footer-author{display:flex;align-items:center;font-weight:600;gap:16px}.article-section .article__footer .social-sharing__link{display:inline-block;margin:0 12px 0 0;-webkit-text-decoration:none;text-decoration:none}.article-section .article__footer .social-sharing__link:last-child{margin-right:0}.article-section .article__footer .social-sharing .icon{width:30px;height:30px}.article-section .article__footer .social-sharing .icon path{fill:#fff}.article-section .blog__table{border:2px dashed var(--color-border);border-radius:5px;margin-bottom:30px;cursor:pointer}.article-section .blog__table .toc-toggle{gap:10px;padding:10px 24px}.article-section .blog__table .toc-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.article-section .blog__table .nav-toc{overflow:hidden}.article-section .blog__table .toc-toggle.active+.toc-content{grid-template-rows:1fr}.toc-list{padding:0 24px 10px;margin:0;list-style:none}.toc-list .is-collapsed{padding-block:.25em 0}.toc-list a.toc-link{color:currentColor;height:100%}.fixed-toc{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:1000}.toc-toggle-btn{color:var(--color-primary-button-background);border:1px solid var(--color-primary-button-border);background:#fff;border-radius:3px;padding:3px;width:32px;height:32px;line-height:1;margin-left:10px}.fixed-toc .fixed-toc-content{position:absolute;transform:translateY(-50%) translate(-100%);width:300px;background:#fff;z-index:9999;padding:16px;border:1px solid var(--color-primary-button-border);border-radius:0 5px 5px 0;max-height:75vh;transition:transform .3s ease-out;overflow:auto}.fixed-toc.open .fixed-toc-content{transform:translateY(-50%)}.fixed-toc .fixed-toc-content .svg-wrapper{width:12px;height:12px;cursor:pointer;padding:0;border:0;margin:0}.fixed-toc .fixed-toc-content .toc-list{padding:10px 0 0;font-size:clamp(13px,calc(14 / 1024 * 100vw),14px)}.fixed-toc .fixed-toc-content .toc-list .is-collapsed{padding:.25em 0 .25em 16px}
/*# sourceMappingURL=/cdn/shop/t/188/assets/component-article.css.map */