.article-tags a{padding-inline:1.2rem}.article-navigation{padding-top:3rem}.article-navigation .btn{column-gap:.6rem}.article-navigation__heading{margin-top:.8rem}@media(max-width:767.98px){.article-navigation{padding-top:2.2rem}}@media(min-width:1023.98px){.article--width{position:relative;max-width:1240px;margin-inline:auto}}.article__main>*+*{margin-top:6rem}@media(max-width:767.98px){.article__main>*+*{margin-top:4rem}}.article__content strong{color:rgb(var(--color-foreground))}.article__wrapper{--article-sidebar-top: 10rem;display:grid;grid-template-columns:[container-start sidebar-left-start] var(--sidebar-width, min(250px, 100%)) [sidebar-left-end] var(--article-grid-gap, 40px) [content-start] minmax(0,1fr) [content-end] var(--article-grid-gap, 40px) [sidebar-right-start] var(--sidebar-width, min(250px, 100%)) [sidebar-right-end container-end]}@media(max-width:1199px){.article__wrapper{grid-template-columns:[container-start content-start] minmax(0,1fr) [content-end] var(--article-grid-gap, 40px) [sidebar-right-start] var(--sidebar-width, min(250px, 100%)) [sidebar-right-end container-end]}}@media(max-width:767px){.article__wrapper{display:block}}.article__wrapper .article-header{grid-column:container;max-width:100%;margin:2.5rem auto 4rem;min-width:0}@media(min-width:1200px){.article__wrapper .article-header{width:min(88rem,100%);justify-self:center}}.article__wrapper .article-header>*+*{margin-top:4rem}@media(max-width:767.98px){.article__wrapper .article-header>*+*{margin-top:2.4rem}}.article__wrapper .article-main,.article__wrapper .article-body{grid-column:content;min-width:0}.article__wrapper .article-footer{grid-column:content;margin-top:4rem;min-width:0}.article__wrapper .article-footer:empty{display:none}.article__wrapper .article-sidebar{position:sticky;top:var(--article-sidebar-top);align-self:start;grid-row:2/end;min-width:0;display:flex;flex-direction:column;gap:4rem}.article__wrapper .article-sidebar:empty{display:none}.article__wrapper .article-sidebar--left{grid-column:sidebar-left}.article__wrapper .article-sidebar--left .toc-icon{display:none;flex-shrink:0;position:sticky;top:calc(50vh - 2.2rem);align-self:flex-end;margin-right:calc(-2.2rem - var(--article-grid-gap, 40px) / 2);z-index:98;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:none;border-radius:0 4px 4px 0;background:rgb(var(--color-background));box-shadow:0 .2rem 1.2rem #00000026;color:rgb(var(--color-foreground));cursor:pointer}.article__wrapper .article-sidebar--left .toc-icon[hidden]{display:none!important}.article__wrapper .article-sidebar--left .toc-icon:not([hidden]){display:flex}@media(max-width:1199px){.article__wrapper .article-sidebar--left{position:static;grid-column:content-start;grid-row:2;width:0;min-height:0;align-self:start;overflow:visible;pointer-events:none;z-index:100}.article__wrapper .article-sidebar--left .toc-icon{position:fixed;left:0;top:50vh;align-self:auto;margin-right:0;pointer-events:auto;transition:left .28s ease}.article__wrapper .article-sidebar--left.is-open .toc-icon{left:min(80vw,32rem)}}.article__wrapper .article-sidebar--left .article-sidebar__inner{height:100%;overflow:auto;padding-bottom:3rem}@media(max-width:1199px){.article__wrapper .article-sidebar--left .article-sidebar__inner{position:fixed;inset:0 auto 0 0;z-index:99;width:min(80%,32rem);max-width:100%;height:100%;transform:translate(-100%);transition:transform .3s ease;background:rgb(var(--color-background));box-shadow:0 0 .5rem #0000001f;overflow:hidden;pointer-events:auto;padding:4rem 1.6rem}}@media(min-width:1200px){.article__wrapper .article-sidebar--left .article-sidebar__inner{height:auto;overflow:visible;padding-bottom:0}}@media(max-width:1199px){.article__wrapper .article-sidebar--left.is-open .article-sidebar__inner{transform:translate(0)}}.article__wrapper .article-sidebar--left .widget+.widget{margin-top:4rem}.article__wrapper .article-sidebar--left .article__footer{flex-direction:column;align-items:flex-start}.article__wrapper .article-sidebar--right{grid-column:sidebar-right}@media(max-width:767px){.article__wrapper .article-sidebar--right{grid-row:auto;position:static;margin-top:4.8rem}}.article .toc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0003;opacity:0;pointer-events:none;transition:opacity .3s ease}.article .toc-overlay.is-visible{opacity:1;pointer-events:auto}.article .toc-overlay[hidden]:not(.is-visible){display:block}.article .widget__heading{margin-bottom:2.4rem;font-size:2.4rem;font-weight:600}.article .widget__newsletter-form .form-field{display:flex;flex-direction:column;row-gap:12px}.article .widget__newsletter-form .form-label{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.article .widget__newsletter-form .form-control,.article .widget__newsletter-form .form-button{height:42px;box-shadow:0 13px 30px #00000014}.article .widget__newsletter-form .form-control{font-size:15px;font-weight:500;color:#666;padding-left:20px;padding-right:20px;border:none}.article .widget--newsletter .widget__wrap{background-position:center;background-size:cover;background-repeat:no-repeat;padding:24px 15px;border-radius:4px}.article .widget--newsletter .widget__heading{margin-bottom:12px}.article .widget--newsletter .widget__text{font-size:15px;color:#000;margin-bottom:20px}@media(max-width:767px){.article .widget--newsletter .widget__wrap{padding-left:22px;padding-right:22px}.article .widget--newsletter .widget__heading{font-size:24px}}.article .widget--toc .toc{max-height:none;overflow:visible}.article .widget--toc .toc-list{margin:0;padding-left:1.6rem;list-style:none}.article .widget--toc .toc-list-item{margin:0;list-style:none}.article .widget--toc .toc-link{display:block;padding:.6rem 0;color:#000c;text-decoration:none;transition:color .2s ease;font-size:1.4rem;font-weight:400}.article .widget--toc .toc-link:before{content:"";position:absolute;left:0;width:2px;background:#ddd}.article .widget--toc .toc-link:hover,.article .widget--toc .toc-link.is-active-link{color:#000;font-weight:600}.article .widget--toc .toc-link:hover:before,.article .widget--toc .toc-link.is-active-link:before{background:#000;transition:height .2s ease}.article .share__post .social-sharing{display:flex;flex-wrap:wrap;gap:.8rem}@media(min-width:1023.98px){.article__title{max-width:85%;margin-inline:auto}}.article-comment__title,.article-comment__form-title{margin-bottom:4rem}@media(max-width:767.98px){.article-comment__title,.article-comment__form-title{margin-bottom:2.4rem}}.article .comment{padding-bottom:3.2rem;border-bottom:1px solid rgba(var(--color-border),var(--color-border-alpha, 1))}.article .comment+.comment{margin-top:4rem}.article .comment p{margin-top:0;margin-bottom:1.2rem}.article .comment__separator{width:4px;height:4px;background:rgb(var(--color-subtext))}@media(max-width:767.98px){.article .comment{padding-bottom:2.4rem}.article .comment+.comment{margin-top:2.4rem}}@media(min-width:767.98px){.article .comment-form .form-footer{margin-top:4rem}}.article .comment-form__warning{margin-bottom:0;margin-top:1.2rem}.article .popular-post{display:flex;flex-direction:column}.article .popular-post .article-card{padding-block:0 1.6rem}.article .popular-post .article-card:not(:first-child){padding-block:1.6rem;border-top:1px solid rgba(0,0,0,.1)}.article .author-bio{padding:32px;background:#e2e2e2;display:flex;gap:16px;border-radius:4px;margin-top:40px}.article .author-bio .author-name{flex:0 0 auto;width:70px;height:70px;border-radius:50%;overflow:hidden}.article .author-bio p{margin:4px 0 0}.article .author-bio h5{font-size:2rem}.article .author-bio .rte{margin-top:12px}@media(max-width:600px){.article .author-bio{padding:20px 16px;flex-flow:column;gap:16px}}.article .widget--xflow-banner{border-radius:4px;overflow:hidden;position:relative}.article .widget--xflow-banner .xflow-banner__content{display:flex;flex-direction:column;gap:20px;padding:24px 16px;pointer-events:none;position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;justify-content:flex-end;align-items:flex-start}.article .widget--xflow-banner .xflow-banner__heading{font-size:28px;color:#fff;line-height:1.2;margin:0}.article .widget--xflow-banner .xflow-banner__text{font-size:15px;color:#fff;line-height:1.375;margin:0}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-main-article.css.map */