@layer components{@scope(.ui-card) to (:scope :is([class^=ui-],[class*=\ ui-],[class^=viz-],[class*=\ viz-]):not([data-ui-boundary=transparent])){:scope{gap:var(--space-4);min-inline-size:0;padding:var(--space-5);border-radius:var(--radius-2);background-color:var(--surface);box-shadow:var(--shadow-1);outline:thin solid #0000;align-content:start;display:grid}:scope[data-emphasis=featured]{background-color:var(--signal-tint);box-shadow:0 0 0 calc(var(--space-1) / 2) var(--signal-line);outline-width:medium}:scope [data-part=card-header]{gap:var(--space-2);min-inline-size:0;display:grid}:scope [data-part=card-eyebrow]{color:var(--ink-dim);font-size:var(--text-sm);font-weight:600}:scope [data-part=card-body]{gap:var(--space-3);align-content:start;min-inline-size:0;display:grid}:scope [data-part=card-actions]{gap:var(--space-2) var(--space-3);flex-wrap:wrap;align-items:center;min-inline-size:0;display:flex}:scope[data-block=stretch]{flex-direction:column;block-size:100%;display:flex}:scope[data-block=stretch] [data-part=card-actions]{margin-block-start:auto}:scope[data-block=rows]{grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--space-4);align-content:stretch}:scope[data-block=rows] [data-part=card-header]{grid-row:1;align-content:start}:scope[data-block=rows] [data-part=card-body]{grid-row:2}:scope[data-block=rows] [data-part=card-actions]{grid-row:3;align-self:end}}}