.main-article__wrapper .main-article-header{padding-block:3rem;margin-block-end:3rem}.main-article__wrapper .main-article-header .article-tags{font-weight:500}.main-article__wrapper .main-article-header .article-title{font-size:3rem;margin-block-end:1rem}.main-article__wrapper .main-article-header .article-author{display:inline-flex;align-items:center;gap:.75rem}.main-article__wrapper .main-article-header .article-author .publish-date,.main-article__wrapper .main-article-header .article-author .author-name,.main-article__wrapper .main-article-header .article-author .comments-count{display:flex;align-items:center;gap:.5rem;font-weight:500}.main-article__wrapper .main-article-header .article-author .publish-date .icon,.main-article__wrapper .main-article-header .article-author .author-name .icon,.main-article__wrapper .main-article-header .article-author .comments-count .icon{flex:0 0 auto;width:1.25rem}.main-article__wrapper .main-article-content .article-main-details .article-excerpt{position:relative;padding:1.5rem;margin-block-end:2rem;border:1px solid rgba(var(--color-foreground),.1)}.main-article__wrapper .main-article-content .article-main-details .article-excerpt:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--color-foreground),.02);transform:translate(-1rem,-1rem);pointer-events:none}.main-article__wrapper .main-article-content .article-main-details .article-image{margin-block-end:2rem}.main-article__wrapper .main-article-content .article-main-details .article-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-block:1rem;margin-block-start:2rem}.main-article__wrapper .main-article-content .article-main-details .article-meta .article-share,.main-article__wrapper .main-article-content .article-main-details .article-meta .article-blog{display:flex;align-items:center;gap:.75rem}.main-article__wrapper .main-article-content .article-main-details .article-navs{display:flex;flex-wrap:wrap;gap:1rem;margin-block-start:2rem;padding-block-start:2rem;border-block-start:1px solid rgba(var(--color-foreground),.1)}.main-article__wrapper .main-article-content .article-main-details .article-navs .nav-button .nav-title{display:inline-flex;align-items:center;gap:.5rem;margin-block-end:.5rem}.main-article__wrapper .main-article-content .article-main-details .article-navs .nav-button .nav-title .caret-icon{transition:transform .3s cubic-bezier(0,0,.3,1)}.main-article__wrapper .main-article-content .article-main-details .article-navs .nav-button .nav-article{font-size:.875rem}.main-article__wrapper .main-article-content .article-main-details .article-navs .nav-button.nav-button--next{margin-inline-start:auto;text-align:end}.main-article__wrapper .main-article-content .article-main-details .article-navs .nav-button:hover .caret-icon{transform:translate(calc(-20% * var(--translate-x-direction)))}.main-article__wrapper .main-article-content .article-main-details .article-navs .nav-button:hover.nav-button--next .caret-icon{transform:translate(calc(20% * var(--translate-x-direction)))}.main-article__wrapper .main-article-content .article-main-details .article-comments{margin-block-start:2rem;padding-block-start:2rem;border-block-start:1px solid rgba(var(--color-foreground),.1)}.main-article__wrapper .main-article-content .article-main-details .article-comments .alert-message{margin-block-end:1rem}.main-article__wrapper .main-article-content .article-main-details .article-comments .comment-header{margin-block-end:2rem}.main-article__wrapper .main-article-content .article-main-details .article-comments .comment-notice{margin-block-end:1rem}.main-article__wrapper .main-article-content .article-main-details .article-comments .comments-list{margin-block-start:3rem}.main-article__wrapper .main-article-content .article-main-details .article-comments .comments-list .content-list .comment-item{display:flex;align-items:flex-start;gap:1.5rem;padding-block-end:.75rem;margin-block-end:.75rem}.main-article__wrapper .main-article-content .article-main-details .article-comments .comments-list .content-list .comment-item .comment-avatar{flex:0 0 auto;width:4rem;height:4rem;font-size:2rem;font-weight:500;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__wrapper .main-article-content .article-main-details .article-comments .comments-list .content-list .comment-item .comment-info{flex:1 1 auto}.main-article__wrapper .main-article-content .article-main-details .article-comments .comments-list .content-list .comment-item .comment-info .comment-header{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;margin-block-end:.5rem}.main-article__wrapper .main-article-content .article-main-details .article-comments .comments-list .content-list .comment-item:not(:last-child){border-block-end:1px solid rgba(var(--color-foreground),.1)}.main-article__wrapper .article-asides>*:not(:last-child){padding-block-end:1.25rem;margin-block-end:1.25rem;border-bottom:1px solid rgba(var(--color-foreground),.1)}.main-article__wrapper .article-asides .article-image-text>*:not(:last-child){margin-block-end:.5rem}.main-article__wrapper .article-asides .article-image-text .image-text-image{margin-block-end:1rem}.main-article__wrapper .article-asides .related-results{display:block}.main-article__wrapper .article-asides .related-results .related-title{font-weight:500;margin-block-end:1rem}.main-article__wrapper .article-asides .related-results:not(.blog-related-slider) .related-item:not(:last-child){margin-block-end:.5rem}.blog-related-slider__container{position:relative}.blog-related-slider__wrapper{overflow:hidden;position:relative}.blog-related-slider__list{list-style:none;margin:0;padding:0;display:flex;gap:.5rem;transition:transform .5s ease-in-out;will-change:transform}@media screen and (min-width: 750px){.blog-related-slider__wrapper{overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.blog-related-slider__wrapper::-webkit-scrollbar{width:6px}.blog-related-slider__wrapper::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.05);border-radius:3px}.blog-related-slider__wrapper::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2);border-radius:3px}.blog-related-slider__list{flex-direction:column;overflow:visible}.blog-related-slider__item{flex:0 0 auto;scroll-snap-align:start;margin-block-end:0;width:100%}.blog-related-slider__nav{display:none}}@media screen and (max-width: 749px){.blog-related-slider__list{flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-padding-left:50px;scroll-padding-right:50px}.blog-related-slider__list::-webkit-scrollbar{display:none}.blog-related-slider__item{flex:0 0 calc(50% - .25rem);min-width:calc(50% - .25rem);scroll-snap-align:start;margin-block-end:0}.blog-related-slider__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:0;background:#fffffff2;width:36px;height:36px;border-radius:50%;box-shadow:0 4px 12px #0000001f;cursor:pointer;display:grid;place-items:center;font-size:20px;line-height:1;touch-action:manipulation;transition:background-color .15s}.blog-related-slider__nav:hover{background:#fff}.blog-related-slider__nav:disabled{opacity:.5;cursor:not-allowed}.blog-related-slider__nav--prev{left:6px}.blog-related-slider__nav--next{right:6px}}@media screen and (max-width: 749px){.main-article__wrapper .article-asides{margin-block-start:2rem;padding-block-start:2rem;border-block-start:1px solid rgba(var(--color-foreground),.1)}}@media screen and (min-width: 750px){.main-article__wrapper.has-aside .main-article-content{display:flex;align-items:flex-start;gap:3rem}.main-article__wrapper.has-aside .article-main-details{flex:1 1 auto}.main-article__wrapper.has-aside .article-asides{width:25rem;flex:0 0 auto}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-main-article.css.map */