.blog{background-color:rgb(var(--color-background))}.blog__head{display:flex;overflow:auto hidden;margin-block-end:var(--sg-space-32);--blog-fade-start: 0px;--blog-fade-end: var(--sg-space-48);-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--blog-fade-start),black calc(100% - var(--blog-fade-end)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black var(--blog-fade-start),black calc(100% - var(--blog-fade-end)),transparent 100%)}@property --blog-fade-start{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --blog-fade-end{syntax: "<length>"; inherits: false; initial-value: 0px;}@keyframes blog-head-fade-start{0%{--blog-fade-start: 0px}to{--blog-fade-start: var(--sg-space-48)}}@keyframes blog-head-fade-end{0%{--blog-fade-end: var(--sg-space-48)}to{--blog-fade-end: 0px}}@supports (animation-timeline: scroll()){.blog__head{animation:blog-head-fade-start linear both,blog-head-fade-end linear both;animation-timeline:scroll(self inline),scroll(self inline);animation-range:0 var(--sg-space-48),calc(100% - var(--sg-space-48)) 100%}}.blog__filters{max-width:100%}.blog__filters-items{display:flex;gap:var(--sg-space-8);margin:0;padding-inline-end:var(--sg-space-48)}.blog__filters-item a,.blog__filters-item span{display:block;width:max-content;padding:var(--sg-space-8) var(--sg-space-16);border:1px solid var(--sg-color-grey-100);border-radius:var(--sg-radius-pill);background-color:var(--sg-color-grey-100);color:var(--sg-color-black);font-family:var(--sg-font-body);font-weight:var(--sg-font-weight-medium);font-size:var(--sg-type-text-sm-size);line-height:var(--sg-type-text-sm-line-height);text-decoration:none;transition:background-color var(--sg-duration-fast) var(--sg-ease),border-color var(--sg-duration-fast) var(--sg-ease),color var(--sg-duration-fast) var(--sg-ease)}.blog__filters-item a:hover{border-color:var(--sg-color-blue);background-color:var(--sg-color-blue-20)}.blog__filters-item a:focus-visible{outline:2px solid var(--sg-color-black);outline-offset:-2px}.blog__filters-item.is-active span{border-color:var(--sg-color-black);background-color:var(--sg-color-black);color:var(--sg-color-white)}.blog__articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--sg-grid-gutter);row-gap:var(--sg-space-32);overflow-wrap:anywhere}.blog__card-article>a{display:flex;flex-direction:column;height:100%}.blog__card-article .card-article__media{border-radius:var(--sg-radius-lg);overflow:hidden}.blog__card-article.card-article>a .media img,.blog__card-article.card-article>a .media svg{transition:transform var(--sg-duration-base) var(--sg-ease)}.blog__card-article .card-article__content{align-items:flex-start;gap:var(--sg-space-8);padding:var(--sg-space-16) 0 0;font-size:var(--sg-type-text-sm-size);text-align:start}.blog__card-article .card-article__title{margin:0;font-family:var(--sg-font-heading);font-weight:var(--sg-font-weight-regular);font-size:var(--sg-type-h7-size);line-height:var(--sg-type-h7-line-height);text-decoration:underline solid transparent 1px;text-underline-offset:.3rem;transition:text-decoration-color var(--sg-duration-fast) var(--sg-ease)}.blog__card-article .card-article__entry{margin:0;color:var(--sg-color-black);font-family:var(--sg-font-body);font-size:var(--sg-type-text-sm-size);line-height:var(--sg-type-text-sm-line-height);letter-spacing:0}.blog__card-article .card-article__entry p{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.blog__card-article .card-article__meta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--sg-space-4) var(--sg-space-8);margin-block-start:var(--sg-space-4);color:var(--sg-color-black);font-family:var(--sg-font-body);font-weight:var(--sg-font-weight-medium);font-size:var(--sg-type-text-xs-size);line-height:var(--sg-type-text-xs-line-height);letter-spacing:var(--sg-type-text-xs-letter-spacing);text-transform:none}.blog__card-article .article-card__author:empty{display:none}.blog__card-article .article-card__author:not(:empty):has(+.article-card__date):after{content:"";display:inline-block;width:.4rem;height:.4rem;margin-inline-start:var(--sg-space-8);border-radius:var(--sg-radius-pill);background-color:var(--sg-color-grey-250);vertical-align:middle}.blog__actions{margin-block-start:var(--sg-space-48)}.blog dynamic-load-more,.blog dynamic-load-previous{display:block;margin-block-start:var(--sg-space-48)}.blog .js-btn-load-more[disabled],.blog .js-btn-load-previous[disabled]{--sg-button-bg: var(--sg-color-blue);--sg-button-border-color: var(--sg-color-blue);--sg-button-hover-bg: var(--sg-color-blue);--sg-button-hover-border-color: var(--sg-color-blue);position:relative;opacity:1;color:transparent}.blog .js-btn-load-more .button__spinner,.blog .js-btn-load-previous .button__spinner{display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:var(--sg-radius-pill);color:var(--sg-color-black)}.blog .js-btn-load-more .lds-ring,.blog .js-btn-load-previous .lds-ring{width:2.4rem;height:2.4rem}.blog .js-btn-load-more .lds-ring span,.blog .js-btn-load-previous .lds-ring span{width:2.4rem;height:2.4rem;margin:0;border-width:.2rem}@media(hover:hover){.blog__card-article.card-article>a:hover .card-article__media img,.blog__card-article.card-article>a:hover .card-article__media svg{transform:scale(var(--sg-hover-zoom))}.blog__card-article>a:hover .card-article__title{text-decoration-color:currentColor}}@media screen and (max-width:749px){.blog__head{margin-inline:calc(var(--page-gutter) * -1);-webkit-mask-image:none;mask-image:none;animation:none}.blog__filters-items{padding-inline:var(--page-gutter)}}@media screen and (min-width:750px){.blog__head{margin-block-end:var(--sg-space-40)}.blog__articles-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--sg-space-48)}.blog__card-article .card-article__content{padding-block-start:var(--sg-space-24)}.blog__card-article .card-article__title{font-size:var(--sg-type-h6-size);line-height:var(--sg-type-h6-line-height)}.blog__card-article .card-article__entry{font-size:var(--sg-type-text-md-size);line-height:var(--sg-type-text-md-line-height)}}@media screen and (min-width:990px){.blog__articles-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-blog.css.map */