.main-article .article-main{display:flex;align-items:flex-start;justify-content:center;gap:3rem;padding-block-start:48px;padding-block-end:80px}.main-article .article-main .article-main-detail .article-template .article-image{margin-block-end:24px;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:24px}.main-article .article-main .article-comments{margin-block-start:24px}.main-article .article-main .article-comments .comments-form-wrapper{padding-block-start:48px;border-block-start:1px solid #353333}.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:24px}.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_articleAll .breadcrumb-item{font-size:12px;color:var(--sub-color)}.main_articleAll .breadcrumb{padding:12px 0}.main_articleTop_title{margin:0}.main_articleTop{padding-top:64px;padding-bottom:64px;border-bottom:1px solid #353333}.main_articleTop_topSmall{display:flex;gap:24px;align-items:center;justify-content:center;margin-bottom:24px}.main_articleTop_author{color:var(--sub-color)}.main_articleTop_tag{font-weight:700;text-decoration:underline;color:var(--active-color)}.main_articleTop_date{margin-top:24px;display:inline-block}.article_main{max-width:1000px;margin:0 auto}.article_main img{width:100%}.article_main_share{display:flex;gap:12px;border-bottom:1px solid #353333;padding-top:48px;padding-bottom:24px;align-items:center}.article_main_share span{font-weight:700}.article_main_share .list-social{gap:8px}.article_main_share svg{width:18px!important;height:auto}.article_main_share .social-item{background-color:#fff!important;overflow:hidden;border-radius:50%;transition:all .25s}.article_main_share .social-item:hover .icon{animation:unset!important}.article_main_share .social-item svg path{fill:#050000}.article_main_share .social-item:hover{background-color:var(--active-color)!important}.article_main .nav-button{min-height:unset}.article_main .field-line-group{gap:20px}.comments-form-wrapper .mt-2{margin-block-start:12px!important}.comments-form-wrapper .select .select-select,.field .field-input{color:var(--sub-color)!important}.article_main .comment-count{color:var(--sub-color);text-transform:capitalize;padding-block:0!important;padding-inline:0!important}.comments-form-wrapper .mb-3{margin-block-end:32px!important}.comments-form-wrapper .light{opacity:0;margin-block-start:12px;margin-block-end:unset;color:var(--sub-color)}.comments-form-wrapper .comment_button{padding:0;text-transform:uppercase;background-color:unset;outline:none;box-shadow:unset;border:unset;margin-block-start:32px}.comments-form-wrapper .comment_button .my_button_span{min-width:220px}.related_articlesBox_a{text-decoration:unset;display:flex;color:unset}.related_articlesBox{display:flex;color:unset;padding:12px;gap:16px}.related_articlesBox_rightTag{color:var(--active-color);font-weight:700;display:inline-block;margin-bottom:6px;font-size:12px}.related_articlesBox_rightTitle{margin-bottom:6px}.related_articlesBox_rightDate{color:var(--sub-color);font-size:12px;margin-top:6px}.related_articlesBox_rightTitle a{text-decoration:unset!important}.related_articlesBox img{width:100%;border-radius:var(--medium-radius)}.related_articlesBox_img{max-width:128px;width:100%;height:100%;min-width:128px}.related_articlesBox_img img{width:100%;height:100%;object-fit:cover}.related_articles_swiper,.related_articles_box{width:100%}.related_articles_swiper .swiper-slide{width:100%!important}.related_articles_swiper .swiper_slide{width:100%;align-items:center;display:flex;justify-content:space-between}.article_main .swiper_pagination{position:static;width:min-content;margin:32px auto 0}.article_main .swiper_pagination .swiper-pagination-bullet{margin:0 3px}@media screen and (max-width: 999px){.article_main .article-template{font-size:14px}.article_main .rte>*:is(p){margin-block-end:24px}.article_main .article-template h3{font-size:16px;margin-bottom:24px}.related_articlesAll{margin-top:64px}.related_articlesTitle{margin-bottom:16px}.related_articles_swiper .swiper_slide{display:unset}.related_articlesBox{display:flex;width:100%;padding:12px}.related_articlesBox_a{display:block;width:100%}.related_articlesBox_left{width:auto}.related_articlesBox_img{min-width:unset}.related_articlesBox_rihgt{width:50%}.comments-form-wrapper .mb-3{flex-direction:column;gap:12px}.article_main .field-line-group{flex-direction:column;gap:16px}.article_main .field-line-group .field{width:100%}.comments-form-wrapper .light,.comments-form-wrapper .mt-2{margin-block-start:16px!important}.main-article .article-main .article-comments .comments-form-wrapper,.article_main_share{padding-top:64px}.main-article .article-main{padding-top:32px;padding-bottom:64px}.article_main_share .list-social{gap:16px}}@media screen and (min-width: 1000px){.article_main .article-template{font-size:16px}.article_main .rte>*:is(p){margin-block-end:24px}.article_main .article-template h3{font-size:24px;margin-bottom:24px}.related_articlesAll{margin-top:48px}.related_articlesTitle{margin-bottom:24px}.related_articlesBox_a{width:calc(50% - 20px)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-main-article.css.map */