.cpt-card{font-family:var(--amanda-font-family-base);transition:box-shadow var(--amanda-transition-fast), background-color var(--amanda-transition-fast)}.cpt-card[data-variant=surface]{--card-background-color:var(--amanda-color-surface);--base-card-surface-box-shadow:0 0 0 1px var(--amanda-color-border);--base-card-surface-hover-box-shadow:0 0 0 1px var(--amanda-color-border-strong);--base-card-surface-active-box-shadow:0 0 0 1px var(--amanda-color-border-strong);box-shadow:var(--amanda-shadow-md)}.cpt-card[data-variant=surface]:where(a,button):hover,.cpt-card[data-variant=surface][data-clickable]:hover{box-shadow:var(--amanda-shadow-md)}.cpt-card[data-variant=classic]{--card-background-color:var(--amanda-color-surface);--base-card-classic-border-color:var(--amanda-color-border-strong);--base-card-classic-hover-border-color:var(--amanda-color-border-strong);--base-card-classic-active-border-color:var(--amanda-color-border-strong);box-shadow:var(--amanda-shadow-md)}.cpt-card[data-variant=classic]:where(a,button):hover,.cpt-card[data-variant=classic][data-clickable]:hover{box-shadow:var(--amanda-shadow-lg)}.cpt-card[data-variant=ghost]{box-shadow:none}.cpt-card[data-variant=ghost]:where(a,button):hover,.cpt-card[data-variant=ghost][data-clickable]:hover{background-color:var(--amanda-color-surface-subtle)}.cpt-card[data-size="1"]{--card-padding:var(--amanda-space-3);--card-border-radius:var(--amanda-radius-3)}.cpt-card[data-size="2"]{--card-padding:var(--amanda-space-4);--card-border-radius:var(--amanda-radius-4)}.cpt-card[data-size="3"]{--card-padding:var(--amanda-space-6);--card-border-radius:var(--amanda-radius-4)}