/*! article */.article__top{row-gap:var(--sp-2)}.article__top li{padding-inline-end:var(--sp-4)}.article__top li:after{content:"";position:absolute;inset-inline-end:0;width:1px;height:16px;background-color:currentColor;opacity:.3}.article__top li:last-child{padding-inline-end:0}.article__top li:last-child:after{content:none}.article__top .icon{width:var(--sp-4);height:var(--sp-4)}.article .page-width--narrow .banner__box{padding-block:0}.article .badge{padding:var(--sp-2) var(--sp-4);font-size:var(--text-3xs);color:var(--badge-foreground);background-color:var(--badge-background)}.article-banner{position:relative}.article__layout{display:grid;gap:var(--sp-8)}.article__content{min-width:0}.article__toc-host{align-self:stretch}.article__toc-host[hidden]{display:none!important}.article__toc-host .shopify-app-block{width:100%;height:100%}.article__toc-host .blog-toc{border:1px solid rgb(var(--color-foreground) / .08);border-radius:calc(var(--rounded-block) * .85);background:rgb(var(--color-background));padding:var(--sp-6);box-shadow:0 18px 40px rgb(var(--color-foreground) / .04)}.article__toc-host .blog-toc__title{margin:0 0 var(--sp-4);font-size:clamp(1.5rem,1.1rem + .9vw,2rem);line-height:1}.article__toc-host .blog-toc__list{display:grid;gap:var(--sp-2);margin:0;padding:0;list-style:none}.article__toc-host .blog-toc__list li{margin:0}.article__toc-host .blog-toc__list a{display:block;color:rgb(var(--color-foreground) / .72);font-size:.97rem;line-height:1.45;text-decoration:none;transition:color var(--animation-primary),opacity var(--animation-primary),transform var(--animation-primary)}.article__toc-host .blog-toc__list a:hover,.article__toc-host .blog-toc__list a.is-active{color:rgb(var(--color-foreground))}.article__toc-host .blog-toc__list a.is-active{font-weight:700;transform:translate(2px)}.article__toc-host .blog-toc__list li[data-level="3"] a{padding-inline-start:var(--sp-4);font-size:.92rem}.article__toc-host .blog-toc__list li[data-level="4"] a{padding-inline-start:var(--sp-7);font-size:.89rem}.article .rte :is(h2,h3,h4,h5,h6){scroll-margin-top:calc(var(--sticky-header-height, 0px) + 2rem)}.article-toc-source--relocated{display:none!important}@media screen and (pointer:fine){.article .badge{--tw-scale-x: 1;--tw-scale-y: 1;transform:scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:transform var(--animation-primary)}.article .badge:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.article .banner__media~.banner__content .badge{transition-property:transform}}@media screen and (min-width:768px){.article .badge{padding:var(--sp-2d5) var(--sp-4d5);font-size:var(--text-xs)}}@media screen and (max-width:767px){.article-banner{display:grid}.article-banner>.banner__media,.article-banner>.banner__content{grid-area:1 / 1}.article-banner>.banner__content{position:relative;top:auto;left:auto;height:auto;min-height:fit-content;width:100%;overflow:visible;z-index:1;padding-block-start:calc(var(--header-height, 0px) + var(--sp-6))}.article-banner>.banner__content>.page-width{height:auto;min-height:100%}.article-banner .banner__box{height:fit-content;padding-block:0}.article-banner .breadcrumb ul{flex-wrap:wrap}}@media screen and (min-width:1024px){.article.page-width--narrow{max-width:90rem;margin-inline:auto}.article.grid{gap:var(--sp-16)}.article__layout{grid-template-columns:minmax(0,1fr) minmax(240px,400px);align-items:start;gap:var(--sp-10)}.article__toc-host--desktop{position:relative;height:100%}.article__toc-host--desktop .blog-toc{position:sticky;top:calc(var(--sticky-header-height, 0px) + 1.5rem);max-height:calc(100vh - var(--sticky-header-height, 0px) - 3rem);overflow:auto}.article__toc-host--mobile{display:none!important}.article__media{max-width:var(--page-width);margin:0 auto;padding-inline:var(--gap-padding)}.article__image{border-radius:var(--rounded-block)}}@media screen and (max-width:1023px){.article__toc-host--desktop{display:none!important}.article__toc-host--mobile{margin-top:var(--sp-8)}}.article .banner__title+*{margin-block-start:0}.article .rte>*:first-child{margin-block-start:0}.article .rte table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.article .rte table :is(thead,tbody,tfoot){width:100%}.article .rte th,.article .rte td{white-space:nowrap}.article .rte figure img{border-radius:var(--rounded-block)}.article .rte .image-with-text img{margin:0}@media screen and (min-width:1024px){.article .rte :is(figure,.image-with-text){margin-inline-end:calc(var(--sp-10)*-1);margin-inline-start:calc(var(--sp-10)*-1)}.article .rte figure figcaption{margin-inline-start:var(--sp-10)}.article .rte .grid-cols-2 figure:first-child{margin-inline-end:0}.article .rte .grid-cols-2 figure:last-child{margin-inline-start:0}.article .rte .grid-cols-2 figure figcaption{margin-inline-start:var(--rounded-block)}}@media screen and (min-width:1536px){.article .rte :is(figure,.image-with-text){margin-inline-end:calc(var(--sp-20)*-1);margin-inline-start:calc(var(--sp-20)*-1)}.article .rte figure figcaption{margin-inline-start:var(--sp-20)}}/*! comments */.comments-section{padding-block:clamp(40px,5vw,80px)}.comments-section:before{background-color:rgb(var(--color-foreground)/ .025)}.comments-section :is(.article-card,.new-comment,.comment-card){background-color:rgb(var(--color-background));padding:var(--sp-5);border-radius:var(--rounded-block)}.comments-wrapper{padding-block-start:var(--sp-5)}.comments-wrapper .pagination{padding-block-end:var(--sp-5)}.comment-card .gravatar{width:var(--sp-15)}@media screen and (max-width:767px){.comment-card .article-card__top li{padding-inline-end:0}.comment-card .article-card__top li:after{content:none}}@media screen and (min-width:1024px){.comments-section>.grid{gap:var(--sp-15)}.comments-section .article-card{padding:var(--sp-7d5) var(--sp-10)}.comments-section :is(.new-comment,.comment-card){padding:var(--sp-10)}.comments-wrapper{padding-block-start:var(--sp-7d5)}}@media screen and (min-width:1280px){.comments-section .page-width--narrow .article-card:nth-child(1){margin-inline-start:calc(var(--sp-20) * -1)}.comments-section .page-width--narrow .article-card:nth-child(2){margin-inline-end:calc(var(--sp-20) * -1)}}.comment-count .icon{width:var(--sp-4);height:var(--sp-4)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/article.css.map */