.blog-post-card{--blog-post-card-badge-spacing: var(--spacing-3);--blog-post-card-figure-gap: var(--spacing-5);--blog-post-card-meta-gap: var(--spacing-1) var(--spacing-5);gap:var(--blog-post-card-figure-gap);align-content:start;display:grid;overflow:hidden}.blog-post-card__figure{display:block;position:relative;overflow:hidden}.blog-post-card__figure>.badge{z-index:1;position:absolute;top:var(--blog-post-card-badge-spacing)}.blog-post-card__figure>.badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--blog-post-card-badge-spacing)}.blog-post-card__figure>.badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--blog-post-card-badge-spacing)}.blog-post-card__meta{gap:var(--blog-post-card-meta-gap);flex-wrap:wrap;display:flex}.blog-post-card--featured{grid-column:1 / -1;gap:0}.blog-post-card--featured .blog-post-card__info{padding:var(--spacing-5)}@media screen and (min-width: 700px){.blog-post-card{--blog-post-card-badge-spacing: var(--spacing-4);--blog-post-card-figure-gap: var(--spacing-6);--blog-post-card-meta-gap: var(--spacing-2) var(--spacing-6)}.blog-post-card--featured .blog-post-card__info{padding:var(--spacing-12)}}@media screen and (min-width: 1000px){.blog-post-card--featured{grid-template-columns:1fr .7fr;display:grid}}@media screen and (min-width: 1150px){.blog-post-card--featured{grid-template-columns:1fr .54fr}.blog-post-card--featured .blog-post-card__info{padding:var(--spacing-16)}}.blog-posts{--blog-posts-gap: var(--spacing-8) var(--grid-gutter);grid:var(--blog-posts-grid);gap:var(--blog-posts-gap);display:grid}@media screen and (min-width: 700px){.blog-posts{--blog-posts-gap: var(--spacing-12) var(--grid-gutter)}}@media screen and (min-width: 1000px){.blog-posts{--blog-posts-gap: var(--spacing-12)}}@media screen and (min-width: 1400px){.blog-posts{--blog-posts-gap: min(var(--section-inner-spacing-inline), var(--spacing-20))}}.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);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/190/assets/blog-styles.css.map */