.main-article{padding:48px 0 180px}.main-article .article-header{margin:24px 0 48px;display:flex;align-items:center;justify-content:space-between}.article-header .icon-text{display:flex;align-items:center;gap:8px;color:var(--grey)}.article-author-icon{color:var(--light-grey)}.article-header-icon-list{display:flex;align-items:center;gap:24px}.article-header-icon-list .line{align-self:stretch;width:1px;background-color:var(--grey)}.article-share-box{position:absolute;right:0;visibility:hidden;opacity:0;pointer-events:none;transition:all .3s;top:100%;background-color:var(--white);padding:12px 24px;border-radius:4px}.article-share:hover .article-share-box{visibility:visible;opacity:1;pointer-events:auto}.article-share-list{display:flex;flex-direction:column;gap:12px}.article-share-box a{color:var(--black)}.article-share{position:relative;cursor:pointer}.article-main{display:flex;gap:24px}.article-layout-card{background-color:#ffffff14;padding:48px;border-radius:8px}.article-navigation{margin-top:24px;display:flex;gap:24px}.article-navigation .article-link{flex:1;flex-shrink:0;padding:24px;display:flex;align-items:flex-start;flex-direction:column;background-color:var(--white-8)}.article-navigation .article-link h4{margin:8px 0 24px}.article-navigation .article-link a{gap:10px;align-self:stretch;margin-top:auto}.article-link span{padding:4px 8px;border-radius:4px;background-color:var(--blue)}.article-link h3{margin:8px 0 24px}.article-navigation .blog-link{width:26%;padding:24px;background-color:var(--white-8);display:flex;align-items:center;justify-content:center;text-align:center}.blog-link a{padding:12px 24px;border-radius:8px;color:var(--blue);border:1px solid var(--blue);transition:all .3s}.blog-link a:hover,.blog-link a:active{border:1px solid var(--white);background-color:var(--white)}.tags-asdie-list{margin-top:24px;display:flex;gap:12px;row-gap:24px;flex-wrap:wrap}.tags-asdie-list a{padding:12px 24px;border-radius:8px;border:1px solid var(--white);color:var(--white);transition:all .3s}.tags-asdie-list a:hover,.tags-asdie-list a:active{border:1px solid var(--blue);background-color:var(--blue)}.article-anchors{display:flex;gap:24px;row-gap:12px;flex-wrap:wrap;margin-bottom:60px}.blog-comment-form-wrapper{margin-top:48px}.article-comments-bottom{margin-top:48px;padding-top:48px;border-top:1px solid var(--white-18)}.article-comments-wrapper{width:calc(72% - 24px)}.article-comments-wrapper h2{margin-bottom:24px}.blog-post-comments__form{grid-template-columns:repeat(3,1fr);gap:24px}.blog-post-comments__form-moderated{margin:12px 0 24px}.blog-post-comments__form-input{padding:12px;border:1px solid var(--grey);box-shadow:unset;background-color:unset}.blog-post-comments__form-input::placeholder{color:var(--grey)}.blog-post-comment__content{margin-top:24px;margin-left:48px}.blog-post-comment__author{display:flex;align-items:center;gap:8px}.blog-post-comment__author span{line-height:1}.blog-post-comment__author-name{color:var(--light-grey)}.blog-post-comment__date{color:var(--grey)}.article-aside{display:flex;flex-direction:column;gap:24px}.article-label{display:inline-block;padding:4px 8px;border-radius:4px;background-color:var(--blue);margin-bottom:12px}@media screen and (min-width:1000px){.aside-articles{margin-top:24px}.articles-asdie-list{display:flex;flex-direction:column;gap:28px}.article-content{flex:1;min-width:0}.article-aside{width:28%}.articles-asdie-list a{display:flex;align-items:center;gap:24px}.articles-asdie-list a:hover h3,.articles-asdie-list a:active h3{text-decoration:underline}.articles-asdie-list span{color:var(--black)}.blog-post-comment{margin-top:60px}.blog-post-comment:first-child{margin-top:0}}@media screen and (max-width:1600px){.blog-post-comments__form{grid-template-columns:repeat(2,1fr)}.blog-post-comments__form .field:nth-child(3){grid-column:span 2}.articles-asdie-list span{font-size:32px}.article-layout-card{padding:24px}.article-anchors{margin-bottom:32px}.article-navigation .blog-link{padding:12px}.article-navigation .article-link h4{margin:8px 0 24px}.blog-link a{padding:12px}}@media screen and (max-width:1400px){.main-article .article-header{margin:18px 0 32px}.tags-asdie-list a{padding:8px 12px}.tags-asdie-list{gap:8px}}@media screen and (max-width:1200px){.article-navigation{flex-direction:column}.article-navigation .article-link,.article-navigation .blog-link{width:100%}}@media screen and (max-width:999px){.main-article{padding:48px 0 100px}.aside-articles{margin-top:24px;height:50px}.swiper-action{margin-top:24px;cursor:pointer;display:flex;justify-content:center}.tags-asdie-list a{padding:8px 24px}.article-comments-wrapper{width:100%}.aside-articles.expand{height:max-content}.aside-articles.expand .swiper-wrapper{display:flex;flex-direction:column;gap:12px}.aside-articles.expand .articles-asdie-list .swiper-slide{height:auto!important}.articles-asdie-list .swiper-slide{height:50px!important}.article-main{flex-direction:column-reverse}.article-layout-card{padding:24px}.blog-post-comment:not(:first-of-type){margin-top:24px;padding-top:24px;border-top:1px solid var(--white-18)}.main-article .article-header{flex-direction:column;align-items:stretch}.article-header>div{display:flex;justify-content:space-between}.article-header>div:first-child{padding-bottom:12px;border-bottom:1px solid var(--white-18);margin-bottom:12px}.article-author-icon svg{width:24px;height:auto}}@media screen and (max-width:768px){.article-layout-card{padding:12px}.article-navigation{flex-wrap:wrap}.article-navigation .article-link{width:100%}.blog-post-comments__form{grid-template-columns:1fr;gap:8px}.blog-post-comments__form .field:nth-child(3){grid-column:span 1}.blog-post-comment__content{margin-top:12px}.article-text p{font-size:14px}.article-text h3{margin:48px 0 24px}.article-anchors{flex-direction:column;gap:12px;margin-bottom:48px}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/main-article.css.map */