.card{--card-gap:var(--space-stack-md);--card-py:var(--space-inset-md);--card-px:var(--space-inset-md);--card-radius:var(--radius-control);--card-font-size:var(--type-size-control-md);border:1px solid var(--panel-outline,var(--color-outline));background:var(--panel-surface,var(--color-glass-panel));-webkit-backdrop-filter:var(--panel-backdrop,var(--elevation-backdrop-panel));backdrop-filter:var(--panel-backdrop,var(--elevation-backdrop-panel));transition:border-color var(--motion-duration-hover) var(--motion-ease-control)}.card:hover{border-color:var(--panel-outline-hover,var(--color-outline-strong))}.card{gap:var(--card-gap);padding-block:var(--card-py);border-radius:var(--card-radius);color:var(--color-text);font-size:var(--card-font-size);box-shadow:var(--card-shadow,none);transition:border-color var(--motion-duration-hover) var(--motion-ease-control), box-shadow var(--motion-duration-hover) var(--motion-ease-standard);flex-direction:column;display:flex;overflow:hidden}.card:hover{box-shadow:var(--card-shadow-hover,var(--card-shadow,none))}.card[data-size=sm]{--card-gap:var(--space-inset-tight);--card-py:var(--space-inset-tight);--card-px:var(--space-inset-tight)}.card:has([data-slot=card-footer]){padding-block-end:0}.card>img:first-child{border-start-start-radius:var(--card-radius);border-start-end-radius:var(--card-radius)}.card>img:last-child{border-end-end-radius:var(--card-radius);border-end-start-radius:var(--card-radius)}.card:has(>img:first-child){padding-block-start:0}.card[data-interactive]{transition:box-shadow var(--motion-duration-hover) var(--motion-ease-standard), border-color var(--motion-duration-hover) var(--motion-ease-standard)}.card[data-interactive]:hover{box-shadow:var(--card-shadow-hover,var(--elevation-overlay))}.card-header{--card-header-gap:var(--space-inset-xs);align-items:start;gap:var(--card-header-gap);padding-inline:var(--card-px);grid-auto-rows:min-content;display:grid}.card-header:has([data-slot=card-action]){grid-template-columns:1fr auto}.card-header:has([data-slot=card-description]){grid-template-rows:auto auto}.card-title{font-size:var(--type-size-body);font-weight:500;line-height:var(--type-leading-snug)}.card[data-size=sm] .card-title{font-size:var(--type-size-control-md)}.card-description{color:var(--color-text-muted);font-size:var(--type-size-control-md)}.card-action{grid-row:1/span 2;grid-column-start:2;place-self:start end}.card-content{padding-inline:var(--card-px)}.card-footer{padding:var(--card-py) var(--card-px);border-block-start:1px solid var(--color-border);background-color:color-mix(in srgb, var(--color-muted) 50%, transparent);border-end-end-radius:var(--card-radius);border-end-start-radius:var(--card-radius);align-items:center;display:flex}