.article.with-custom{width:var(--width-site);max-width:calc(100% - var(--grid-gutter));margin:auto;position:relative;display:grid;grid-template-columns:1fr 3fr 1fr;column-gap:var(--grid-gutter);padding-bottom:var(--grid-gutter-2x)}.hero-top{border-radius:var(--button-radius) var(--button-radius) 0 0}.under-hero{color:hsl(var(--gray))}.article-left{grid-column:1;grid-row:1/20}.article-right{grid-column:3;grid-row:1/20}.article-breadcrumbs{grid-row:-2;grid-column:2}.article-hero .featured-image img{height:100%;width:100%;object-fit:cover}.article-hero h1{margin-bottom:var(--grid-gutter-half)}.article-center{grid-column:2;background-color:hsl(var(--white));position:relative}.article-center:after{content:"";height:10px;background:hsl(var(--white));width:100%;position:absolute;border-radius:0 0 var(--button-radius) var(--button-radius)}.article-blocks{display:grid;column-gap:var(--grid-gutter)}.article-blocks .rte h3,.article-blocks .rte h2{margin:var(--grid-gutter-three-quarters) 0 .5em}.article-blocks .rte h3{font-size:var(--h5)}h2.art-block-title{font-size:var(--h3);margin-top:var(--grid-gutter)}.art-block-title{margin-bottom:var(--grid-gutter-three-quarters);margin-top:var(--grid-gutter)}.nav-sidebar{display:grid;gap:var(--grid-gutter-half);height:100%;align-content:flex-start}.table-of-contents{background:hsl(var(--gray-light2));border-radius:var(--border-radius);box-shadow:0 0 4px hsl(var(--black),.05);display:flex;flex-flow:column;position:sticky;top:calc(var(--grid-gutter) + 0px)}.table-of-contents .links{gap:var(--grid-gutter);overflow:auto}.table-of-contents .links a{display:flex;gap:1em;padding:.5em var(--grid-gutter-half);align-items:center;text-align:left;line-height:1.1}.side-block ol li::marker{display:none;content:""}.meta{font-weight:600}.article-hero .featured-image{aspect-ratio:3.3/1;overflow:hidden;border-radius:var(--border-radius);margin:var(--grid-gutter) 0}.article-card{display:flex;gap:var(--grid-gutter-half);align-items:center;flex-flow:column}.article-card .image{width:100%;aspect-ratio:4/3;flex-shrink:0}.article-card .image img{height:100%;width:100%;object-fit:cover}.side-block ol{counter-reset:item;margin-left:0;padding-left:0}.side-block li{position:relative}.side-block ol li:before{content:counter(item);counter-increment:item;background:hsl(var(--red));width:2em;height:2em;display:flex;position:absolute;justify-content:center;align-items:center;color:hsl(var(--white));border-radius:100%;border:2px solid hsl(var(--gray-light1));left:-.5em}.side-block .title{font-size:var(--h3);font-weight:600;margin-bottom:.33em}.side-block .product-features{display:none}.featured-products-grid{display:grid;gap:var(--grid-gutter-half)}.info-box{background-color:hsl(var(--gray));color:hsl(var(--white));padding:var(--grid-gutter);display:grid;grid-template-columns:100px auto;margin:var(--grid-gutter) 0}.info-box .icon{color:hsl(var(--gray-light2));width:85px}.info-box .icon svg{width:100%}.article-blocks .video,.article-blocks .media{margin:1em 0}.media-block{display:grid;column-gap:var(--grid-gutter)}.media-block .inline-media+p{margin-top:.7em}.video{aspect-ratio:16/9;overflow:hidden;width:100%;position:relative;border-radius:var(--border-radius)}.video-wrapper{height:100%}.video iframe{width:100%;height:100%;object-fit:cover}.question-blocks{background-color:hsl(var(--gray));margin:0 var(--grid-gutter);color:hsl(var(--white));display:grid;gap:var(--grid-gutter)}.question-blocks h3{margin-bottom:0}.question-block:not(:last-child){border-bottom:1px solid hsl(var(--gray));padding-bottom:var(--grid-gutter)}.question,.answer{display:flex;gap:var(--grid-gutter-half)}.question-block .icon{display:flex;height:1.5em;width:1.5em;border-radius:100%;background-color:hsl(var(--gray-light1));justify-content:center;align-items:center;flex-shrink:0}.question{margin-bottom:var(--grid-gutter-half);font-weight:600}.answer>div{color:hsl(var(--gray-light2))}@media screen and (min-width:750px){.inline-media.right{margin-left:var(--grid-gutter)}.inline-media.left{margin-right:var(--grid-gutter)}}@media screen and (max-width:749px){.article.with-custom{display:flex;flex-flow:column;margin:0 auto;width:100%}.article-right{grid-column:1;order:20;grid-row:auto}.info-box{grid-template-columns:55px auto}.info-box .icon{width:35px;margin-left:calc(-1 * var(--grid-gutter-half))}.featured-products-grid{display:flex;overflow:auto}.featured-products-grid .bd-product-grid-card{flex-shrink:0;width:280px}.article-left{display:none}.article-center,.article-breadcrumbs{grid-column:1}.article-full-width{display:flex;overflow:auto}.bd-article-card{width:280px}}.bd-article-card{background-color:hsl(var(--white));border-radius:var(--border-radius);padding:var(--grid-gutter-half);display:flex;flex-flow:column}.bd-article-card .title{font-size:var(--h3);line-height:1.1;margin:var(--grid-gutter-half) 0}.bd-article-card .excerpt{color:hsl(var(--gray))}.bd-article-card .meta{margin-top:var(--grid-gutter);flex-grow:1;justify-content:flex-end;display:flex;flex-flow:column}.bd-article-card .publish-date{font-weight:400}.bd-article-card .image{aspect-ratio:3/2;width:100%;overflow:hidden;border-radius:calc(var(--border-radius) - 2px)}.bd-article-card .image img{height:100%;width:100%;object-fit:cover}.article-full-width{grid-column:1/4}.breadcrumbs svg{transform:scale(-1)}.bd-product-grid-card{background:hsl(var(--white));padding:var(--grid-gutter-half);position:relative;border:1px solid hsl(var(--gray-light1),.25);border-radius:var(--button-radius)}.bd-product-grid-card .image{display:block;position:relative}.bd-product-grid-card .hover-image{position:absolute;left:0;top:0}.bd-product-grid-card .info{font-weight:600;line-height:1.1;margin-bottom:.5em}.bd-product-grid-card .buy-area .btn{width:100%}.bd-product-grid-card .buy-area{display:grid;gap:var(--grid-gutter-quarter)}.bd-product-grid-card .card-badge{background-color:hsl(var(--gray-dark2));color:hsl(var(--white));padding:.25em 1em .25em 1.5em;display:flex;align-items:center;gap:1em;border-radius:0 4px 4px 0;font-size:var(--small-size);width:max-content;position:absolute;top:10px;left:0}.media-block .center{margin:1em auto}.bd-product-grid-card .card-badge{top:0}
/*# sourceMappingURL=/cdn/shop/t/124/assets/bd-article.css.map */