.article-template>*:first-child:not(.article-template__hero-container){margin-top:var(--space-10)}@media screen and (min-width: 750px){.article-template>*:first-child:not(.article-template__hero-container){margin-top:calc(var(--space-10) + var(--page-width-margin))}}.article-template__hero-container{max-width:var(--layout-max-width-narrow);margin:0 auto}.article-template__hero-small,.article-template__hero-medium,.article-template__hero-large{height:var(--hero-banner-blog-mobile)}@media screen and (min-width: 750px) and (max-width: 989px){.article-template__hero-small,.article-template__hero-medium,.article-template__hero-large{height:var(--hero-banner-blog)}}@media screen and (min-width: 990px){.article-template__hero-small,.article-template__hero-medium,.article-template__hero-large{height:var(--hero-banner-blog)}}.article-template header{margin-bottom:var(--space-11)}.article-template__title{margin:0;font-size:var(--text-size-4xl);font-weight:var(--font-weight-bold-condensed);line-height:var(--space-17);text-transform:uppercase}.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:var(--space-2);transform:rotate(180deg)}.article-template__content{margin-top:var(--space-6);margin-bottom:var(--space-6)}.article-template__social-sharing{align-items:center;display:flex;gap:var(--space-6)}.article-template__social-link{color:rgb(var(--color-base-dark));display:flex}.article-template__social-sharing .icon,.article-template__social-sharing .share-button__button{height:var(--space-10);width:auto}.article-template__social-sharing .share-button__button{padding:0}.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:var(--space-3)}.article-template__comment-wrapper{margin-top:var(--space-10);padding:var(--space-5) 0}@media screen and (min-width: 750px){.article-template__comment-wrapper{margin-top:var(--space-12);padding:var(--space-7) 0}}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:var(--space-10)}@media screen and (min-width: 750px){.article-template__comments{margin-bottom:var(--space-14)}}.article-template__comments-fields{margin-bottom:var(--space-8)}.article-template__comments-comment{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background));margin-bottom:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3)}@media screen and (min-width: 750px){.article-template__comments-comment{padding:var(--space-4) var(--space-5)}}.article-template__comments-comment p{margin:0 0 var(--space-2)}.article-template__comment-fields>*{margin-bottom:var(--space-6)}@media screen and (min-width: 750px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:var(--space-8)}}.article-template__comment-warning{margin:var(--space-4) 0 var(--space-5)}@media screen and (min-width: 990px){.article-template__comments .pagination-wrapper{margin:var(--space-10) 0 var(--space-16)}}.article-template__back:last-child{margin-bottom:var(--space-6)}.article-template{max-width:162rem;margin:0 auto;padding:0 var(--padding-sections-mobile)}.article-info-container{display:flex;flex-direction:column;padding:var(--space-8);background:rgb(var(--primary-tint-50));border-radius:var(--space-1)}.article-nav-title{font-size:var(--text-size-2xl);line-height:2.2rem;font-weight:var(--font-weight-medium-condensed);text-transform:uppercase;color:rgb(var(--color-black));margin-bottom:var(--space-8)}.article-nav-wrapper{display:flex;flex-direction:column;gap:var(--space-8);font-size:var(--text-size-base);line-height:2.4rem;font-weight:var(--font-weight-medium-condensed);color:rgb(var(--color-black));background-color:rgb(var(--primary-tint-25));padding:var(--space-8) var(--space-6)}.article-nav-wrapper div{display:flex;align-items:center}.article-nav-wrapper svg{margin-left:auto}.article-nav-wrapper a{font-size:var(--text-size-base);line-height:2.4rem;font-weight:var(--font-weight-light);color:rgb(var(--color-black));padding:0 var(--space-4)}.article-hero-container{display:grid;grid-template-columns:1fr;gap:var(--space-11)}.article-content-container{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start}.article-hero-container img{width:100%;height:100%;object-fit:cover;border-radius:var(--space-2);aspect-ratio:16/9}.article-info-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgb(var(--primary-three));padding-top:var(--space-12)}.article-nav-container{margin-top:var(--space-16);padding:0;position:relative;order:-1;top:0;height:auto;display:flex;flex-direction:column;justify-content:flex-start}.article-badge{font-size:var(--text-size-lg)}.article-info{color:rgb(var(--color-black));font-size:var(--text-size-xs);line-height:2.2rem;margin-top:var(--space-12);margin-bottom:var(--space-18)}.article-date{display:flex;font-size:var(--text-size-base);font-weight:var(--font-weight-normal);line-height:2.6rem;color:rgb(var(--color-base-brand-secondary));margin-bottom:var(--space-8)}.article-date span{font-size:var(--text-size-xxs);line-height:1.8rem;margin:0 var(--space-2) 0 var(--space-1)}.article-badge{background:rgb(var(--color-base-brand));color:rgb(var(--color-white));display:flex;align-items:center;width:max-content;position:relative;font-size:var(--text-size-lg);font-weight:var(--font-weight-medium-condensed);line-height:1.6rem;letter-spacing:var(--tracking-small);text-transform:uppercase;height:2.6rem;gap:var(--space-4);padding:0 var(--space-4) 0 var(--space-6)}.article-badge svg{height:var(--space-14)}.article-badge:after{content:"";display:inline-block;position:absolute;top:0;vertical-align:middle;height:100%;right:-1.3rem;border-top:1.3rem solid transparent;border-bottom:1.3rem solid transparent;border-left:1.3rem solid rgb(var(--color-base-brand))}.article-author-photo{width:var(--space-19);height:var(--space-19);background:rgb(var(--primary-three));border-radius:50%;overflow:hidden}.article-author{display:flex;align-items:center;gap:var(--space-8);font-weight:var(--font-weight-medium)}.article-info p{margin-top:0;margin-bottom:var(--space-8)}h3#Introduction{height:0;opacity:0;overflow:hidden;margin:0}.article-content h3{scroll-margin:14rem;line-height:2.2rem}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:var(--space-14);margin-bottom:var(--space-8);font-weight:var(--font-weight-medium-condensed);scroll-margin:14rem;text-transform:uppercase;letter-spacing:.4px}.article-content h1:first-child,.article-content h2:first-child,.article-content h3:first-child,.article-content h4:first-child,.article-content h5:first-child,.article-content h6:first-child{margin-top:0}.article-content p{font-size:var(--text-size-base);font-weight:var(--font-weight-normal);line-height:2.6rem;color:rgb(var(--color-black));margin-top:0;margin-bottom:var(--space-8)}.article-content ol,.article-content ul{color:rgb(var(--color-black))}.article-content{margin-top:var(--space-16);padding-bottom:var(--space-19)}.article-content a{color:rgb(var(--secondary-four))}.article-content ul{padding:0;list-style-position:inside;margin-top:0}.article-content ul li{font-size:var(--text-size-base);font-weight:var(--font-weight-normal);line-height:2.6rem;color:rgb(var(--color-black))}.article-content ul li strong{color:rgb(var(--color-base-brand))}.article-content blockquote{margin-top:var(--space-32)}.article-content blockquote p{font-family:var(--font-quote-family);font-size:var(--text-size-quote);line-height:2.6rem;font-weight:var(--font-weight-normal);padding:0;margin-block:0 var(--space-12)}.article-content blockquote p:last-child{margin:0;padding:0;font-family:var(--font-body-family);color:rgb(var(--primary-three));font-size:var(--text-size-2xl);font-weight:var(--font-weight-bold-condensed);line-height:2.2rem}.article-content iframe{width:100%;height:auto;aspect-ratio:16/9;border:0;margin-bottom:var(--space-1);border-radius:var(--space-2)}.article-content img{width:100%;display:block;border-radius:var(--space-2);object-fit:cover;max-width:100%}@media screen and (max-width: 989px){.article-content img{float:none!important;margin-inline:0!important;margin-bottom:var(--space-6)!important}}.article-content iframe+span{font-size:var(--text-size-xs);font-weight:var(--font-weight-normal);line-height:2.2rem;color:rgb(var(--primary-two))}.article-content table{margin-bottom:var(--space-12)}.article-content tr td:first-child{background:rgb(var(--secondary-tint-50));color:rgb(var(--neutrals-grey-700))}.article-content tr:first-child td{background:rgb(var(--primary-tint-50));color:rgb(var(--primary-four))}.article-content td{background:rgb(var(--secondary-tint-25))}.article-content tr td:first-child,.article-content tr:first-child td{font-weight:var(--font-weight-medium)}.article-content tr:first-child td{color:rgb(var(--primary-four))}.article-content td,.article-content th{color:rgb(var(--neutrals-grey-700));border-bottom:var(--space-2) solid rgb(var(--color-white));border-left:var(--space-2) solid rgb(var(--color-white));padding:var(--space-6) var(--space-8);line-height:2.2rem;font-size:var(--text-size-xs);vertical-align:top}.article-table{position:relative;width:100%;height:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.article-table-container{position:relative}.article-table-container .icon--arrow-right{position:absolute;bottom:-.9rem}@supports (-webkit-touch-callout: none){@media screen and (max-width: 989px){.article-table-container .icon--arrow-right{display:none}}}.article-table-container .icon--arrow-right:first-of-type{left:0;transform:rotate(180deg)}.article-table-container .icon--arrow-right:last-of-type{right:0}.article-table::-webkit-scrollbar{height:var(--space-3);-webkit-appearance:none}.article-table::-webkit-scrollbar-track{background-color:rgb(var(--primary-tint-100));margin-left:var(--space-18);margin-right:var(--space-18)}.article-table::-webkit-scrollbar-thumb{background-color:rgb(var(--color-base-brand));border-radius:.2rem}@supports (-webkit-touch-callout: none){.article-table{scrollbar-width:thin;scrollbar-color:rgb(var(--color-base-brand)) rgb(var(--primary-tint-100))}.article-table::-webkit-scrollbar{-webkit-appearance:none;width:var(--space-3);height:var(--space-3);display:block}.article-table::-webkit-scrollbar-track{background-color:rgb(var(--primary-tint-100));margin-left:var(--space-18);margin-right:var(--space-18);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1)}.article-table::-webkit-scrollbar-thumb{background-color:rgb(var(--color-base-brand));border-radius:.2rem;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}.article-table::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--color-base-brand))}}.article-table table{table-layout:auto;white-space:nowrap}@media screen and (min-width: 790px){.article-table-container .icon--arrow-right{display:none}}@media screen and (min-width: 990px){.article-template{padding:0 var(--padding-sections-desktop)}.article-hero-container,.article-content-container{grid-template-columns:1.78fr 1fr;gap:var(--space-12)}.article-nav-container{position:sticky;order:unset;top:16rem;margin-top:var(--space-34);padding:0 0 var(--space-43)}.article-content{margin-top:var(--space-34);padding-bottom:var(--space-16)}.article-template header{margin-top:var(--space-31);margin-bottom:var(--space-23)}.article-date{font-size:var(--text-size-xl);line-height:2rem;margin-bottom:var(--space-12)}.article-badge{line-height:1.8em}.article-info,.article-author{line-height:2.4rem;font-size:var(--text-size-s)}.article-nav-title{margin-bottom:var(--space-12)}.article-template__title{line-height:4.6rem}.article-info-container{padding:var(--space-19) var(--space-23)}.article-nav-wrapper{font-size:var(--text-size-lg);padding:var(--space-12)}.article-nav-wrapper a{font-size:var(--text-size-lg)}.article-content p{margin-bottom:var(--space-10);line-height:2.8rem}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:5.7rem;margin-bottom:var(--space-12)}.article-content h3,.article-content h4,.article-content h5,.article-content h6{line-height:2.6rem}.article-content blockquote{margin-top:var(--space-42);margin-bottom:var(--space-12)}.article-content blockquote p{margin-block:0 var(--space-21)}.article-content iframe+span{font-size:var(--text-size-s);line-height:2.4rem}.article-table table{white-space:normal;table-layout:fixed}.article-content td,.article-content th{font-size:var(--text-size-s);line-height:2.4rem}.article-content img{width:auto;object-fit:contain}}@media screen and (min-width: 1440px){.article-nav-container{padding:0 var(--space-23) var(--space-43)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-blog-post.css.map */
