:where(.grid-container){grid-column:grid}.grid-container{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));width:100%;--cols:1}.grid-container__element{grid-column:auto}.grid-container__element>.card{min-height:100%}.grid-container--vertical-align-center{place-items:center start}.grid-container--gap-md{gap:2rem}.grid-container--gap-lg{gap:4rem}@media (min-width:768px){.grid-container{--cols:2}}@media (min-width:1024px){.grid-container--three-columns{--cols:3}.grid-container--four-columns{--cols:4}}