.article-template>*:first-child:not(.article-template__hero-container){margin-top:5rem}@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{font-size:3rem;font-weight:600}}.article-template__title{margin:0}.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__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}.zooomy__hhrt{display:none}.article-template{width:75%;max-width:100%;margin:0 auto}.article-template .page-width--narrow{max-width:unset}.blog-flex-container{display:flex;gap:30px;max-width:1200px;margin:0 auto;padding:0 15px}.main-content{flex:2}.sidebar{flex:1;padding:20px;background:#f5f5f5;margin:50px 0}.sidebar-title{margin-top:0;margin-bottom:20px;font-size:2.4rem;color:#222}.recent-posts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.recent-post-item:not(:last-child){border-bottom:1px solid #e0e0e0;padding-bottom:20px}.recent-post-item a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#333;font-size:1.4rem;line-height:1.8rem}.recent-post-item a:hover{text-decoration:underline!important}.recent-post-item img{width:70px;height:70px;object-fit:cover;mix-blend-mode:darken}.post-date{font-size:.8em;color:#666;margin:5px 0 0;display:none}@media (max-width: 750px){.article-template{width:100%}.blog-flex-container{flex-direction:column}.sidebar{padding:15px}}.blog-toc{background-color:#f8f9fa;border-left:3px solid #1a73e8;margin:30px 0;border-radius:0 8px 8px 0;box-shadow:0 3px 15px #0000000d;overflow:hidden}.toc-header{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;background-color:#f2f5f9;cursor:pointer;border-bottom:1px solid #e5e5e5;transition:background-color .3s ease}.toc-header:hover{background-color:#edf1f7}.toc-title{display:flex;align-items:center}.toc-title svg{margin-right:12px;color:#06c}.toc-title h2{font-size:20px;font-weight:600;margin:0;color:#333}.toggle-btn{font-size:22px;color:#06c;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#0066cc1a;transition:background-color .3s ease}.toc-header:hover .toggle-btn{background-color:#06c3}.toc-content{display:flex;flex-direction:column;padding:15px 25px;max-height:600px;overflow:hidden;transition:max-height .4s ease,padding .3s ease}.toc-content.collapsed{max-height:0;padding-top:0;padding-bottom:0}.toc-link{color:#555;text-decoration:none;padding:10px 0;border-bottom:1px dashed #e5e5e5;transition:color .3s ease,padding-left .3s ease;font-size:16px}.toc-link:last-child{border-bottom:none}.toc-link:hover{color:#06c;padding-left:5px}@media (max-width: 768px){.toc-header{padding:15px 20px}.toc-title h2{font-size:18px}.toc-title svg{width:20px;height:20px}.toc-content{padding:10px 20px}.toc-link{font-size:15px;padding:8px 0}}.pro-tip{background-color:#e8f4ff;padding:15px;border-left:4px solid #1a73e8;margin:20px 0}.blog_content ul,.blog_content ol{list-style-type:none;padding-left:0}.blog_content p{margin-bottom:15px}.blog_content ul li{position:relative;padding-left:25px;margin-bottom:5px}.blog_content{line-height:3.2rem}.blog_content h2,.blog_content h3,.blog_content h4{margin:25px 0 15px;font-weight:600;color:#222}.blog_content h2{font-size:2.8rem}.blog_content h3{font-size:2.2rem}.blog_content h4{font-size:1.8rem}.blog_content a{color:#06c!important;font-weight:600;text-decoration:none;position:relative;padding-left:1.3em;transition:color .3s ease}.blog_content a:before{content:"\1f517";position:absolute;left:0;font-size:.8em;opacity:.8;transition:opacity .3s ease}.learn-more-btn:hover{color:#fff!important}.blog_content a:hover:before{opacity:1}.blog_content ul li:before{content:"\2713";position:absolute;left:0;color:#4caf50;font-weight:700}.faq-title{font-size:32px;margin-bottom:40px!important;text-align:left;color:#333;position:relative}.faq-title:after{content:"";position:absolute;width:60px;height:4px;background:linear-gradient(to right,#06c,#66a3ff);bottom:-15px;left:30px;transform:translate(-50%);border-radius:2px}.modern-faq-list{max-width:900px;margin:0 auto}.faq-item{display:flex;margin-bottom:35px;position:relative}.faq-marker{position:relative;margin-right:25px}.faq-marker span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#222;font-weight:700;border:1px solid #4d94ff}.faq-marker:after{content:"";position:absolute;top:50px;left:50%;transform:translate(-50%);width:1px;height:calc(100% - 30px);background-color:#4d94ff}.faq-item:last-child .faq-marker:after{display:none}.faq-content{flex:1;background-color:#fff;border-radius:12px;padding:20px 25px;box-shadow:0 5px 25px #00000012;transition:transform .3s ease,box-shadow .3s ease}.faq-item:hover .faq-content{transform:translateY(-5px);box-shadow:0 12px 30px #0000001a}.faq-question{margin-top:0;margin-bottom:15px;color:#222;font-size:20px}.faq-answer{margin:0;color:#555;line-height:1.7;font-size:16px}@media (max-width: 768px){.faq-item{flex-direction:column;margin-left:20px}.faq-marker{position:absolute;top:0;left:-20px}.faq-marker:after{left:20px;height:calc(100% + 20px)}.faq-content{margin-top:10px;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/130/assets/section-blog-post.css.map */