.componentsListingWithHero{background-color:rgba(var(--_white), 1);margin-bottom:2.5rem}.componentsListingWithHero .componentsListingWithHero__content{display:grid;row-gap:20px}@media(max-width: 47.9375em){.componentsListingWithHero .componentsListingWithHero__content>*:first-child{width:auto;margin-right:-0.75rem;margin-left:-0.75rem}}.componentsListingWithHero .componentsListingWithHero__navigationShowMoreButton{margin-top:1rem;margin-bottom:2.5rem}@media(min-width: 48em)and (max-width: 63.9375em){.medium-narrow .componentsListingWithHero{margin-bottom:2.5rem}}@media(min-width: 64em){.large-narrow .componentsListingWithHero{margin-bottom:2.5rem}}@media(min-width: 48em)and (max-width: 63.9375em){.medium-full .componentsListingWithHero,.medium-wide .componentsListingWithHero{margin-bottom:3rem}.medium-full .componentsListingWithHero .componentsListingWithHero__content,.medium-wide .componentsListingWithHero .componentsListingWithHero__content{gap:20px;grid:auto-flow auto/1fr 1fr 1fr}.medium-full .componentsListingWithHero .componentsListingWithHero__content>*:first-child,.medium-wide .componentsListingWithHero .componentsListingWithHero__content>*:first-child{grid-column-end:4;grid-column-start:1}.medium-full .componentsListingWithHero .componentsListingWithHero__slotItem,.medium-wide .componentsListingWithHero .componentsListingWithHero__slotItem{grid-area:auto/1/auto/4}.medium-full .componentsListingWithHero .componentsListingWithHero__navigationShowMoreButton,.medium-wide .componentsListingWithHero .componentsListingWithHero__navigationShowMoreButton{margin-top:2rem;margin-bottom:3rem}}@media(min-width: 64em){.large-full .componentsListingWithHero,.large-wide .componentsListingWithHero{margin-bottom:3rem}.large-full .componentsListingWithHero .componentsListingWithHero__content,.large-wide .componentsListingWithHero .componentsListingWithHero__content{gap:20px;grid:auto-flow auto/1fr 1fr 1fr}.large-full .componentsListingWithHero .componentsListingWithHero__content>*:first-child,.large-wide .componentsListingWithHero .componentsListingWithHero__content>*:first-child{grid-column-end:4;grid-column-start:1}.large-full .componentsListingWithHero .componentsListingWithHero__slotItem,.large-wide .componentsListingWithHero .componentsListingWithHero__slotItem{grid-area:auto/1/auto/4}.large-full .componentsListingWithHero .componentsListingWithHero__navigationShowMoreButton,.large-wide .componentsListingWithHero .componentsListingWithHero__navigationShowMoreButton{margin-top:2rem;margin-bottom:3rem}}/*# sourceMappingURL=with-hero.css.map */