.main-article .banner:before{padding-block-end:28rem}.main-article .banner .banner-content .banner-content-main .text-content-heading{line-height:1}.main-article .banner .banner-content .banner-content-main .article-tags{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-block-start:2rem}.main-article .banner .banner-content .banner-content-main .article-tags a{padding-block:.5rem;padding-inline:1rem;border-radius:9999px;background:rgb(var(--color-foreground),.05);font-size:.75rem;text-decoration:none;color:inherit}.main-article .banner .banner-content .banner-content-bottom{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.main-article .banner .banner-content .banner-content-bottom .article-author{font-size:.875rem}.main-article .banner .banner-content .banner-content-bottom .article-share{display:inline-flex;align-items:center;gap:.5rem}.main-article .banner .banner-content .banner-content-bottom .article-share .list-social{gap:.5rem}.main-article .banner .banner-content .banner-content-bottom .article-share .list-social .social-item{--icon-width: 1.5rem}.main-article .article-main{display:flex;align-items:flex-start;justify-content:center;gap:3rem;padding-block-start:3rem;padding-block-end:3rem}.main-article .article-main .article-main-detail .article-template .article-image{margin-block-end:2rem;border-radius:var(--medium-radius)}.main-article .article-main .article-main-detail .article-template-nav{display:flex;align-items:center;justify-content:space-between;margin-block-start:3rem}.main-article .article-main .article-comments{margin-block-start:2rem}.main-article .article-main .article-comments .comments-form-wrapper{padding-block-start:2rem;border-block-start:1px solid rgba(var(--color-foreground),.1)}.main-article .article-main .article-comments .comments-form-wrapper .comment-count{padding-block:.5rem;padding-inline:1rem;background:rgba(var(--color-foreground),.05);border-radius:9999px}.main-article .article-main .article-comments .comments-list{margin-block-start:2rem}.main-article .article-main .article-comments .comments-list .content-list{list-style:none;padding:0;margin:0}.main-article .article-main .article-comments .comments-list .content-list li{display:flex;align-items:center;gap:2rem;padding-block:1rem;padding-inline:0}.main-article .article-main .article-comments .comments-list .content-list li .avatar{flex:0 0 auto;width:4rem;height:4rem;font-size:2rem;font-weight:var(--font-body-weight-bold);background:rgba(var(--color-foreground),.05);color:rgba(var(--color-foreground),.1);text-transform:uppercase;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center}.main-article .article-main .article-comments .comments-list .content-list li .comment-detail{flex:1 1 auto}.main-article .article-main .article-comments .comments-list .content-list li .comment-detail .comment-header{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;margin-block-end:.5rem}.main-article .article-main .article-comments .comments-list .content-list li:not(:last-child){border-block-end:1px solid rgba(var(--color-foreground),.1)}.main-article .article-main aside>*:not(:last-child){margin-block-end:2rem}.main-article .article-main aside .related-list h3{font-size:1.25rem}.main-article .article-main aside .related-list li:not(:last-child){margin-block-end:1rem}.main-article .article-main aside .advertisement{border-radius:var(--medium-radius)}@media screen and (max-width: 749px){.main-article .banner .banner-content .banner-content-main .text-content-heading{font-size:2rem}.main-article .banner .banner-content .banner-content-bottom{flex-direction:column}.main-article .article-main{flex-direction:column;gap:2rem}.main-article .article-main>*{width:100%}}@media screen and (min-width: 750px){.main-article .article-main .article-main-detail{max-width:60rem;width:100%}.main-article .article-main aside{width:30rem}.main-article .article-main.article--has-aside{justify-content:space-between}.main-article .article-main.aside-position--left .article-main-detail{order:2}}.article-template h1,.article-template h2,.article-template h3,.article-template h4,.article-template h5,.article-template h6{margin-bottom:3rem;font-weight:700;line-height:1.3}.article-template h1{font-size:2.5rem}.article-template h2{font-size:2rem}.article-template h3{font-size:1.75rem}.article-template h4{font-size:1.5rem}.article-template h5{font-size:1.25rem}.article-template h6{font-size:1rem}.article-template p{font-size:1rem;line-height:1.6;margin-top:3rem;margin-bottom:3rem}.article-template a{color:#007bff;text-decoration:none;transition:color .3s}.article-template a:hover{color:#0056b3}.article-template ul,.article-template ol{padding-left:1.5rem;margin-bottom:3rem}.article-template li{font-size:1rem;line-height:1.5;margin-bottom:1rem}.article-template table{width:100%;border-collapse:collapse;margin-bottom:3rem}.article-template th,.article-template td{padding:.75rem;text-align:left;border:1px solid #ddd}.article-template th{background-color:#f4f4f4}.article-template img{max-width:100%;height:auto;display:block;margin:3rem 0}.article-template button{padding:.75rem 1.25rem;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.article-template button:hover{background-color:#0056b3}.article-template input,.article-template textarea{font-size:1rem;padding:.75rem;border:1px solid #ddd;border-radius:5px;width:100%;margin-bottom:3rem}.article-template input:focus,.article-template textarea:focus{border-color:#007bff}@media (max-width: 768px){.article-template{padding:1rem}.article-template h1{font-size:2rem;margin-bottom:3rem}.article-template h2{font-size:1.75rem;margin-bottom:3rem}.article-template h3{font-size:1.5rem;margin-bottom:3rem}.article-template p{font-size:.95rem;margin-top:3rem;margin-bottom:3rem}.article-template ul,.article-template ol{padding-left:1rem;margin-bottom:3rem}.article-template button{width:100%;padding:.75rem}.article-template table{display:block;overflow-x:auto}.article-template img{max-width:100%;margin:3rem 0}}#table-of-contents{background-color:#1a1a1a;padding:25px;border-radius:12px;margin-bottom:30px;box-shadow:0 0 25px #ffffff0d;border:1px solid rgba(255,255,255,.1);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}#table-of-contents h3{font-size:18px;color:#f0f0f0;font-weight:600;margin-top:0;margin-bottom:20px;letter-spacing:.5px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}#toc-list{list-style-type:none;padding-left:0}#toc-list li{margin-bottom:10px}#toc-list a{text-decoration:none;color:silver;font-size:15px;padding-left:10px;border-left:2px solid transparent;transition:all .2s ease-in-out}#toc-list a:hover{color:#fff;border-left-color:#0af;transform:translate(3px)}@media (max-width: 768px){#table-of-contents{padding:20px}#table-of-contents h3{font-size:16px}#toc-list a{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/section-main-article.css.map */