@layer design-system.components{.vds-card{--card-radius:var(--vds-radius-card,.75rem);--card-border-width:1px;--card-background:var(--vds-surface-bg,var(--vds-color-surface-container-low,var(--vds-color-surface,#fff)));--card-background-hover:color-mix(in oklch, var(--card-background) 94%, var(--vds-color-bg-subtle,#f9fafb) 6%);--card-border-color:var(--vds-surface-border,var(--vds-color-border-muted,var(--vds-color-border,#e5e7eb)));--card-border-color-hover:var(--vds-surface-border,var(--vds-color-border,#d1d5db));--card-shadow:var(--vds-surface-shadow,var(--vds-elevation-resting,none));--card-shadow-hover:var(--vds-surface-shadow,var(--vds-elevation-raised,none));--card-text-color:var(--vds-color-text,#111827);--card-muted-color:var(--vds-color-text-muted,#6b7280);--card-padding-inline:clamp(var(--vds-space-4,1rem), 2.5vw, var(--vds-space-6,1.5rem));--card-padding-block:clamp(var(--vds-space-4,1rem), 2vw, var(--vds-space-5,1.25rem));--card-section-gap:clamp(var(--vds-space-3,.75rem), 1.5vw, var(--vds-space-4,1rem));--card-header-gap:var(--vds-space-1-5,.375rem);--card-footer-gap:var(--vds-space-3,.75rem);--card-title-font-family:var(--vds-font-sans,ui-sans-serif, system-ui, sans-serif);--card-title-font-size:var(--vds-text-lg,1.125rem);--card-title-font-weight:var(--vds-font-weight-semibold,600);--card-title-line-height:var(--vds-leading-tight,1.25);--card-description-font-size:var(--vds-text-sm,.875rem);--card-description-line-height:var(--vds-leading-normal,1.5);--card-transition-duration:var(--vds-duration-fast,.12s);--card-transition-easing:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1));--card-hover-translate-y:-1px;--card-focus-ring-color:var(--vds-color-ring,#6366f1);--card-focus-ring-width:2px;--card-focus-ring-offset:2px}.vds-card[data-nested-card]:not([data-variant]){--card-background:var(--vds-surface-nested-bg,var(--vds-color-surface-container))}.vds-card[data-nested-card]:not([data-card-depth="1"]):not([data-variant]){--card-background:var(--vds-surface-nested-bg-high,var(--vds-color-surface-container-high))}.vds-card[data-variant=outline]{--card-background:var(--vds-color-surface,#fff);--card-border-color:var(--vds-color-border);--card-border-color-hover:var(--vds-color-border-strong,var(--vds-color-border));--card-shadow:none;--card-shadow-hover:none}.vds-card[data-variant=soft]{--card-background:var(--vds-color-surface-raised,#f9fafb);--card-background-hover:color-mix(in oklch, var(--card-background) 88%, var(--vds-color-surface,#fff) 12%);--card-border-color:color-mix(in oklch, var(--vds-color-border-muted,#e5e7eb) 55%, transparent);--card-border-color-hover:var(--vds-color-border-muted,#e5e7eb);--card-shadow:none;--card-shadow-hover:var(--vds-shadow-sm,0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a)}.vds-card[data-variant=ghost]{--card-background:transparent;--card-background-hover:var(--vds-color-bg-subtle,#f9fafb);--card-border-color:transparent;--card-border-color-hover:transparent;--card-shadow:none;--card-shadow-hover:none}.vds-card[data-size=sm]{--card-padding-inline:clamp(var(--vds-space-3,.75rem), 2vw, var(--vds-space-4,1rem));--card-padding-block:clamp(var(--vds-space-3,.75rem), 1.5vw, var(--vds-space-4,1rem));--card-section-gap:var(--vds-space-2-5,.625rem);--card-footer-gap:var(--vds-space-2,.5rem);--card-title-font-size:var(--vds-text-base,1rem);--card-description-font-size:var(--vds-text-xs,.75rem)}.vds-card[data-size=lg]{--card-padding-inline:clamp(var(--vds-space-5,1.25rem), 3vw, var(--vds-space-8,2rem));--card-padding-block:clamp(var(--vds-space-5,1.25rem), 2.25vw, var(--vds-space-6,1.5rem));--card-section-gap:clamp(var(--vds-space-4,1rem), 1.8vw, var(--vds-space-5,1.25rem));--card-header-gap:var(--vds-space-2,.5rem);--card-footer-gap:var(--vds-space-4,1rem);--card-title-font-size:var(--vds-text-xl,1.25rem);--card-description-font-size:var(--vds-text-base,1rem)}}
@layer design-system.components{.vds-card{overflow-wrap:anywhere;min-inline-size:0;color:var(--card-text-color);background-color:var(--card-background);border:var(--card-border-width) solid var(--card-border-color);--card-effective-radius:min(var(--card-radius), var(--card-parent-radius,var(--card-radius)), max(var(--card-nested-radius,var(--card-radius)), var(--vds-radius-xs,0px)));border-radius:var(--card-effective-radius);box-shadow:var(--card-shadow);--vds-radius-host-r:var(--card-effective-radius);--vds-radius-host-b:var(--card-border-width);--vds-radius-host-p:0px;transition:background-color var(--card-transition-duration) var(--card-transition-easing), border-color var(--card-transition-duration) var(--card-transition-easing), box-shadow var(--card-transition-duration) var(--card-transition-easing), transform var(--card-transition-duration) var(--card-transition-easing);flex-direction:column;display:flex;position:relative;overflow:hidden}.vds-card[data-interactive]{cursor:pointer}.vds-card[data-interactive]:hover{background-color:var(--card-background-hover);border-color:var(--card-border-color-hover);box-shadow:var(--card-shadow-hover);transform:translateY(var(--card-hover-translate-y))}.vds-card[data-interactive]:focus-visible{outline:var(--card-focus-ring-width) solid var(--card-focus-ring-color);outline-offset:var(--card-focus-ring-offset)}@media (prefers-reduced-motion:reduce){.vds-card[data-interactive]{--card-hover-translate-y:0px;transition:none}}.vds-card:not(:has(>.vds-card-header,>.vds-card-content,>.vds-card-footer)){padding-inline:var(--card-padding-inline);padding-block:var(--card-padding-block);--vds-radius-host-p:var(--card-padding-inline)}.vds-card>:where(.vds-card-header,.vds-card-content,.vds-card-footer){min-inline-size:0;padding-inline:var(--card-padding-inline);padding-block:0}.vds-card>:where(.vds-card-header,.vds-card-content,.vds-card-footer):first-child{padding-block-start:var(--card-padding-block)}.vds-card>:where(.vds-card-header,.vds-card-content,.vds-card-footer):last-child{padding-block-end:var(--card-padding-block)}.vds-card>:where(.vds-card-header,.vds-card-content,.vds-card-footer)+:where(.vds-card-header,.vds-card-content,.vds-card-footer){padding-block-start:var(--card-section-gap)}.vds-card-header{gap:var(--card-header-gap);flex-direction:column;display:flex}.vds-card-title{font-family:var(--card-title-font-family,var(--vds-font-sans,ui-sans-serif, system-ui, sans-serif));font-size:var(--card-title-font-size);font-weight:var(--card-title-font-weight);line-height:var(--card-title-line-height);color:inherit;margin:0}.vds-card-description{font-size:var(--card-description-font-size);line-height:var(--card-description-line-height);color:var(--card-muted-color);margin:0}.vds-card-content{min-inline-size:0}.vds-card-footer{justify-content:flex-start;align-items:center;gap:var(--card-footer-gap);flex-wrap:wrap;display:flex}}