.blog-posts__container{gap:var(--spacing-8);margin-block-start:var(--spacing-10);margin-block-end:var(--spacing-14);display:grid}@media screen and (min-width: 700px){.blog-posts__container{gap:var(--spacing-10)}}@media screen and (min-width: 1400px){.blog-posts__container{gap:var(--spacing-20);margin-block-start:var(--spacing-20);margin-block-end:var(--spacing-28)}}.blog-banner{--banner-container-gap: var(--spacing-16);padding-block-start:var(--banner-spacing-block-added, 0px)}.blog-banner-content{padding-block-start:var(--banner-content-padding-block-start);padding-block-end:var(--spacing-16)}.blog-filter-list{--filter-list-item-padding: var(--spacing-2-5) var(--spacing-5);white-space:nowrap}.blog-filter-list [aria-selected=true]{background-color:rgb(var(--background-primary));color:rgb(var(--text-primary))}.blog-filter-list [aria-selected=false]{opacity:.5;transition:opacity .2s ease-in-out}@media screen and (pointer: fine){.blog-filter-list [aria-selected=false]:hover{opacity:1}}.blog-filter-list a{padding:var(--filter-list-item-padding);display:block}.blog-banner__form{max-width:500px;width:100%;margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:var(--spacing-6);padding-inline-end:var(--spacing-6)}@media screen and (min-width: 700px){.blog-banner{--banner-container-gap: var(--spacing-28)}.blog-banner-content{padding-block-end:var(--spacing-28)}.blog-banner__form{box-sizing:content-box}.blog-filter-list{--filter-list-item-padding: var(--spacing-4) var(--spacing-6)}}.blog-posts{--blog-articles-gap: var(--spacing-8);align-items:flex-start;gap:var(--blog-articles-gap);display:grid}.blog-posts-newsletter{padding:var(--spacing-8);align-content:flex-start}.blog-posts-newsletter>.form{gap:var(--spacing-2)}@media screen and (min-width: 700px){.blog-posts{--article-per-row: var(--blog-posts-per-row, 2);--blog-articles-gap: var(--spacing-10);--blog-articles-margin-block: var(--spacing-14);grid:auto / repeat(var(--article-per-row),minmax(0,1fr))}.blog-posts-newsletter{padding:var(--spacing-10)}.blog-posts-newsletter>.form{gap:var(--spacing-4)}.blog-posts-newsletter__content>svg{width:var(--spacing-8);height:var(--spacing-8)}}@media screen and (min-width: 1150px){.blog-posts{--article-per-row: var(--blog-posts-per-row, 3)}}@media screen and (min-width: 1400px){.blog-posts{--blog-articles-gap: var(--spacing-20)}}.article{--article-margin-block-end: var(--spacing-14)}.article>.container{justify-content:safe center;gap:var(--spacing-10);margin-block-end:var(--article-margin-block-end);display:grid}@media screen and (min-width: 700px){.article{--article-margin-block-end: var(--spacing-28)}.article>.container{gap:var(--spacing-16)}}.article-banner{grid:var(--article-banner-grid);column-gap:var(--article-banner-column-gap);align-items:var(--article-banner-horizontal-alignement, center);max-width:var(--article-banner-max-width);box-sizing:content-box;justify-items:center;margin-inline-start:auto;margin-inline-end:auto;padding-block-start:var(--article-banner-padding-block-start, 0);display:grid;position:relative}.article-banner:before{content:"";width:calc((100vw - var(--scrollbar-width, 0px)));height:var(--article-banner-before-height);pointer-events:none;background-color:rgb(var(--article-banner-background));position:absolute;top:0}.article-banner__image{z-index:1;width:100%}.article-banner__image>img{width:100%}.article-banner__content{gap:var(--spacing-6);padding:var(--article-banner-content-padding-block-start) var(--article-banner-content-padding-inline) var(--article-banner-content-padding-block-end);justify-items:var(--article-banner-vertical-alignement, center);text-align:var(--article-banner-vertical-alignement, center);z-index:2;display:grid}.article-banner__content>.badge{--badge-background: var(--article-banner-badge-background);padding:var(--spacing-1) var(--spacing-3);display:inline-block}.article__meta{justify-content:var(--article-banner-meta-vertical-alignment, center);row-gap:var(--spacing-2);column-gap:var(--spacing-4);flex-wrap:wrap;display:flex}.article__meta .text-with-icon{gap:var(--spacing-2)}@media screen and (min-width: 1150px){.article-banner{padding-inline-start:var(--container-gutter);padding-inline-end:var(--container-gutter)}.article-banner__content{grid-area:var(--article-banner-grid-area, content)}.article-banner__image{grid-area:var(--article-banner-grid-area, image);position:relative}.article-banner__image:before{content:"";background:rgb(var(--article-banner-image-overlay));border-radius:inherit;z-index:1;pointer-events:none;transition:background .2s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.article__meta{column-gap:var(--spacing-6)}.article__meta .text-with-icon{gap:var(--spacing-2-5)}}.article-content{max-width:var(--article-max-width);grid-template-columns:minmax(0,1fr);margin-inline-start:auto;margin-inline-end:auto;padding-block-start:var(--spacing-10)}.article-content>.share-buttons .share-buttons__item{width:var(--spacing-10);height:var(--spacing-10);opacity:1}@media screen and (min-width: 1000px){.article-content{border-bottom-width:1px;padding-block-start:var(--spacing-16);padding-block-end:var(--spacing-18)}}.article-navigation{gap:var(--spacing-6);max-width:var(--article-max-width);display:grid}.article-prev-next{gap:var(--spacing-5);grid:auto / auto-flow 75vw;display:grid}@media screen and (min-width: 700px){.article-navigation{--navigation-margin-block: var(--spacing-16);gap:var(--spacing-10)}.article-navigation__title>svg{width:27px;height:24px}.article-prev-next{gap:var(--spacing-12);grid:auto / repeat(2,minmax(0,1fr))}}.article-comments{--comments-padding-inner: var(--spacing-6);gap:var(--spacing-12);max-width:var(--article-max-width);display:grid}.comments-list{gap:var(--spacing-4);padding:var(--comments-padding-inner);display:grid}.comment{gap:var(--spacing-3);display:grid}.comment:not(:first-child){padding-block-start:var(--spacing-4)}.article-comments__form{padding:var(--comments-padding-inner)}@media screen and (min-width: 700px){.article-comments{--comments-padding-inner: var(--spacing-12)}.comments-list{gap:var(--spacing-8)}.comment{gap:var(--spacing-6);display:flex}.comment:not(:first-child){padding-block-start:var(--spacing-8)}.comment__gravatar{width:var(--spacing-12);height:var(--spacing-12)}}
/*# sourceMappingURL=/cdn/shop/t/514/assets/template-blog.css.map */