.ds-card{--ds-card-background:var(--bg-layer-raised);--ds-card-background-hover:var(--bg-layer-raised-hover);--ds-card-background-pressed:var(--bg-layer-raised-pressed);--ds-card-color:var(--fg-text-primary);--ds-card-gap:var(--dimension-x2);--ds-card-padding:var(--dimension-x3);--ds-card-radius:var(--radius-secondary);--ds-card-border-width:var(--dimension-stroke-component-default);--ds-card-shadow:var(--shadow-xs);--ds-card-shadow-hover:var(--shadow-sm);--ds-card-shadow-pressed:var(--shadow-xs);--ds-card-stroke:var(--stroke-transparent);gap:var(--ds-card-gap);padding:var(--ds-card-padding);border:var(--ds-card-border-width) solid var(--ds-card-stroke);border-radius:var(--ds-card-radius);background:var(--ds-card-background);box-shadow:var(--ds-card-shadow);color:var(--ds-card-color);font-family:var(--font-family-sans);transform:var(--motion-transform-interaction-rest);transform-origin:50%;display:grid;position:relative;overflow:hidden}.ds-card--border-none{--ds-card-border-width:var(--dimension-x0)}.ds-card--border-transparent{--ds-card-stroke:var(--stroke-transparent)}.ds-card--surface-default{--ds-card-background:var(--bg-layer-default);--ds-card-background-hover:var(--bg-layer-default-hover);--ds-card-background-pressed:var(--bg-layer-default-pressed)}.ds-card--surface-flat{--ds-card-background:var(--neutral-0);--ds-card-background-hover:var(--neutral-0);--ds-card-background-pressed:var(--neutral-0)}.ds-card--surface-raised{--ds-card-background:var(--bg-layer-raised);--ds-card-background-hover:var(--bg-layer-raised-hover);--ds-card-background-pressed:var(--bg-layer-raised-pressed)}.ds-card--surface-transparent{--ds-card-background:var(--bg-transparent);--ds-card-background-hover:var(--bg-transparent-hover);--ds-card-background-pressed:var(--bg-transparent-pressed)}.ds-card--elevation-none{--ds-card-shadow:var(--shadow-none);--ds-card-shadow-hover:var(--shadow-none);--ds-card-shadow-pressed:var(--shadow-none)}.ds-card--elevation-xs{--ds-card-shadow:var(--shadow-xs)}.ds-card--elevation-sm{--ds-card-shadow:var(--shadow-sm)}.ds-card--elevation-md{--ds-card-shadow:var(--shadow-md)}.ds-card--padding-none{--ds-card-gap:var(--dimension-x0);--ds-card-padding:var(--dimension-x0)}.ds-card--padding-compact{--ds-card-gap:var(--dimension-x1_5);--ds-card-padding:var(--dimension-x2_5)}.ds-card--padding-medium{--ds-card-gap:var(--dimension-x2);--ds-card-padding:var(--dimension-x3)}.ds-card--padding-comfortable{--ds-card-gap:var(--dimension-x3);--ds-card-padding:var(--dimension-x4)}.ds-card--radius-primary{--ds-card-radius:var(--radius-primary)}.ds-card--radius-secondary{--ds-card-radius:var(--radius-secondary)}.ds-card--radius-elevated{--ds-card-radius:var(--radius-elevated)}.ds-card--interactive{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;transition:box-shadow var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out), background-color var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out), var(--motion-transition-interaction-press-out);will-change:transform}@media (hover:hover) and (pointer:fine){.ds-card--interactive:hover{background:var(--ds-card-background-hover);box-shadow:var(--ds-card-shadow-hover)}}.ds-card--interactive[data-interaction-state=pressed]{background:var(--ds-card-background-pressed);box-shadow:var(--ds-card-shadow-pressed);transform:var(--motion-transform-interaction-press);transition:box-shadow var(--motion-duration-interaction-press-in) var(--motion-easing-interaction-press-in), background-color var(--motion-duration-interaction-press-in) var(--motion-easing-interaction-press-in), var(--motion-transition-interaction-press-in)}