.px-card-grid{width:100%;max-width:100%}.px-card-grid__grid{display:grid;grid-gap:var(--gap);justify-content:center;margin:0 auto}.px-card-grid__row{display:contents}.px-card-grid__space{position:relative;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;grid-gap:var(--gap);gap:var(--gap)}.px-card-grid__space--layout-stacked{grid-column:span 1/auto;aspect-ratio:var(--aspect);display:grid;grid-template-columns:100%;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"top" "bottom"}.px-card-grid__space--layout-default{grid-column:span 1;aspect-ratio:var(--aspect);display:grid;grid-template-columns:100%;grid-template-rows:minmax(0,1fr);grid-template-areas:"card"}.px-card-grid__space--layout-wide{grid-column:span 2;display:grid;grid-template-columns:100%;grid-template-rows:minmax(0,1fr);grid-template-areas:"card"}.px-card-grid__card{display:grid;align-items:stretch;justify-content:stretch;position:relative;flex:1;grid-template-columns:100%;grid-template-rows:auto}.px-card-grid__card>*{width:100%}.px-card-grid__grid--cols-2 .px-card-grid__space--layout-wide{aspect-ratio:var(--aspect-wide)}.px-card-grid--debug .px-card-grid__card:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(255,0,0,.05);border-radius:5px;border:2px dashed rgba(255,0,0,.2);pointer-events:none}.px-card-grid__scroll-id{position:absolute;width:1px;height:1px;top:-80px;opacity:0}