.article-layout-section{width:100%;height:100%;background:#f7f7f7;padding-top:50px;padding-bottom:44px}.article-layout{display:flex;gap:10px;max-width:1200px;margin:0 auto;padding-top:30px;flex-wrap:wrap;background:#fff;border-radius:16px}.article-toc-image{width:100%;font-size:0}.article-toc-image img{width:100%;height:auto}.page-width--narrow{max-width:100%}.article-template>*:first-child:not(.article-template__hero-container){margin-top:40px}.article-toc-box{position:sticky;top:80px}.article-toc-box-container{padding:20px 30px 40px;width:240px;border-radius:8px;background:#fff;display:flex;flex-direction:column;gap:36px}.article-toc-box .article-toc-title{color:#000;font-feature-settings:"liga" off,"clig" off;font-size:20px;font-style:normal;font-weight:500;line-height:120%}.article-toc-box .article-featured{color:#000;font-feature-settings:"liga" off,"clig" off;font-size:14px;font-style:normal;font-weight:500;line-height:120%}.article-toc-box .article-featured-list{display:flex;justify-content:space-between}.article-content-wrapper{border-radius:8px;background:#fff;padding:0 30px;width:calc(100% - 250px)}.toc-list{display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none}.toc-list::-webkit-scrollbar{display:none}.toc-item{cursor:pointer;border-left:1px solid #E7E7E7;padding:18px 0 18px 10px;color:#000;font-size:14px;font-weight:305;line-height:120%}.toc-item:first-of-type{padding:0 0 36px 10px}.toc-item:last-child{padding:36px 0 0 10px}.article-template__content p{font-weight:305;font-size:14px;line-height:26px;letter-spacing:0px}.article-template__content h2{font-weight:630;font-size:24px;line-height:120%}.article-template__content a{color:#0052d1}.toc-item.active{color:#000;font-size:14px;font-weight:500;line-height:120%;border-left:1px solid #000}.article-featured{display:flex;flex-direction:column;gap:19px}.article-featured-title{display:flex;gap:5px;align-items:center;color:#000;font-feature-settings:"liga" off,"clig" off;font-size:14px;font-style:normal;font-weight:520;line-height:120%}.article-featured-title-line{flex:1;margin-right:7px;height:.5px;background:#ccc}.article-right{width:100%;max-width:1200px;margin:0 auto}.article-right-warrper{top:100px;width:100%;display:flex;flex-direction:column}.article-right-top{display:flex;flex-direction:column;gap:20px;padding:30px 144px;border-radius:16px;overflow:hidden;background:#fff;margin-top:40px}.article-right-main{display:flex;flex-direction:column;gap:20px;background:#fff;border-radius:16px;margin-top:40px;overflow:hidden;padding:40px 28px}.article-right-main .blogs-list-box{display:flex;gap:40px;width:100%}.article-right-main .blogs-list-box .blog-item{width:calc(33% - 13.3px)}.article-right-main .blogs-list-box .blog-item:nth-child(n+4){display:none}.blog-list-container{width:100%;overflow:hidden}.article-right-main .blog-item-button{display:flex;flex-direction:column;gap:15px;text-decoration:none}.article-right-main .iblog-item-img{border-radius:11.82px;width:100%;overflow:hidden;height:200px}.article-right-main .article-featured-title{font-weight:520;font-size:34.29px;line-height:120%;text-align:center;justify-content:space-between;align-items:center}.article-view-all{display:flex;justify-content:center;align-items:center}.article-view-all a{text-decoration:none;font-weight:400;font-size:16px;line-height:100%;color:#aaa}.article-right-main picture{width:100%;height:100%;display:block;font-size:0}.article-right-main img{width:100%;height:100%;object-fit:cover}.article-right-main .blog-item-title-box{display:flex;flex-direction:column}.article-right-main .blog-item-date{color:#000;opacity:.2;font-weight:305;font-size:12px;line-height:120%}.article-right-main .blog-item-title{color:#000;font-weight:630;font-size:20px;line-height:120%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-right-main .blog-item-description{font-weight:380;font-size:16px;line-height:120%;color:#0006;margin:12px 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-featured-learnMore{display:flex;gap:3px;justify-content:center;align-items:center}.article-featured-learnMore a{text-decoration:none;color:#aaa;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.blog-item-all-products{font-size:16px;line-height:24px;color:#0052d1;padding:24px 0 36px}.article-featured-learnMore svg{width:6px;height:4px}.article-featured.hide-mob{display:flex}.article-featured.hide-pc,.selected-toc.hide-pc{display:none}.selected-toc.hide-mob{display:flex}.article-bottom-view-all{display:none}.feature-icon__link{width:26px;height:26px;display:flex;justify-content:center;align-items:center;background:#f5f5f7;border-radius:50%;cursor:pointer}@media screen and (min-width:768px){#article-toc{overflow:hidden;margin:0}.article-layout{position:relative}.article-layout{justify-content:center}#article-toc .toc-list{max-height:calc(100vw * 400/1920);overflow-y:auto;overflow-x:hidden}.toc-switch,.toc-switch-close{cursor:pointer}.toc-switch-close{top:20px;left:30px;position:absolute;display:none;width:240px;transform:translate(-120px)}}@media screen and (max-width:768px){.toc-switch,.toc-switch-close{display:none}.article-layout-section{padding-top:0}.article-toc-box .article-toc-title{display:none}.article-toc-box.active #article-toc{display:flex}.article-toc-box.active .selected-toc svg{transform:rotate(180deg)}.article-layout{flex-direction:row;padding:42px 30px 20px;background:transparent;gap:20px}.article-toc{position:sticky;top:0;width:100%}.article-toc-box,.article-toc-box-container{width:100%;padding:0;position:relative;top:0}.selected-toc{display:flex;justify-content:space-between;gap:16px;padding:12px;border:.5px solid var(--Application-Border, #1A1A1A33);font-size:16px}.selected-toc span{width:calc(100% - 48px)}.selected-toc svg{width:32px;height:32px;transition:transform .6s ease-in-out}.article-featured.hide-mob{display:none}.article-featured.hide-pc,.selected-toc.hide-pc{display:flex}.selected-toc.hide-mob{display:none}#article-toc{position:absolute;top:100%;z-index:2;padding:0;background:#fff;display:none}.toc-box-position{display:none}.toc-list{max-height:none;border:none}.toc-list .toc-item{border:none;font-size:14px;font-weight:380}.toc-item.active{color:#000;font-size:14px;font-weight:500;line-height:120%;border-left:1px solid #000;background:#eee}.toc-item:first-of-type{padding:12px}.toc-item{padding:12px}.toc-item:last-child{padding:12px}.toc-list .toc-item:hover{background:#eee}.article-content-wrapper{width:100%;padding:0;background:transparent}.article-template header{padding:0;margin:0}.article-template__content{padding:10px 0 0;margin:0;font-weight:380;font-size:16px;line-height:26px}.article-template__content h2{font-size:24px}.article-template__title{font-weight:630;font-size:24px;line-height:120%}.article-featured-title-line{display:none}.article-featured{width:100%}.article-featured-title{font-weight:520;font-size:15.96px;line-height:120%;letter-spacing:0px}.article-template__back{margin:16px 0 0}.article-template__back:last-child{margin-bottom:0}.article-featured-list{display:flex;justify-content:space-between}.article-featured-list img{width:48px;height:48px}.article-right{margin-top:0;padding:0 30px}.article-right-top{padding:14px;border-radius:16px}.article-right-main{margin-top:20px;padding:0;border-radius:0;background:transparent;gap:15px}.article-right-main .article-featured-title{font-weight:520;font-size:15.96px;line-height:120%}.article-featured-title .article-view-all{display:none}.article-bottom-view-all{display:flex;justify-content:center;align-items:center}.article-bottom-view-all a{text-decoration:none;font-weight:400;font-size:12px;line-height:100%;color:#aaa;height:40px;padding:8px 24px;border-radius:999px;border:1px solid #e0e0e2;display:flex;justify-content:center;align-items:center;margin-top:24px}.article-right-main .blogs-list-box{flex-direction:column;gap:15px}.article-right-main .blogs-list-box .blog-item{width:100%}.article-right-main .blog-item-title-box{display:flex;flex-direction:column;gap:4px}.article-right-main .blog-item-title{order:1;font-size:14px}.article-right-main .blog-item-description{order:3;margin:0;font-size:11px}.article-right-main .blog-item-button{gap:10px}.article-template>*:first-child:not(.article-template__hero-container){margin-top:0}.feature-icon__link{width:45px;height:45px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-blog-post-v2.css.map */