.article-page{display:flex;max-width:1500px}.article .table-of-article{width:20%;box-shadow:0 2px 4px #dadada;padding:16px;border-radius:6px;height:min-content;background:#ededed78;position:sticky;top:80px}.article .table-of-article .toc-list{list-style:auto;font-weight:500;margin-left:1em}.article .table-of-article .toc-list li:hover{text-decoration:underline}.article .main-article{box-shadow:0 2px 8px #00000014;border-radius:6px;flex:1;margin:0 24px;padding:12px 24px}.main-article .reading-width{max-width:100%}.main-article .ads-section{display:flex;gap:24px;align-items:center;border:1px solid #EE731B;border-radius:6px;padding:12px;margin:24px 0}.main-article .ads-section .image-container{width:35%}.main-article .ads-section .text-container{flex:1}.main-article .ads-section .text-container .h5{color:#ee731b}.main-article .ads-section .text-container ul{list-style:none}.main-article .ads-section .text-container .btn{width:100%}.article .adsSwiper{width:20%;position:sticky;height:max-content;top:80px}.article .adsSwiper .swiper-wrapper{margin-top:8px}.article .adsSwiper .swiper-slide{height:max-content}.article .adsSwiper .swiper-scrollbar{top:0;--swiper-scrollbar-size: 2px}.article ul{list-style:disc}.article ul.social{list-style:none}.article .rte ul li{padding-inline-start:0}.article-content{--element-margin-bottom: 2em;--heading-margin-bottom: 1.5em}.article-content .scrollable-table{width:100%;margin:0 auto}.article-content p,.article-content ol,.article-content ul,.article-content blockquote,.article-content img{margin-bottom:var(--element-margin-bottom, 2em)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:var(--heading-margin-bottom, 1.5em)}.article-content img{padding-top:calc(2 * var(--space-unit));padding-bottom:calc(2 * var(--space-unit))}.article-content blockquote{padding-top:calc(4 * var(--space-unit));font-size:2rem;font-style:italic;line-height:2.4rem}.article-content blockquote p:last-child{margin-bottom:0}.article-content iframe{max-width:100%}.article__image--wider .media{width:calc(100% + var(--gutter) * 2);max-width:calc(100% + var(--gutter) * 2);margin-inline-start:calc(var(--gutter) * -1)}@media (max-width: 1023.98px){.article-content,.article-width{max-width:37em}}@media (min-width: 768px){.article-content img{padding-top:calc(4 * var(--space-unit))}}@media (min-width: 1024px){.article-content blockquote{font-size:2.8rem;line-height:3.6rem}}#article_contents{background:#f9f9f9;border:1px solid #aaa;border-radius:4px;display:table}#article_contents>summary{padding:calc(2* var(--space-unit))}#article_contents .title{margin:0}#article_contents .icon{width:35px;height:30px;border:1px solid #aaa;border-radius:4px}#article_contents ul{list-style:none;margin:0 20px}#article_contents li{padding:.6rem 0;margin-bottom:0}#article_contents ul li a:before{content:counter(item,none) "- ";margin-right:.2em}#article_contents ul li a:hover{text-decoration:underline}#article_contents ul li a:visited{color:#9f9f9f}@media (max-width: 769px){.article-page{flex-direction:column}.article .table-of-article{position:unset;width:100%;margin-bottom:36px}.article .adsSwiper{position:relative;width:100%}.article .main-article{margin:0;padding:12px}.main-article .ads-section{flex-direction:column;gap:12px;align-items:start}.main-article .ads-section .image-container,.main-article .ads-section .text-container{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/article.css.map */