.blog-banner--colored{padding-block-start:0}.blog-banner__inner{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.blog-banner--colored .blog-banner__inner{padding-block:3rem;padding-inline:0}@media screen and (min-width:750px){.blog-banner--colored .blog-banner__inner{padding-block:4rem;padding-inline:0}.blog-banner--image .blog-banner__inner{padding-block:7rem;padding-inline:0}}.blog-banner--image .blog-banner__inner{position:relative;z-index:1;overflow:hidden}.blog-banner--image .blog-banner__media{position:absolute;z-index:-1;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%}.blog-banner--image .blog-banner__media .media-wrapper,.blog-banner--image .blog-banner__media .media{block-size:100%}.blog-banner .title--primary{margin:0}.blog-banner__header>*+*{margin-block-start:1.5rem}.blog-banner__header>*+.blog-filter{margin-block-start:3rem}.blog-filter{display:flex;overflow-y:hidden;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;margin-inline-start:calc(var(--page-width-gutter) * -1);margin-inline-end:calc(var(--page-width-gutter) * -1);padding-inline-start:var(--page-width-gutter);padding-inline-end:var(--page-width-gutter);white-space:nowrap;text-transform:uppercase;-webkit-mask-image:linear-gradient(to right,transparent,black var(--page-width-gutter),black calc(100% - var(--page-width-gutter)),transparent);mask-image:linear-gradient(to right,transparent,black var(--page-width-gutter),black calc(100% - var(--page-width-gutter)),transparent);scrollbar-color:rgb(var(--color-border)) rgba(var(--color-border),.3);-webkit-mask-size:100% 100%,0 100%;mask-size:100% 100%,0 100%;-webkit-mask-position:0 100%,100% 100%;mask-position:0 100%,100% 100%;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat}.blog-filter::-webkit-scrollbar{-webkit-appearance:none;appearance:none;background-clip:padding-box;border:.3rem solid transparent;border-radius:1.6rem;background-color:rgba(var(--color-border),.3);block-size:.5rem;inline-size:.5rem;display:none}.blog-filter::-webkit-scrollbar-thumb{border:.3rem solid transparent;background-clip:padding-box;border-radius:1.6rem;background-color:rgb(var(--color-border))}.blog-filter .link{display:block;padding-block:1.2rem 1rem;padding-inline:2rem;border-radius:var(--button-radius);background:none;font-size:1.2rem;font-weight:bolder;line-height:1}.blog-filter .link .label{padding-block-end:.2rem;background-color:transparent;background-image:linear-gradient(to top,rgb(var(--color-border)) 0px 0px),linear-gradient(to top,transparent 0px,transparent 0px);background-repeat:no-repeat;background-position:right bottom,right bottom;background-size:0% .1rem,100% .1rem;transition-property:background-size;transition-timing-function:ease;transition-duration:var(--duration-default)}.blog-filter .link:not(.is-selected):hover .label{background-position:left bottom,left bottom;background-size:100% .1rem,100% .1rem}.blog-filter .is-selected{background:rgb(var(--color-button-background));color:rgb(var(--color-button-text));cursor:default}.blog-banner__header .blog-filter li:first-child{margin-inline-start:auto}.blog-banner__header .blog-filter li:last-child{margin-inline-end:auto}@media screen and (max-width:749px){.blog-banner__header.mobile-left .blog-filter li:first-child{margin-inline-start:0}.blog-banner__header.mobile-right .blog-filter li:last-child{margin-inline-end:0}}@media screen and (min-width:750px){.blog-banner__header.left .blog-filter li:first-child{margin-inline-start:0}.blog-banner__header.right .blog-filter li:last-child{margin-inline-end:0}}
/*# sourceMappingURL=/cdn/shop/t/118/assets/section-main-blog-banner.css.map */