.blog-filter-carousel{--blog-filter-fade: 72px;--blog-filter-fade-start: 0px;--blog-filter-fade-end: 0px;position:relative}.blog-filter-carousel[data-can-scroll-start=true]{--blog-filter-fade-start: var(--blog-filter-fade)}.blog-filter-carousel[data-can-scroll-end=true]{--blog-filter-fade-end: var(--blog-filter-fade)}.blog-filter-carousel [data-blog-filter-area]{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--blog-filter-fade-start),#000 calc(100% - var(--blog-filter-fade-end)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--blog-filter-fade-start),#000 calc(100% - var(--blog-filter-fade-end)),transparent 100%)}.blog-filter-carousel__button{display:none;position:absolute;top:50%;z-index:2;width:40px;height:40px;padding:0;align-items:center;justify-content:center;transform:translateY(-50%);border:1px solid rgb(var(--text-color) / .35);border-radius:999px;background:rgb(var(--background));color:rgb(var(--text-color));cursor:pointer;transition:border-color .2s ease,transform .2s ease}.blog-filter-carousel__button--prev{inset-inline-start:4px}.blog-filter-carousel__button--next{inset-inline-end:4px}.blog-filter-carousel__button[hidden]{display:none}@media screen and (min-width:700px){.blog-filter-carousel__button{display:inline-flex}.blog-filter-carousel__button[hidden]{display:none}}@media(hover:hover){.blog-filter-carousel__button:hover{border-color:rgb(var(--text-color) / .8)}}.blog-filter-carousel__button:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media screen and (max-width:699px){.blog-filter-carousel{--blog-filter-fade: 32px}}@media(prefers-reduced-motion:reduce){.blog-filter-carousel__button{transition:none}}.blog-filter-list [aria-selected=true]{border-radius:var(--rounded, 12px) var(--rounded, 12px) 0 0}.blog-banner--has-image{position:relative;isolation:isolate;overflow:hidden}.blog-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.blog-banner__media picture,.blog-banner__image{display:block;width:100%;height:100%}.blog-banner__image{object-fit:cover;object-position:center}.blog-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--blog-banner-overlay-color, #000000);opacity:var(--blog-banner-overlay-opacity, .4)}
/*# sourceMappingURL=/cdn/shop/t/57/assets/section-main-blog.css.map */