.article-layout__main{max-width:1213px;margin:0 auto}.quick-summary{background:var(--General-Light-Gray, #f7f7f7);border-radius:.5rem;padding:2.5rem;margin-bottom:3rem}.quick-summary__header{display:flex;align-items:center;justify-content:space-between;gap:.625rem;cursor:pointer;list-style:none}.quick-summary__header::-webkit-details-marker{display:none}.quick-summary__title{display:flex;align-items:center;gap:.625rem}.quick-summary__icon{width:1.9375rem;height:auto;flex-shrink:0}.quick-summary__heading{margin:0;font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:var(--text-h3);line-height:1.25;letter-spacing:0}.quick-summary__chevron{width:12px;height:auto;flex-shrink:0;transition:transform .2s ease;color:var(--General-Gray, #898989)}.quick-summary:not([open]) .quick-summary__chevron{transform:rotate(180deg)}.quick-summary__body{margin-block-start:1.5rem}.quick-summary__body :where(strong,b){font-weight:var(--text-font-bold-weight, 700)}.article-main [data-article-content] .prose :where(h2,.h2){font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:var(--text-h3);line-height:1.25;letter-spacing:0}.article-main [data-article-content] .prose :where(h3,.h3){font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:var(--text-h5);line-height:1.3;letter-spacing:0}.article-main [data-article-content] .prose :where(h4,.h4){font-family:var(--title-font-family);font-weight:var(--title-font-weight);font-size:clamp(1.125rem,.9931rem + .5634vw,1.5rem);line-height:1.35;letter-spacing:0}.article-main [data-article-content] .prose :where(p,li){font-family:var(--text-font-family);font-weight:var(--text-font-weight);font-size:var(--text-base);line-height:normal}.article-main [data-article-content] .prose ul,.article-main [data-article-content] .prose ol{padding-left:1.5rem;margin-left:0}.article-main [data-article-content] .prose ul li,.article-main [data-article-content] .prose ol li{padding-left:0}.article-products{margin-block:2.5rem}.article-layout{display:flex;flex-direction:column;gap:2.5rem}.article-chapters__toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 0;color:var(--General-Dark, #222222);cursor:pointer;background:none;border:none;font-family:var(--detail-font-family);font-size:var(--detail-font-size, .8125rem);letter-spacing:.02em;white-space:nowrap}.article-chapters__toggle svg{width:12px;height:auto;transition:transform .2s ease}.article-chapters.is-chapters-collapsed .article-chapters__toggle svg,.is-chapters-collapsed .article-chapters__toggle svg{transform:rotate(-90deg)}.article-chapters__nav{margin-block-start:1.5rem;opacity:1;transition:opacity .3s ease,visibility 0s linear 0s}.article-chapters__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.article-chapters__link{display:block;text-transform:uppercase;font-weight:600;font-size:.875rem;letter-spacing:.04em;line-height:1.4;text-decoration:none;color:var(--General-Gray, #898989);transition:color .2s ease}.article-chapters__link:hover{color:var(--General-Dark, #222222)}.article-chapters__link.is-active{color:var(--General-black)}.is-chapters-collapsed .article-chapters__nav{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}@media(prefers-reduced-motion:reduce){.article-layout,.article-chapters__nav,.article-chapters__toggle svg{transition:none}}.article-products .product-list{padding:0;margin:0}.article-products .carousel-controls:has(.floating-controls__control[hidden]){display:none}.article-products .carousel-controls{display:flex;flex-flow:wrap;align-items:center;gap:0;margin-top:0}.article-products .carousel-controls .progress-bar{flex:1;background:var(--overlay-light);height:2px;border-bottom:4px;max-width:100%}.article-products .carousel-controls .progress-bar .carousel-progress-bar__fill{background:var(--General-Gray);transition:width .1s ease;height:100%}.article-products .carousel-controls .carousel-arrows{display:flex}.article-products .carousel-controls .carousel-arrows .circle-button{opacity:1;visibility:visible;scale:none;display:flex;align-items:center;justify-content:center;background:transparent;translate:none;width:2.5rem;height:2.5rem;color:var(--General-Gray);transition:all .3s ease}.article-products .carousel-controls .carousel-arrows .circle-button:hover{color:var(--General-black)}.article-products .carousel-controls .carousel-arrows .circle-button .icon{width:10px;height:10px}.article-products .carousel-controls .carousel-arrows .circle-button:before{display:none}.article-products .carousel-controls .carousel-arrows .circle-button[disabled]{cursor:not-allowed!important}.shopify-section--main-article{overflow-x:clip}@media screen and (min-width:1000px){.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,28.438rem);gap:5rem;align-items:start;transition:grid-template-columns .4s ease,gap .4s ease}.article-layout.is-chapters-collapsed{grid-template-columns:minmax(0,1fr) minmax(0,9rem);gap:2.5rem}.article-products .product-list{--product-list-default-column-count: 3}.article-chapters{position:sticky;top:calc(var(--header-height, 0px) + 0rem)}.is-chapters-collapsed .article-chapters{border-radius:.5rem}}@media screen and (max-width:1536px)and (min-width:1000px){.article-layout{grid-template-columns:minmax(0,1fr) minmax(0,20rem)}.article-layout.is-chapters-collapsed{grid-template-columns:minmax(0,1fr) minmax(0,9rem)}}@media screen and (max-width:1440px)and (min-width:1000px){.article-layout{grid-template-columns:minmax(0,1fr) minmax(0,15rem);gap:2.5rem}.article-layout.is-chapters-collapsed{grid-template-columns:minmax(0,1fr) minmax(0,9rem);gap:2.5rem}}@media screen and (max-width:1280px)and (min-width:1000px){.article-layout{grid-template-columns:minmax(0,1fr) minmax(0,12rem);gap:1rem}.article-layout.is-chapters-collapsed{grid-template-columns:minmax(0,1fr) minmax(0,9rem);gap:1rem}}@media screen and (max-width:999px){.article-chapters{order:-1;padding-block-end:1.5rem;border-block-end:1px solid rgb(var(--text-color) / .15);display:none}.quick-summary{padding:2.5rem 1.5rem}.shopify-section--main-article .section-spacing{padding-top:0}}.blog-post-banner__copy-link{display:inline-flex;padding:0;color:inherit;cursor:pointer;background:none;border:none}.blog-post-banner__copy-link.is-copied{opacity:.5}
/*# sourceMappingURL=/cdn/shop/t/280/assets/blog-article.css.map */