@layer pix-components{.pix-card{--_pix-card-surface:var(--pix-card-surface,var(--color-surface));--_pix-card-radius:var(--pix-card-radius,var(--radius-large));--_pix-card-padding:var(--pix-card-padding,var(--spacing-medium));--_pix-card-border-color:var(--color-surface-border);--_pix-card-text:var(--color-text);--_pix-card-text-muted:var(--color-text-muted);--_pix-card-shadow:none;--_pix-card-horizontal-gap:3rem;background-color:var(--_pix-card-surface);color:var(--_pix-card-text);border:var(--border-thin) solid var(--_pix-card-border-color);border-radius:var(--_pix-card-radius);box-shadow:var(--_pix-card-shadow);transition:background-color var(--duration-normal) var(--ease-in-out), border-color var(--duration-normal) var(--ease-in-out), box-shadow var(--duration-normal) var(--ease-in-out);overflow:hidden;container:pix-card/inline-size}.pix-card__inner{display:contents}.pix-card__content{justify-content:center;gap:var(--spacing-small);padding:var(--_pix-card-padding);flex-direction:column;display:flex}.pix-card__header{font-size:var(--text-h5);font-weight:var(--font-weight-h5);line-height:var(--text-h5--line-height);color:var(--_pix-card-text)}.pix-card__body{color:var(--_pix-card-text)}.pix-card__footer{color:var(--_pix-card-text-muted)}:is(.pix-card__header,.pix-card__body,.pix-card__footer):empty{display:none}.pix-card[data-clickable]{isolation:isolate;position:relative}.pix-card[data-clickable] .pix-card__stretched-link:after{content:"";z-index:1;position:absolute;inset:0}.pix-card[data-clickable] :is(a,button,input,select,textarea,label,summary):not(.pix-card__stretched-link){z-index:2;position:relative}.pix-card[data-layout=horizontal]>.pix-card__inner{column-gap:var(--_pix-card-horizontal-gap);grid-template-columns:1fr;display:grid}@container pix-card (inline-size>=640px){.pix-card[data-layout=horizontal]>.pix-card__inner{grid-template-columns:1fr 1fr}}.pix-card[data-layout=horizontal]>.pix-card__inner>.pix-card__media{aspect-ratio:auto;height:100%}.pix-card[data-subgrid]>.pix-card__inner{grid-row:span 4;grid-template-rows:subgrid;display:grid}.pix-card[data-subgrid]>.pix-card__inner>.pix-card__content{grid-row:span 3;grid-template-rows:subgrid;display:grid}}