.demo-card-variants{flex-wrap:wrap;gap:16px;display:flex}.demo-card-variants-card{gap:4px;width:192px;padding:16px}.demo-card-variants-title{text-transform:capitalize}.demo-card-variants-blurb{color:var(--md-sys-color-on-surface-variant)}
.demo-card-example{max-width:360px}.demo-card-example-media{background:var(--md-sys-color-surface-variant);height:128px;color:var(--md-sys-color-on-surface-variant);justify-content:center;align-items:center;font-size:48px;display:flex}.demo-card-example-content{flex-direction:column;gap:8px;padding:16px;display:flex}.demo-card-example-muted{color:var(--md-sys-color-on-surface-variant)}.demo-card-example-actions{justify-content:flex-end;gap:8px;display:flex}
.demo-card-actionable{flex-direction:column;gap:16px;display:flex}.demo-card-actionable-row{flex-wrap:wrap;gap:16px;display:flex}.demo-card-actionable-card{gap:4px;width:192px;padding:16px}.demo-card-actionable-title{text-transform:capitalize}.demo-card-actionable-blurb{color:var(--md-sys-color-on-surface-variant)}