article[z-card]{display:grid;color:var(--z-card--color, var(--z-ct-primary))!important;border-radius:var(--z-card--radius, var(--zs-150));background:var(--z-card--bg, var(--z-sf-base))!important;font:var(--z-card--font);transition:box-shadow .2s ease-in-out;box-shadow:var(--z-card--shadow, var(--zd-1));padding:var(--z-card--padding, var(--zs-150));width:var(--z-card--width, auto);height:var(--z-card--height, auto);gap:var(--z-card--gap, var(--zs-100));box-sizing:border-box;overflow:clip;border:var(--z-card--border)}article[card-size=desktop]{max-width:320px}article[card-size=portrait]{max-width:210px}article[card-size=landscape]{max-width:290px}article[card-size=mobile]{max-width:315px}article[clickable]{cursor:pointer}article[clickable]:hover{box-shadow:var(--zd-3)}article[z-card=flex],article[z-card$=":flex"]{display:flex;flex-direction:column}article[z-card=slim],article[z-card^=slim]{padding:0}