.article-template{padding-top:var(--article-padding-top, 0);padding-bottom:var(--article-padding-bottom, 4rem);background:rgb(var(--color-background))}.article-template__hero{position:relative;width:100%;overflow:hidden;background-color:rgb(var(--color-surface-muted, 51, 51, 59))}.article-template__hero--small{height:18rem}.article-template__hero--medium{height:24rem}.article-template__hero--large{height:32rem}.article-template__hero--adapt{height:auto;aspect-ratio:16 / 9}.article-template__hero-image,.article-template__hero-placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.article-template__hero--placeholder .placeholder-svg,.article-template__hero-placeholder{background-color:rgb(var(--color-surface-muted, 51, 51, 59));fill:rgb(var(--color-text-muted, 150, 150, 150))}@media screen and (min-width:769px){.article-template__hero--small{height:28rem}.article-template__hero--medium{height:36rem}.article-template__hero--large{height:48rem}.article-template__hero--adapt{aspect-ratio:21 / 9}}.article-template__title{font-size:var(--article-title-font-size-mobile)}@media screen and (min-width:769px){.article-template__title{font-size:var(--article-title-font-size-desktop)}}.article-template__body{width:100%;max-width:90%;margin-inline:auto;padding-block:2.4rem;padding-inline:2rem;background-color:rgb(var(--color-surface-subtle));border-radius:var(--border-radius-md, 1.2rem)}@media screen and (min-width:769px){.article-template__body{max-width:var(--article-body-width, 76rem);margin-inline:auto}}@media screen and (min-width:769px){.article-template__body{padding-inline:4.8rem;padding-block:4.8rem}}.article-template__header{display:flex;flex-direction:column;gap:1.2rem}@media screen and (min-width:769px){.article-template__header{gap:2.4rem;flex-direction:column-reverse}}.article-template__meta-author{order:1}@media screen and (min-width:769px){.article-template__meta-author{order:3}}.article-template__meta-date{order:2}@media screen and (min-width:769px){.article-template__meta-date{order:2}}.article-template__meta-text{order:3}@media screen and (min-width:769px){.article-template__meta-text{order:1}}.article-template__meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0;justify-content:start;text-align:start;font-family:var(--font-body-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);color:rgb(var(--color-text-muted))}@media screen and (min-width:769px){.article-template__meta{font-family:var(--font-body-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-sm)}}.article-template__meta-date:after{content:"\2022";display:inline-block;margin:0 .8rem;line-height:1}@media screen and (min-width:768px){.article-template__meta-text:after{content:"\2022";display:inline-block;margin:0 .8rem;line-height:1}}@media screen and (max-width:768px){.article-template__meta-author:after{content:"\2022";display:inline-block;margin:0 .8rem;line-height:1}}.article-template__block-item[data-block-type=breadcrumb] .breadcrumb__container{padding-block:var(--article-breadcrumb-padding-block);background-color:rgb(var(--color-surface-subtle))}.article-template__block-item:not(:last-child){margin-bottom:1.2rem}@media screen and (min-width:769px){.article-template__block-item:not(:last-child){margin-bottom:2.4rem}}.article-template__header{display:flex;flex-direction:column-reverse;gap:2.4rem}@media screen and (min-width:769px){.article-template__header{margin-bottom:3.2rem}.article-template__header{flex-direction:column}.article-template__meta{flex-direction:row;gap:0}}.article-template__content{font-family:var(--font-body-family);font-size:var(--font-size-body-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-md);color:rgb(var(--color-text-muted))}.article-template__content p,.article-template__content li,.article-template__content td,.article-template__content th,.article-template__content figcaption{color:rgb(var(--color-text-muted));font-family:var(--font-body-family);font-size:var(--font-size-body-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-md)}.article-template__content :is(h2,h3,h4,h5,h6){color:rgb(var(--color-heading));text-transform:uppercase}.article-template__content h2{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}.article-template__content h3{font-size:var(--font-size-h4);line-height:var(--line-height-h4)}.article-template__content :is(h4,h5,h6){font-size:var(--font-size-h5);line-height:var(--line-height-h5)}.article-template__content h1{color:rgb(var(--color-heading));font-size:var(--font-size-h3);line-height:var(--line-height-h3)}.article-template__content a:not([class*=button]){color:rgb(var(--color-link));text-underline-offset:.2em}.article-template__content .button,.article-template__content .button-primary,.article-template__content .button-secondary,.article-template__content .button-ghost,.article-template__content .button-tertiary,.article-template__content .button-inverse,.article-template__content .button-sale,.article-template__content a[class*=button]{margin-top:var(--space-sm, .8rem);white-space:normal}.article-template__content p>a[class*=button]:only-child,.article-template__content p>.button:only-child{margin-top:0}.article-template__content img,.article-template__content video{display:block;width:100%;max-width:100%;height:auto;margin-block:0;border-radius:var(--border-radius-md, 1.2rem)}.article-template__content iframe{display:block;width:100%;max-width:100%;aspect-ratio:16 / 9;height:auto;margin-block:0;border-radius:var(--border-radius-md, 1.2rem);border:0}.article-template__content figure{margin:0}.article-template__content ul,.article-template__content ol{margin:0;padding-left:var(--space-lg, 2.4rem)}.article-template__content li+li{margin-top:var(--space-sm, .8rem)}.article-template__content blockquote{margin:0;padding-left:var(--space-md, 1.6rem);border-left:3px solid rgb(var(--color-heading));color:rgb(var(--color-text-muted));font-family:var(--font-body-family);font-size:var(--font-size-body-md);font-style:italic;line-height:var(--line-height-body-md)}.article-template__content table{display:block;overflow-x:auto;width:100%;border-collapse:collapse}.article-template__content th,.article-template__content td{padding:var(--space-sm, .8rem);border-bottom:1px solid rgba(var(--color-foreground),.08);text-align:left}.article-template__content th{color:rgb(var(--color-heading));font-weight:var(--font-weight-semibold)}.article-template__content hr{margin-block:0;border:0;border-top:1px solid rgba(var(--color-foreground),.1)}.article-template__content strong,.article-template__content b{font-weight:var(--font-weight-semibold);color:rgb(var(--color-foreground))}.article-template__content code,.article-template__content pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--font-size-body-sm)}.article-template__content code{padding:.2rem .4rem;border-radius:var(--border-radius-xs, .4rem);background-color:rgb(var(--color-surface-muted))}.article-template__content pre{padding:var(--space-md, 1.6rem);overflow-x:auto;border-radius:var(--border-radius-sm, .8rem);background-color:rgb(var(--color-surface-muted));color:rgb(var(--color-foreground))}.article-template__content pre code{padding:0;background-color:transparent}.article-template__content>*{margin-bottom:2.4rem}.article-template__content>*:last-child{margin-bottom:0}.article-template__link{display:inline-flex;align-items:center;gap:var(--space-sm, .8rem);padding:var(--space-sm, .8rem) 0;color:rgb(var(--color-link));font-family:var(--font-body-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body-sm);text-decoration:none;position:relative}.article-template__link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.55,0,.1,1);pointer-events:none}.article-template__link:hover:after{transform:scaleX(1)}.article-template__link .icon-wrap{display:flex;transform:rotate(180deg)}.article-template__link .icon-wrap svg{width:1.3rem;height:auto}.article-template__comment-wrapper{margin-top:2.4rem;padding:3.2rem 0}@media screen and (min-width:769px){.article-template__comment-wrapper{margin-top:4rem;padding:4.8rem 0}}.article-template__comment-wrapper h2{margin-top:0;margin-bottom:var(--space-lg, 2.4rem)}.article-template__comments{display:grid;gap:var(--space-md, 1.6rem);margin-bottom:var(--space-2xl, 4.8rem)}.article-template__comments-comment{margin:0;padding:var(--space-lg, 2.4rem);color:rgb(var(--color-text-muted));background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--border-radius-md, .8rem);font-family:var(--font-body-family);font-size:var(--font-size-body-md);line-height:var(--line-height-body-md)}.article-template__comments-comment p{margin:0 0 var(--space-md, 1.6rem);color:rgb(var(--color-text-muted))}.article-template__comments-comment p:last-child{margin-bottom:0}.article-template__comments-comment footer{display:flex;flex-wrap:wrap;gap:var(--space-sm, .8rem);justify-content:flex-end;margin-top:var(--space-md, 1.6rem);padding-top:var(--space-md, 1.6rem);border-top:1px solid rgba(var(--color-foreground),.06);color:rgb(var(--color-text-muted));font-size:var(--font-size-caption);line-height:var(--line-height-caption)}.article-template__comment-fields>*{margin-bottom:var(--space-lg, 2.4rem)}@media screen and (min-width:769px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg, 2.4rem)}.article-template__comment-fields>*{margin-bottom:0}}.article-template__comment-warning{margin:var(--space-md, 1.6rem) 0 var(--space-lg, 2.4rem);color:rgb(var(--color-text-muted));font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm)}.article-template__comment-wrapper .field__input{width:100%;padding:1.2rem 1.4rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:var(--border-radius-sm, .8rem);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:var(--font-size-body-md)}.article-template__comment-wrapper label{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);line-height:var(--line-height-label);color:rgb(var(--color-text-secondary, var(--color-text-muted)))}.article-template__comment-wrapper .form__message,.article-template__comment-wrapper .form-status-list{margin:var(--space-md, 1.6rem) 0;padding:1.2rem 1.4rem;background:rgb(var(--color-surface-muted));border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--border-radius-sm, .8rem);color:rgb(var(--color-foreground));font-size:var(--font-size-body-sm)}.article-template__comment-wrapper .form-status{display:flex;align-items:center;gap:var(--space-sm, .8rem)}.article-template__comment-wrapper .form-status .svg-wrapper{width:3.2rem}.article-template__comment-wrapper .button[type=submit],.article-template__comment-wrapper input[type=submit].button{margin-top:var(--space-md, 1.6rem)}.article-template__content{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;max-width:72rem;margin-inline:auto;color:var(--color-foreground, #1c1c1c)}.article-template__content .flex{display:flex}.article-template__content .grid{display:grid}.article-template__content .flex-col{flex-direction:column}.article-template__content .items-start{align-items:start}.article-template__content .items-center{align-items:center}.article-template__content .justify-center{justify-content:center}.article-template__content .grid-cols-2{grid-template-columns:1fr}@media screen and (min-width:750px){.article-template__content .grid-cols-2{grid-template-columns:1fr 1fr}}.article-template__content .gap-1{gap:var(--space-1)}.article-template__content .gap-2{gap:var(--space-2)}.article-template__content .gap-3{gap:var(--space-3)}.article-template__content .gap-4{gap:var(--space-4)}.article-template__content .gap-6{gap:var(--space-6)}.article-template__content .mb-2{margin-bottom:var(--space-2)}.article-template__content .mb-3{margin-bottom:var(--space-3)}.article-template__content .mb-5{margin-bottom:var(--space-5)}.article-template__content .mb-6{margin-bottom:var(--space-6)}.article-template__content .mb-10{margin-bottom:var(--space-10)}.article-template__content .mt-12{margin-top:var(--space-12)}.article-template__content .my-10{margin-top:var(--space-10);margin-bottom:var(--space-10)}.article-template__content .w-full{width:100%}.article-template__content .rounded-lg{border-radius:12px}.article-template__content .aspect-4-5{aspect-ratio:4 / 5}.article-template__content .aspect-4-3{aspect-ratio:4 / 3}.article-template__content .aspect-16-10{aspect-ratio:16 / 10}.article-template__content .object-cover{object-fit:cover}.article-template__content img{display:block;height:auto}.article-template__content .text-xs{font-family:var(--font-body-family);font-size:var(--font-size-title-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-title-sm);letter-spacing:var(--letter-spacing-normal)}.article-template__content .text-sm{font-family:var(--font-body-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-sm)}.article-template__content .text-md,.article-template__content .text-base{font-family:var(--font-body-family);font-size:var(--font-size-body-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-md)}.article-template__content .text-lg{font-family:var(--font-body-family);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-lg)}.article-template__content .text-caption{font-family:var(--font-body-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption)}.article-template__content .text-overline{font-family:var(--font-body-family);font-size:var(--font-size-overline);font-weight:var(--font-weight-medium);line-height:var(--line-height-overline);letter-spacing:var(--letter-spacing-overline);text-transform:uppercase}.article-template__content .font-bold{font-weight:700}.article-template__content .leading-tight{line-height:1.1}.article-template__content .leading-snug{line-height:1.25}.article-template__content .leading-relaxed{line-height:1.7}.article-template__content .uppercase{text-transform:uppercase}.article-template__content .tracking-wide{letter-spacing:.08em}.article-template__content .text-muted{color:rgb(var(--color-text-muted))}.article-template__content .text-accent{color:rgb(var(--color-heading))}
/*# sourceMappingURL=/cdn/shop/t/1277/assets/section-article.css.map */