.card{color:inherit;background-color:var(--color-bg-current);background-image:linear-gradient(var(--gradient-angle,160deg), oklch(from var(--color-accent) l c h / var(--gradient-intensity,0)), transparent var(--gradient-stop,70%));--border-color-source:var(--color-border-muted);border:var(--border-shorthand);border-radius:var(--radius-container);flex-direction:column;text-decoration:none;display:flex}.card>header{padding:var(--space-region);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);border-block-end:var(--border-width) solid var(--border-color-current);color:color-mix(in oklch, var(--color-fg) clamp(0%, calc(100% - var(--gradient-intensity,0) * 120%), 100%), var(--color-accent-fg));padding-block-end:var(--space-3)}.card>header:has(>div){justify-content:space-between;align-items:center;gap:var(--space-2);text-align:start;display:flex}.card>header:has(>div)>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.card>header:has(>div)>div{align-items:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-normal,400);flex:none;display:flex}.card>div{padding:var(--space-region);gap:calc(var(--base-spacing) * .25 * var(--density-scale,1));flex-direction:column;flex:1;display:flex}.card>div>h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:color-mix(in oklch, var(--color-fg) clamp(0%, calc(100% - var(--gradient-intensity,0) * 120%), 100%), var(--color-accent-fg));line-height:var(--line-height-tight-density)}.card>div>p{font-size:var(--font-size-sm);color:color-mix(in oklch, var(--color-fg-muted) clamp(0%, calc(100% - var(--gradient-intensity,0) * 150%), 100%), var(--color-accent-fg));line-height:var(--line-height-density)}.card>footer{padding:var(--space-region);border-block-start:var(--border-width) solid var(--border-color-current);gap:var(--space-2);flex-wrap:wrap;padding-block-start:var(--space-3);display:flex}.card[data-variant=outlined]{border-color:var(--color-border-strong);background-color:#0000}.card[data-interactive]{cursor:pointer;transition:background-color var(--transition-base), box-shadow var(--transition-base)}.card[data-interactive]:hover{background-color:var(--color-surface-raised)}.card[data-interactive][data-variant=outlined]:hover{background-color:var(--color-accent-subtle)}.card[data-interactive]:focus-visible{box-shadow:var(--focus-ring);outline:none}.card[data-state=loading]{opacity:var(--opacity-reduced);pointer-events:none;cursor:wait}.card[data-disabled]{opacity:var(--opacity-disabled);pointer-events:none}@layer blocks{.b-center{width:100%;max-width:var(--max-width-lg);padding-inline:var(--space-6);margin-inline:auto}.b-center[data-width=sm]{max-width:var(--max-width-sm)}.b-center[data-width=md]{max-width:var(--max-width-md)}.b-center[data-width=lg]{max-width:var(--max-width-lg)}.b-center[data-width=xl]{max-width:var(--max-width-xl)}}