.blog-hero-banner__main{margin-bottom:var(--space-8);text-align:center;border-bottom:solid var(--space-pixel) rgba(var(--color-clay-stroke),1)}.blog-hero-banner__content{max-width:78rem;margin:var(--space-16) auto}@media screen and (min-width: 750px){.blog-hero-banner__main{border-bottom:none}.blog-hero-banner__content{margin:var(--space-22) auto}}.blog-hero-banner__title{margin-bottom:var(--space-8)}.category-hero-banner__description{font-size:var(--text-size-s);line-height:var(--leading-looser)}.blog-hero-banner__main .read-more__toggle-button{text-decoration:underline;text-underline-offset:var(--space-1);white-space:nowrap;cursor:pointer}.blog-hero-banner__categories{display:flex;justify-self:center;flex-wrap:nowrap;gap:var(--space-4);overflow:auto;max-width:100%;padding:var(--space-8) 0;scroll-snap-type:x mandatory}.blog-hero-banner__category{white-space:nowrap;scroll-margin-left:var(--padding-sections-mobile);scroll-snap-align:start;border:var(--space-pixel) solid rgba(var(--color-clay),1)}.button.blog-hero-banner__category--active{color:rgb(var(--color-base-light));background-color:rgba(var(--color-base-brand-quinary),1);border:var(--space-pixel) solid rgba(var(--color-base-brand-quinary),1)}@media screen and (min-width: 750px){.blog-hero-banner__categories{gap:var(--space-16);padding:0}.button.blog-hero-banner__category{--border-opacity: 0;padding:var(--space-1) 0;color:rgb(var(--color-foreground));font-size:var(--text-size-s);font-weight:var(--font-weight-medium);text-decoration:none;height:unset;background:none;border:none;border-radius:0;border-bottom:1px solid rgba(var(--color-foreground),var(--border-opacity))}.button.blog-hero-banner__category:hover,.button.blog-hero-banner__category--active{--border-opacity: 1}}@media screen and (min-width: 990px){.blog-hero-banner__categories{gap:var(--space-32)}}.blog-hero-banner__category:first-child{margin-left:var(--padding-sections-mobile)}.blog-hero-banner__category:last-child{margin-right:var(--padding-sections-mobile)}.blog-hero-banner .facet-article-search-button{display:flex;align-items:center;gap:var(--space-6);cursor:pointer}.blog-hero-banner .facet-article-search-button .icon{width:1.5rem}.blog-hero-banner .search{position:relative}.blog-hero-banner .search:not(.hidden){max-width:0;animation:expandWidth .5s ease-out forwards}@keyframes expandWidth{0%{max-width:0}to{max-width:50rem}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/blog-hero-banner.css.map */