/** Shopify CDN: Minification failed

Line 10:57 Expected ":"
Line 10:59 Expected identifier but found "13em"
Line 65:91 "margin-botom" is not a known CSS property

**/
.article {margin: var(--global-sections-padding) auto;}
.article h1 {text-align: center;}
.article .body-content-title {text-align: left; max-width; 13em; margin-bottom: .5em;}
.article hr {border: none; border-bottom: 1px solid #999; width: 10%; margin: 2em auto;}
.article .author-date {margin-bottom: 1em;}
.article .excerpt {margin-bottom: 1em; font-weight: 700;}
.article .featured-image {margin-top: 2em;}

.article .body h2:not(:first-child), .article .body h3, .article .body h4, .article .body h5, .article .body h6 {margin-top: 1em;}
.article .body img {max-width: 40em;}
.article .body th {text-align: inherit; font-weight: 700; padding: 0.4em;}
.article .body td {padding: 0.4em;}

.article .body .body-carousels .top-content .product-grid-with-banners {display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: auto; gap: 1rem;}
.article .body .body-carousels .top-content .product-grid-with-banners .item-1 {grid-column: 1; grid-row: 1;}
.article .body .body-carousels .top-content .product-grid-with-banners .product-grid-banner {grid-column: 2; grid-row: 1 / span 2;}
.article .body .body-carousels .top-content .product-grid-with-banners .product-grid-banner img {object-position: left; height: 100%; object-fit: cover; background-position: center; background-repeat: no-repeat; border-radius: 5px;}
.article .body .body-carousels .top-content .product-grid-with-banners .item-3 {grid-column: 1; grid-row: 2;}
.article .body .body-carousels .bottom-content .keen {margin-top: 4.2rem;}

.article .foot {padding-top: 2em; margin-top: 4em;}
.article .foot a {margin-bottom: 1.5em;}
.article .foot a svg {margin-right: 0.5em; -webkit-transition: all var(--animation-speed-fast) ease-out; -moz-transition: all var(--animation-speed-fast) ease-out; -o-transition: all var(--animation-speed-fast) ease-out; -ms-transition: all var(--animation-speed-fast) ease-out; transition: all var(--animation-speed-fast) ease-out;}
.article .foot .nav a:last-child:not(:first-child) {margin-left: 1.5em; padding-left: 1.5em; border-left: 1px solid var(--scheme-borders-color);;}
.article .foot a.next svg {margin-left: 0.5em; margin-right: 0;}
.not-mobile .article .foot a:hover svg {-webkit-transform: translateX(-3px); transform: translateX(-3px);}
.not-mobile .article .foot a.next:hover svg {-webkit-transform: translateX(3px); transform: translateX(3px);}

.comments .sharing {margin-top: 2rem;}
.comments .sharing a {margin-left: 0.5em;}
.comments .comment {position: relative; margin-bottom: 2em; padding-bottom: 2em;}
.comments .comment .comment-author {font-weight: 700;}
.comments .comment .content {margin-top: 1.5rem; font-style: italic;}
.comments .new-comment {--grid-gap: 1.5rem;}
.comments .new-comment .field {margin-bottom: var(--grid-gap);}
.comments .form-success {color: ;}

.comments {padding: 3em; margin-top: 3em; position: relative; border-radius: var(--comments-border-radius);}
.comments > * {position: relative;}
.comments.same-scheme:not(.scheme-border-box) {padding: 0 !important;}


@media (min-width: 66.001em){
  .article .body .body-carousels {padding-left: 3.4rem;}
  .article .top-content .grid-item {margin-bottom: 1.5em;}
  .article .body-content.body-content-left {padding-right: 3em;}
  .article .body-content.body-content-left::-webkit-scrollbar {width: 6px; background: transparent; border: 1px solid var(--scheme-carousel-dots-off); border-radius: 100px;}
  .article .body-content.body-content-left::-webkit-scrollbar-thumb {background: var(--scheme-carousel-dots-off); height: 115px; border-radius: 100px;}
}
  
@media (max-width: 66em){
  .article .foot {margin-top: 2em;}
  .comments {padding: 1.5em; margin-top: 2em;}

  .article .body .body-carousels .top-content .product-grid-with-banners, .article .body .body-carousels .top-content .product-grid-without-banners {padding-top: 2em;}

  .article .body .body-carousels .bottom-content-mobile {margin-top: 4.5em;}
  .article .body .body-carousels .bottom-content-mobile .title {text-transform: uppercase; margin-botom: .5em;}
  .article .body .body-carousels .bottom-content-mobile .product-card {padding: 0;}
  .article .body .body-carousels .bottom-content-mobile .product-card .image-container {margin: 0;}
}