.article-template>*:first-child:not(.article-template__hero-container){margin-top:1rem}.article-template img{border-radius:1rem}@media screen and (min-width:750px){.article-template>*:first-child:not(.article-template__hero-container){margin-top:calc(5rem + var(--page-width-margin))}}.article-template__hero-container{max-width:130rem;margin:0 auto}.article-template__hero-small{height:11rem}.article-template__hero-medium{height:22rem}.article-template__hero-large{height:33rem}@media screen and (min-width:750px)and (max-width:989px){.article-template__hero-small{height:22rem}.article-template__hero-medium{height:44rem}.article-template__hero-large{height:66rem}}@media screen and (min-width:990px){.article-template__hero-small{height:27.5rem}.article-template__hero-medium{height:55rem}.article-template__hero-large{height:82.5rem}}.article-template header{margin-top:4.4rem;margin-bottom:2rem;line-height:calc(.8 / var(--font-body-scale))}@media screen and (min-width:750px){.article-template header{margin-top:5rem}}.article-template__title{margin:0;font-size:24px;line-height:34px;margin-bottom:20px!important}.article-template__title:not(:only-child){margin-bottom:1rem}.article-template__link{font-size:1.8rem;display:flex;justify-content:center;align-items:center;text-decoration:none}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__content{margin-top:3rem;margin-bottom:3rem}.article-template__content iframe{border:none}.article-template__social-sharing{margin-top:3rem}.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:1.5rem}.article-template__comment-wrapper{margin-top:5rem;padding:2.7rem 0}@media screen and (min-width:750px){.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:5rem}@media screen and (min-width:750px){.article-template__comments{margin-bottom:7rem}}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background));margin-bottom:1.5rem;padding:2rem 2rem 1.5rem}@media screen and (min-width:750px){.article-template__comments-comment{padding:2rem 2.5rem}}.article-template__comments-comment p{margin:0 0 1rem}.article-template__comment-fields>*{margin-bottom:3rem}@media screen and (min-width:750px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem}}.article-template__comment-warning{margin:2rem 0 2.5rem}@media screen and (min-width:990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__back:last-child{margin-bottom:3.2rem}.article-template .subtitle{line-height:22px}.article-template__like-box{display:flex;justify-content:center;margin-bottom:40px}.article-template__like-box .like-box{width:60px;height:40px;transition-timing-function:linear;transition-duration:.3s;transition-property:all;border-radius:50px;display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:2px;background:rgba(var(--color-foreground),.1)}.article-template__like-box .like-box svg{width:75%!important;height:75%!important}.article-template__like-box .unlike-svg{margin-right:20px;padding-bottom:0;padding-top:2px}.article-template__date_author-box{display:flex;justify-content:space-between;align-items:center;margin:40px auto 20px}.article-template__date_author-box.video_author-box{padding:20px 0;margin:0 0 20px;border-bottom:1px solid rgba(var(--color-foreground),.07)}.article-template__date_author-box .author{font-size:1.4rem;font-weight:500;color:rgba(var(--color-foreground))}.article-template__date_author-box time{font-size:1.2rem;color:rgba(var(--color-foreground),.5)}.article-template__feedback-mask{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background:#0009;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-end;align-items:flex-end;z-index:1000;overflow:hidden}.article-template__feedback-mask *{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}.article-template__feedback-mask .feedback-modal{width:100%;position:absolute;background:linear-gradient(#fff,#d4d6dd);border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 -2px 10px #0000001a;padding:16px;max-height:90vh;overflow-y:auto;transition:max-height .2s;position:relative;bottom:0;margin:0}.color-scheme-4 .article-template__feedback-mask .feedback-modal{background:linear-gradient(#283239,#1a1f24)}.article-template__feedback-mask .feedback-title{font-weight:700;margin-bottom:28px;text-align:center;padding-top:10px;color:rgba(var(--color-foreground));font-size:1.6rem}.article-template__feedback-mask .feedback-close{position:absolute;right:13px;width:26px;top:18px;padding:5px}.article-template__feedback-mask .feedback-tags{display:-webkit-flex;display:flex;flex-wrap:wrap;margin-bottom:20px}.article-template__feedback-mask .tag-btn{padding:8px 14px;border-radius:20px;border:none;background:rgba(var(--color-foreground),.07);color:rgba(var(--color-foreground));cursor:pointer;margin:0 8px 8px 0;font-size:1.4rem}.article-template__feedback-mask .tag-btn.active{background:rgba(var(--color-foreground));color:rgba(var(--color-background))}.article-template__feedback-mask .feedback-text{width:100%;min-height:80px;border-radius:8px;padding:10px;color:rgba(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.07);margin-bottom:28px;resize:none;background:rgba(var(--color-foreground),.07);outline:none;-webkit-appearance:none;position:relative;z-index:10}.article-template__feedback-mask .submit-container{padding-bottom:20px}.article-template__feedback-mask .submit-btn{width:100%;padding:12px;border-radius:24px;font-size:1.4rem;border:none;font-weight:700;cursor:not-allowed;border:1.5px solid rgba(var(--color-foreground));background:transparent;color:rgba(var(--color-foreground));opacity:.2;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.article-template__feedback-mask .submit-btn.active{cursor:pointer;opacity:1}@media(max-width:768px){.article-template__feedback-mask{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;height:100dvh}.article-template__feedback-mask .feedback-modal{padding:20px 16px;padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-bottom:calc(20px + constant(safe-area-inset-bottom));max-height:80vh;max-height:80dvh;position:relative;bottom:auto;margin-top:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end}.article-template__feedback-mask .tag-btn,.article-template__feedback-mask .submit-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}.video-wrapper{aspect-ratio:16 / 9;width:100%!important;position:relative;display:block!important;background:#000}.video-wrapper>video{width:100%!important;height:100%!important}.video-wrapper iframe{width:100%!important;height:100%!important;border:0;background:#000}.video-wrapper>div{width:100%!important;height:100%!important}#video-player{display:none}#video-thumbnail{display:block}#video-thumbnail img{width:100%;height:100%}.article-template .clear-margin{margin-top:0!important;margin:0 auto}.article-template .margin-10{margin-top:10px!important;margin:0 auto}.article-template .video-content{background:#000;padding:0 15%}.article-template .video-content .video-wrapper{width:70%!important;display:flex!important;background:#000;margin:auto}.article-template__related-articles{display:flex;flex-direction:column;gap:0;padding:20px 0 0;margin:40px 1.5rem;border-top:1px solid rgba(var(--color-foreground),.07)}.article-template__related-articles .related-article-item{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:inherit}.article-template__related-articles .related-article-text{flex:1;display:flex;flex-direction:column;justify-content:center;margin-right:14px;height:82px}.article-template__related-articles .related-article-text h3{font-size:18px;font-weight:700;margin:0 0 6px;line-height:26px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-template__related-articles .related-article-text p{font-size:12px;color:rgba(var(--color-foreground),.5);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:16px;text-overflow:ellipsis}.article-template__related-articles .related-article-image{position:relative;width:96px;height:60px;flex-shrink:0;border-radius:6px;overflow:hidden}.article-template__related-articles .related-article-image .related-img{width:100%;height:100%;object-fit:contain;display:block;border-radius:8px}.article-template__related-articles .video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;color:#fff;background:#00000080;border-radius:50%;padding:6px 8px}.article-template .heading-1.ace-line,.article-template .heading-2.ace-line,.article-template .heading-3.ace-line,.article-template .heading-4.ace-line,.article-template .heading-5.ace-line,.article-template .heading-6.ace-line,.article-template .heading-7.ace-line{color:rgba(var(--color-foreground))}.article-template ul.list-bullet1 li.ace-line{list-style:disc}.article-template .article-template__content h2{margin-block-end:20px;line-height:28px}.article-template .article-template__content p{margin-block-start:8px;line-height:22px}.article-template .article-template__content p:has(+h2),.article-template .article-template__content ul:has(+h2){margin-block-end:30px}.article-template .article-template__content p:has(+p),.article-template .article-template__content p:has(+ul){margin-block-end:8px}.article-template .article-template__content h2:has(+p){margin-block-end:20px}.article-template .article-template__content h2:has(+h3){margin-block-end:20px}.article-template .article-template__content p:has(+h3){margin-block-end:20px}.article-template .article-template__content h3:has(+p){margin-block-end:8px}.article-template .article-template__content ul,.article-template .article-template__content ul li{margin-block-end:8px;margin-block-start:8px;line-height:22px}.article-template .article-template__content img{margin:8px 0!important}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-blog-post.css.map */
