.klyp-Card{gap:var(--space-8);border-radius:var(--radius-xl);background:var(--color-bg-surface);padding-top:var(--space-16);padding-bottom:var(--space-16);color:var(--color-fg-primary);font-family:var(--font-sans);font-size:var(--font-size-13);box-shadow:inset 0 0 0 var(--bw-default) var(--color-border-subtle);flex-direction:column;display:flex;overflow:hidden}.klyp-Card:has(>.klyp-Card__footer){padding-bottom:0}.klyp-Card:has(>img:first-child){padding-top:0}.klyp-Card>img:first-child{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.klyp-Card>img:last-child{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.klyp-Card[data-size=sm]{gap:var(--space-6);padding-top:var(--space-12);padding-bottom:var(--space-12)}.klyp-Card[data-size=sm]:has(>.klyp-Card__footer){padding-bottom:0}.klyp-Card__header{align-items:start;gap:var(--space-2);padding-left:var(--space-16);padding-right:var(--space-16);grid-auto-rows:min-content;display:grid;container:card-header/inline-size}.klyp-Card__header:has(>[data-slot=card-action]){grid-template-columns:1fr auto}.klyp-Card__title{font-size:var(--font-size-16);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug)}.klyp-Card__description{font-size:var(--font-size-13);color:var(--color-fg-muted);line-height:var(--line-height-snug)}.klyp-Card__action{grid-row:1/span 2;grid-column-start:2;place-self:start end}.klyp-Card__content{padding-left:var(--space-16);padding-right:var(--space-16)}.klyp-Card__footer{border-top:var(--bw-default) solid var(--color-border-subtle);background:var(--color-bg-surface-solid);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);padding:var(--space-16);align-items:center;display:flex}.klyp-Card[data-size=sm] .klyp-Card__header{padding-left:var(--space-12);padding-right:var(--space-12)}.klyp-Card[data-size=sm] .klyp-Card__title{font-size:var(--font-size-13)}.klyp-Card[data-size=sm] .klyp-Card__content{padding-left:var(--space-12);padding-right:var(--space-12)}.klyp-Card[data-size=sm] .klyp-Card__footer{padding:var(--space-12)}