.listing{--listing-background:#f5f4f4;--listing-background-card:#fff;--listing-text:var(--page-heading);--listing-gap-x:1rem;--listing-gap-y:3rem;--listing-flex-base:100%;background-color:#f5f4f4;background-color:var(--listing-background);color:var(--page-heading);color:var(--listing-text);padding-bottom:3rem;padding-top:3rem}@media only screen and (min-width:87.5rem){.listing{--listing-gap-y:4rem;padding-bottom:4rem;padding-top:4rem}}.listing--white{--listing-background:#fff;--listing-background-card:#f5f4f4;--listing-text:var(--page-heading)}@media only screen and (min-width:50rem){.listing{--listing-flex-base:50%}}@media only screen and (min-width:87.5rem){.listing{--listing-flex-base:33.33%}}@media only screen and (min-width:50rem){.listing--1-per-row{--listing-flex-base:100%}}@media only screen and (min-width:87.5rem){.listing--1-per-row{--listing-flex-base:100%}}@media only screen and (min-width:50rem){.listing--2-per-row{--listing-flex-base:50%}}@media only screen and (min-width:87.5rem){.listing--2-per-row{--listing-flex-base:50%}}@media only screen and (min-width:50rem){.listing--3-per-row{--listing-flex-base:50%}}@media only screen and (min-width:87.5rem){.listing--3-per-row{--listing-flex-base:33.33%}}@media only screen and (min-width:50rem){.listing--4-per-row{--listing-flex-base:50%}}@media only screen and (min-width:87.5rem){.listing--4-per-row{--listing-flex-base:33.33%}}@media only screen and (min-width:100rem){.listing--4-per-row{--listing-flex-base:25%}}@media only screen and (min-width:40rem){.listing--5-per-row{--listing-flex-base:50%}}@media only screen and (min-width:50rem){.listing--5-per-row{--listing-flex-base:33.33%}}@media only screen and (min-width:87.5rem){.listing--5-per-row{--listing-flex-base:25%}}@media only screen and (min-width:100rem){.listing--5-per-row{--listing-flex-base:20%}}.listing__list{align-items:stretch;display:flex;flex-flow:row wrap;justify-content:flex-start;margin:calc(var(--listing-gap-y)/-2) calc(var(--listing-gap-x)/-2);width:calc(100% + var(--listing-gap-x))}.listing__list-item{flex:0 0 auto;margin:calc(var(--listing-gap-y)/2) calc(var(--listing-gap-x)/2);width:calc(var(--listing-flex-base) - var(--listing-gap-x))}