scb-wc 0.1.191 → 0.1.192

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/mvc/components/scb-avatar/scb-avatar.js +1 -1
  2. package/mvc/components/scb-card/scb-card.js +14 -14
  3. package/mvc/components/scb-chip/scb-chip.js +7 -7
  4. package/mvc/components/scb-drawer/scb-drawer.js +2 -2
  5. package/mvc/components/scb-dropdown/scb-dropdown.js +1 -1
  6. package/mvc/components/scb-fab/scb-fab.js +18 -6
  7. package/mvc/components/scb-footer/scb-footer.js +6 -4
  8. package/mvc/components/scb-header/scb-header.js +50 -50
  9. package/mvc/components/scb-icon-button/scb-icon-button.js +3 -3
  10. package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +1 -1
  11. package/mvc/components/scb-overlay/scb-overlay.js +2 -2
  12. package/mvc/components/scb-select/scb-select-option.js +1 -1
  13. package/mvc/components/scb-stepper/scb-step.js +7 -7
  14. package/mvc/components/scb-table-advanced/scb-table-advanced.js +3 -2
  15. package/mvc/components/scb-tabs/scb-tabs.js +2 -2
  16. package/mvc/components/scb-tooltip/scb-tooltip.js +3 -3
  17. package/mvc/scb-wc-core.css +1 -1
  18. package/mvc/scb-wc-selfhost.css +1 -1
  19. package/mvc/scb-wc.css +1 -1
  20. package/package.json +2 -2
  21. package/scb-avatar/scb-avatar.js +4 -4
  22. package/scb-card/scb-card.js +9 -9
  23. package/scb-chip/scb-chip.js +14 -0
  24. package/scb-components/scb-fab/scb-fab.d.ts +1 -0
  25. package/scb-components/scb-header/scb-header.d.ts +5 -1
  26. package/scb-components/scb-tooltip/scb-tooltip.d.ts +1 -0
  27. package/scb-drawer/scb-drawer.js +2 -2
  28. package/scb-dropdown/scb-dropdown.js +1 -1
  29. package/scb-fab/scb-fab.js +15 -1
  30. package/scb-footer/scb-footer.js +3 -9
  31. package/scb-header/scb-header.js +116 -45
  32. package/scb-icon-button/scb-icon-button.js +25 -19
  33. package/scb-keyfigure-card/scb-keyfigure-card.js +1 -1
  34. package/scb-overlay/scb-overlay.js +1 -1
  35. package/scb-select/scb-select-option.js +1 -0
  36. package/scb-stepper/scb-step.js +16 -4
  37. package/scb-table-advanced/scb-table-advanced.js +12 -3
  38. package/scb-tabs/scb-tabs.js +4 -0
  39. package/scb-tooltip/scb-tooltip.js +50 -34
  40. package/scb-wc-core.css +1 -1
  41. package/scb-wc-selfhost.css +1 -1
  42. package/scb-wc.bundle.js +294 -189
  43. package/scb-wc.css +1 -1
@@ -16,4 +16,4 @@ import{f as y,g as c,h as f,m as u,p as s,v as n,y as _}from"../../vendor/vendor
16
16
  <div class="container" part="container" role="img" aria-label=${a??c}>
17
17
  ${this.variant==="icon"?l:o}
18
18
  </div>
19
- `}},p.styles=_`:host{display:inline-block;vertical-align:middle;margin-block-start:var(--scb-avatar-spacing-block-start, 0);margin-block-end:var(--scb-avatar-spacing-block-end, 0);margin-inline-start:var(--scb-avatar-spacing-inline-start, 0);margin-inline-end:var(--scb-avatar-spacing-inline-end, 0);--_size:var(--scb-avatar-size-medium, var(--scale-10, 40px));--scb-avatar-initials-font:var(--scb-avatar-initials-medium-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-medium-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 16px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-medium-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-medium-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-medium-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--_font-size:var(--scb-avatar-font-size, var(--scb-avatar-initials-font-size));--_icon-size:var(--scb-avatar-icon-size-medium, var(--icon-size-medium, 24px));--_bg:var(--scb-avatar-container-color, var(--md-sys-color-primary-fixed-dim, var(--md-sys-color-primary-container)));--_fg:var(--scb-avatar-content-color, var(--md-sys-color-on-primary-fixed, var(--md-sys-color-on-primary-container)));--_image-fallback-bg:var(--scb-avatar-image-fallback-container-color, var(--md-sys-color-primary-container));--_image-fallback-fg:var(--scb-avatar-image-fallback-content-color, var(--md-sys-color-on-primary-container));--_radius:var(--radius-full, 1000px);--_border:0 solid transparent;font-family:var(--brand-font, Inter, system-ui, sans-serif);color-scheme:light dark}:host([size="small"]){--_size:var(--scb-avatar-size-small, var(--scale-08, 32px));--scb-avatar-initials-font:var(--scb-avatar-initials-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 14px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-small-letter-spacing, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-small-font-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px))}:host([size="medium"]){--_size:var(--scb-avatar-size-medium, var(--scale-10, 40px));--scb-avatar-initials-font:var(--scb-avatar-initials-medium-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-medium-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 16px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-medium-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-medium-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-medium-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-medium, var(--icon-size-medium, 24px))}:host([size="large"]){--_size:var(--scb-avatar-size-large, var(--scale-12, 56px));--scb-avatar-initials-font:var(--scb-avatar-initials-large-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-large-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 20px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-large-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 28px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-large-letter-spacing, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking, 0)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-large-font-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-large, var(--icon-size-large, 32px))}:host([size="extra-large"]),:host([size="xlarge"]){--_size:var(--scb-avatar-size-extra-large, var(--scale-13, 80px));--scb-avatar-initials-font:var(--scb-avatar-initials-extra-large-font, var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-extra-large-size, var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size, 28px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-extra-large-line-height, var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height, 36px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-extra-large-letter-spacing, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking, 0)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-extra-large-font-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-extra-large, var(--icon-size-extra-extra-large, 48px))}:host([shape="circular"]){--_radius:var(--radius-full, 1000px)}:host([shape="rounded"]){--_radius:var(--radius-s, 8px)}:host([shape="square"]){--_radius:0}.container{inline-size:var(--_size);block-size:var(--_size);border-radius:var(--_radius);position:relative;overflow:hidden;user-select:none;line-height:1;border:var(--_border);display:grid;place-items:center}:host([variant="image"]) .container{background:0 0}:host([variant="image"]) img.photo{width:100%;height:100%;object-fit:cover;display:block}:host([variant="icon"]) .container{background:var(--_bg);color:var(--_fg)}md-icon{--md-icon-size:var(--_icon-size);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);line-height:1}img.icon{width:var(--_icon-size);height:var(--_icon-size);object-fit:contain;display:block}.fallback{display:grid;place-items:center;width:100%;height:100%;font-family:var(--scb-avatar-initials-font, var(--brand-font, Inter, system-ui, sans-serif));font-size:var(--_font-size);font-weight:var(--scb-avatar-initials-font-weight, var(--weight-semibold, 600));line-height:var(--scb-avatar-initials-line-height, 1);letter-spacing:var(--scb-avatar-initials-letter-spacing, .01em);text-transform:uppercase;color:var(--_fg);background:var(--_bg)}:host([variant="image"]) .fallback{color:var(--_image-fallback-fg);background:var(--_image-fallback-bg)}::slotted([slot=icon]){width:var(--_icon-size);height:var(--_icon-size);font-size:var(--_icon-size);line-height:1}:host(:focus-visible) .container{outline:var(--md-focus-ring-width, 2px) solid var(--md-focus-ring-color, var(--p-40));outline-offset:2px;border-radius:var(--_radius)}`,p);function d(){const r=this.mapSpacingToken(this.spacing),a=this.mapSpacingToken(this.spacingTop)??r,i=this.mapSpacingToken(this.spacingBottom)??r,l=this.mapSpacingToken(this.spacingLeft)??r,o=this.mapSpacingToken(this.spacingRight)??r;a?this.style.setProperty("--scb-avatar-spacing-block-start",a):this.style.removeProperty("--scb-avatar-spacing-block-start"),i?this.style.setProperty("--scb-avatar-spacing-block-end",i):this.style.removeProperty("--scb-avatar-spacing-block-end"),l?this.style.setProperty("--scb-avatar-spacing-inline-start",l):this.style.removeProperty("--scb-avatar-spacing-inline-start"),o?this.style.setProperty("--scb-avatar-spacing-inline-end",o):this.style.removeProperty("--scb-avatar-spacing-inline-end")}e([s({type:String})],t.prototype,"src",void 0);e([s({type:String})],t.prototype,"alt",void 0);e([s({type:String})],t.prototype,"label",void 0);e([s({type:String,reflect:!0})],t.prototype,"size",void 0);e([s({type:String,reflect:!0})],t.prototype,"shape",void 0);e([s({type:String,attribute:"icon-name",reflect:!0})],t.prototype,"iconName",void 0);e([s({type:String,reflect:!0})],t.prototype,"variant",void 0);e([s({type:String,reflect:!0})],t.prototype,"spacing",void 0);e([s({type:String,attribute:"spacing-top",reflect:!0})],t.prototype,"spacingTop",void 0);e([s({type:String,attribute:"spacing-bottom",reflect:!0})],t.prototype,"spacingBottom",void 0);e([s({type:String,attribute:"spacing-left",reflect:!0})],t.prototype,"spacingLeft",void 0);e([s({type:String,attribute:"spacing-right",reflect:!0})],t.prototype,"spacingRight",void 0);e([y()],t.prototype,"_imgError",void 0);e([y()],t.prototype,"_hasIconSlot",void 0);t=e([u("scb-avatar")],t);export{t as ScbAvatar};
19
+ `}},p.styles=_`:host{display:inline-block;vertical-align:middle;margin-block-start:var(--scb-avatar-spacing-block-start, 0);margin-block-end:var(--scb-avatar-spacing-block-end, 0);margin-inline-start:var(--scb-avatar-spacing-inline-start, 0);margin-inline-end:var(--scb-avatar-spacing-inline-end, 0);--_size:var(--scb-avatar-size-medium, var(--scale-10, 40px));--scb-avatar-initials-font:var(--scb-avatar-initials-medium-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-medium-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 16px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-medium-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-medium-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-medium-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--_font-size:var(--scb-avatar-font-size, var(--scb-avatar-initials-font-size));--_icon-size:var(--scb-avatar-icon-size-medium, var(--icon-size-medium, 24px));--_bg:var(--scb-avatar-container-color, var(--md-sys-color-primary-fixed-dim, var(--md-sys-color-primary-container)));--_fg:var(--scb-avatar-content-color, var(--md-sys-color-on-primary-fixed, var(--md-sys-color-on-primary-container)));--_image-fallback-bg:var(--scb-avatar-image-fallback-container-color, var(--md-sys-color-primary-container));--_image-fallback-fg:var(--scb-avatar-image-fallback-content-color, var(--md-sys-color-on-primary-container));--_radius:var(--scb-avatar-shape-radius-circular, var(--radius-full, 1000px));--_border:0 solid transparent;font-family:var(--brand-font, Inter, system-ui, sans-serif);color-scheme:light dark}:host([size="small"]){--_size:var(--scb-avatar-size-small, var(--scale-08, 32px));--scb-avatar-initials-font:var(--scb-avatar-initials-small-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-small-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 14px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-small-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-small-letter-spacing, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-small-font-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-small, var(--icon-size-small, 20px))}:host([size="medium"]){--_size:var(--scb-avatar-size-medium, var(--scale-10, 40px));--scb-avatar-initials-font:var(--scb-avatar-initials-medium-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-medium-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 16px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-medium-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 20px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-medium-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, 0.1px)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-medium-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-medium, var(--icon-size-medium, 24px))}:host([size="large"]){--_size:var(--scb-avatar-size-large, var(--scale-12, 56px));--scb-avatar-initials-font:var(--scb-avatar-initials-large-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-large-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 20px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-large-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 28px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-large-letter-spacing, var(--scb-typography-title-large-tracking, var(--md-sys-typescale-title-large-tracking, 0)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-large-font-weight, var(--scb-typography-title-large-weight, var(--md-sys-typescale-title-large-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-large, var(--icon-size-large, 32px))}:host([size="extra-large"]),:host([size="xlarge"]){--_size:var(--scb-avatar-size-extra-large, var(--scale-13, 80px));--scb-avatar-initials-font:var(--scb-avatar-initials-extra-large-font, var(--scb-typography-headline-medium-font, var(--md-sys-typescale-headline-medium-font)));--scb-avatar-initials-font-size:var(--scb-avatar-initials-extra-large-size, var(--scb-typography-headline-medium-size, var(--md-sys-typescale-headline-medium-size, 28px)));--scb-avatar-initials-line-height:var(--scb-avatar-initials-extra-large-line-height, var(--scb-typography-headline-medium-line-height, var(--md-sys-typescale-headline-medium-line-height, 36px)));--scb-avatar-initials-letter-spacing:var(--scb-avatar-initials-extra-large-letter-spacing, var(--scb-typography-headline-medium-tracking, var(--md-sys-typescale-headline-medium-tracking, 0)));--scb-avatar-initials-font-weight:var(--scb-avatar-initials-extra-large-font-weight, var(--scb-typography-headline-medium-weight, var(--md-sys-typescale-headline-medium-weight, var(--weight-semibold, 600))));--_icon-size:var(--scb-avatar-icon-size-extra-large, var(--icon-size-extra-extra-large, 48px))}:host([shape="circular"]){--_radius:var(--scb-avatar-shape-radius-circular, var(--radius-full, 1000px))}:host([shape="rounded"]){--_radius:var(--scb-avatar-shape-radius-rounded, var(--radius-s, 8px))}:host([shape="square"]){--_radius:var(--scb-avatar-shape-radius-square, var(--radius-none, 0px))}.container{inline-size:var(--_size);block-size:var(--_size);border-radius:var(--_radius);position:relative;overflow:hidden;user-select:none;line-height:1;border:var(--_border);display:grid;place-items:center}:host([variant="image"]) .container{background:0 0}:host([variant="image"]) img.photo{width:100%;height:100%;object-fit:cover;display:block}:host([variant="icon"]) .container{background:var(--_bg);color:var(--_fg)}md-icon{--md-icon-size:var(--_icon-size);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);line-height:1}img.icon{width:var(--_icon-size);height:var(--_icon-size);object-fit:contain;display:block}.fallback{display:grid;place-items:center;width:100%;height:100%;font-family:var(--scb-avatar-initials-font, var(--brand-font, Inter, system-ui, sans-serif));font-size:var(--_font-size);font-weight:var(--scb-avatar-initials-font-weight, var(--weight-semibold, 600));line-height:var(--scb-avatar-initials-line-height, 1);letter-spacing:var(--scb-avatar-initials-letter-spacing, .01em);text-transform:uppercase;color:var(--_fg);background:var(--_bg)}:host([variant="image"]) .fallback{color:var(--_image-fallback-fg);background:var(--_image-fallback-bg)}::slotted([slot=icon]){width:var(--_icon-size);height:var(--_icon-size);font-size:var(--_icon-size);line-height:1}:host(:focus-visible) .container{outline:var(--md-focus-ring-width, 2px) solid var(--md-focus-ring-color, var(--p-40));outline-offset:2px;border-radius:var(--_radius)}`,p);function d(){const r=this.mapSpacingToken(this.spacing),a=this.mapSpacingToken(this.spacingTop)??r,i=this.mapSpacingToken(this.spacingBottom)??r,l=this.mapSpacingToken(this.spacingLeft)??r,o=this.mapSpacingToken(this.spacingRight)??r;a?this.style.setProperty("--scb-avatar-spacing-block-start",a):this.style.removeProperty("--scb-avatar-spacing-block-start"),i?this.style.setProperty("--scb-avatar-spacing-block-end",i):this.style.removeProperty("--scb-avatar-spacing-block-end"),l?this.style.setProperty("--scb-avatar-spacing-inline-start",l):this.style.removeProperty("--scb-avatar-spacing-inline-start"),o?this.style.setProperty("--scb-avatar-spacing-inline-end",o):this.style.removeProperty("--scb-avatar-spacing-inline-end")}e([s({type:String})],t.prototype,"src",void 0);e([s({type:String})],t.prototype,"alt",void 0);e([s({type:String})],t.prototype,"label",void 0);e([s({type:String,reflect:!0})],t.prototype,"size",void 0);e([s({type:String,reflect:!0})],t.prototype,"shape",void 0);e([s({type:String,attribute:"icon-name",reflect:!0})],t.prototype,"iconName",void 0);e([s({type:String,reflect:!0})],t.prototype,"variant",void 0);e([s({type:String,reflect:!0})],t.prototype,"spacing",void 0);e([s({type:String,attribute:"spacing-top",reflect:!0})],t.prototype,"spacingTop",void 0);e([s({type:String,attribute:"spacing-bottom",reflect:!0})],t.prototype,"spacingBottom",void 0);e([s({type:String,attribute:"spacing-left",reflect:!0})],t.prototype,"spacingLeft",void 0);e([s({type:String,attribute:"spacing-right",reflect:!0})],t.prototype,"spacingRight",void 0);e([y()],t.prototype,"_imgError",void 0);e([y()],t.prototype,"_hasIconSlot",void 0);t=e([u("scb-avatar")],t);export{t as ScbAvatar};
@@ -1,5 +1,5 @@
1
1
  const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../shared/lazy-focus-ring.js","../../vendor/preload-helper.js","../shared/lazy-ripple.js","../scb-list/scb-list.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/component-defaults.js","../../vendor/decorate.js","../scb-list/scb-list-item.js","../shared/component-size-token.js","../scb-icon-button/scb-icon-button.js","../../vendor/assertClassBrand.js","../scb-button/scb-button.js","../scb-link/scb-link.js","../../vendor/classPrivateFieldGet2.js","../scb-chip/scb-chip.js","../scb-avatar/scb-avatar.js","../scb-tooltip/scb-tooltip.js","../../vendor/icon.js","../../vendor/rolldown-runtime.js","../shared/manual-popover.js","../../vendor/scb-card-variants.internal.js"])))=>i.map(i=>d[i]);
2
- import{g as l,h as yt,m as f,p as r,v as d,y as zt}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as m}from"../../vendor/preload-helper.js";import{componentSizeToken as _t}from"../shared/component-size-token.js";import{t as xt}from"../../vendor/component-defaults.js";import{t as a}from"../../vendor/decorate.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,c){try{customElements.get(e)||t(e,i,c)}catch(b){var n=String(b||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var L,kt=new Set(["social-comments-text","social-comments","social-comments-disabled","social-comments-href","social-comments-link-label","social-likes-text","social-like-label","social-likes","social-likes-disabled","social-likes-hover-content","social-has-liked","social-likes-interactive","social-author","social-author-text","social-author-href","social-reply-enabled","social-reply-label","social-edit-enabled","social-edit-label","social-delete-enabled","social-delete-label"]),z="data-scb-card-managed-list-size",_="data-scb-card-managed-action-button-size",R="data-scb-card-managed-chip-size",$="data-scb-card-managed-avatar-size",wt=new Set(["small","medium","large"]),St=new Set(["small","medium","large"]),At=new Set(["small","medium","large","extra-large"]),P,E,I,B,D,H,O,V,N,F;function Tt(){return V??(V=m(()=>import("../shared/lazy-focus-ring.js"),__vite__mapDeps([0,1]),import.meta.url)),V}function G(){return N??(N=m(()=>import("../shared/lazy-ripple.js"),__vite__mapDeps([2,1]),import.meta.url)),N}function Ct(){return P??(P=m(()=>import("../scb-list/scb-list.js"),__vite__mapDeps([3,4,5,6,7,8,1,9]),import.meta.url)),P}function Lt(){return E??(E=m(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([10,4,5,1,6,7,11]),import.meta.url)),E}function Rt(){return I??(I=m(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([12,4,5,1,6,7,11]),import.meta.url)),I}function $t(){return B??(B=m(()=>import("../scb-link/scb-link.js"),__vite__mapDeps([13,4,5,1,7,11,14]),import.meta.url)),B}function Pt(){return D??(D=m(()=>import("../scb-chip/scb-chip.js"),__vite__mapDeps([15,4,5,1,6,7,11]),import.meta.url)),D}function Et(){return H??(H=m(()=>import("../scb-avatar/scb-avatar.js"),__vite__mapDeps([16,4,5,1,6,7,11]),import.meta.url)),H}function It(){return O??(O=m(()=>import("../scb-tooltip/scb-tooltip.js"),__vite__mapDeps([17,4,5,18,19,1,7,20]),import.meta.url)),O}function Bt(){return F??(F=m(()=>import("../../vendor/scb-card-variants.internal.js"),__vite__mapDeps([21,4,5]),import.meta.url)),F}var o={fromAttribute:p=>p??"",toAttribute:p=>typeof p!="string"||p.trim()===""?null:p},s=(L=class extends yt{constructor(...t){super(...t),this.__dependencyKey="",this.__focusRingRequested=!1,this.__focusRingLoaded=!1,this.__rippleRequested=!1,this.__rippleLoaded=!1,this.__pendingRippleClick=!1,this.__isSyncingManagedSocialAttributes=!1,this.type="standard",this.variant="standard",this.direction="dynamic",this.size=xt["scb-card"].size,this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.href="",this.title="",this.cardTitle="",this.subtitle="",this.vignette="",this.vignetteVariant="filled",this.vignetteSpacing=void 0,this.vignetteSpacingTop=void 0,this.vignetteSpacingBottom=void 0,this.vignetteSpacingLeft=void 0,this.vignetteSpacingRight=void 0,this.supportingText="",this.commentsText="",this.commentsDisabled=!1,this.commentsHref="",this.commentsLinkLabel="Gå till kommentarer",this.likesText="",this.likeLabel="",this.likesDisabled=!1,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!0,this.author=!1,this.authorText="",this.authorHref="",this.replyEnabled=!1,this.replyLabel="Svara",this.editEnabled=!1,this.editLabel="Redigera",this.deleteEnabled=!1,this.deleteLabel="Ta bort",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.innerPadding=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.__onImgLoad=e=>{const i=e.currentTarget.closest(".media");i&&i.classList.add("is-loaded")},this.__ensureRippleOnInteraction=(e,i=!1)=>{if(this.__primaryHref()){if(e&&(this.__pendingRippleEvent=e),i&&(this.__pendingRippleClick=!0),this.__rippleLoaded){this.__syncRipple();return}this.__rippleRequested||(this.__rippleRequested=!0,G().then(({ensureRippleReady:c})=>c()).then(()=>{this.__rippleLoaded=!0,this.requestUpdate(),this.updateComplete.then(()=>this.__syncRipple())}))}},this.__syncRipple=async()=>{const e=this.renderRoot.querySelector("md-ripple"),i=this.renderRoot.querySelector(".scb-card"),c=this.__pendingRippleEvent,n=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:b}=await G();await b(e,i,c,n)},this.__ensureFocusRingOnFocusVisible=()=>{this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,Tt().then(({ensureFocusRingReady:e})=>e()).then(()=>{this.__focusRingLoaded=!0,this.requestUpdate()}))},this.__onKeyDown=e=>{if(e.target!==e.currentTarget)return;const i=this.__primaryHref();(e.key==="Enter"||e.key===" ")&&i&&(e.preventDefault(),this.__ensureRippleOnInteraction(void 0,!0),this.__navigate(i,e))},this.__handleHrefNavigation=e=>{const i=this.__primaryHref();i&&(e.target.closest("a")||this.__navigate(i,e))},this.__handleSlottedCardLinkClick=e=>{const i=e.composedPath().find(c=>c instanceof HTMLAnchorElement&&c.getAttribute("slot")==="card-link")?.getAttribute("href")||this.__primaryHref();i&&(this.__dispatchCardNavigate(i,e)||e.preventDefault())}}attributeChangedCallback(t,e,i){this.__isSyncingManagedSocialAttributes&&kt.has(t)||super.attributeChangedCallback(t,e,i)}get likeButton(){return this.cardType!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(t){const e=(t||"").trim();if(!e)return{w:600,h:400};const i=e.includes("/")?e.split("/"):e.includes(":")?e.split(":"):e.includes("x")?e.split("x"):null;if(i&&i.length===2){const n=Number(i[0]),b=Number(i[1]);if(n>0&&b>0)return{w:n,h:b}}const c=Number(e);return isFinite(c)&&c>0?{w:1e3,h:Math.round(1e3/c)}:{w:600,h:400}}__mediaReserveAspect(t=""){const e=(this.mediaAspect||"").trim();if(e)return e;const i=Number(this.mediaWidth)||0,c=Number(this.mediaHeight)||0;return i>0&&c>0?`${i} / ${c}`:t}__mediaReserveStyle(t=""){const e=this.__mediaReserveAspect(t);return e?`--scb-card-media-aspect:${e};`:""}__slottedMediaAspect(){const t=this.querySelector('[slot="media"]');if(!t)return"";const e=Number(t.getAttribute("width"))||0,i=Number(t.getAttribute("height"))||0;return e>0&&i>0?`${e} / ${i}`:""}__isAvatarMedia(){return(this.mediaType||"").toLowerCase()==="avatar"?!0:this.querySelector(':scope > [slot="media"]')?.localName==="scb-avatar"}get __resolvedTitle(){return this.cardTitle||this.title}get cardType(){const t=(this.type||"standard").toLowerCase();switch(t){case"standard":case"list":case"social":case"link":case"action":case"container":return t;default:return"standard"}}__ensureVariantRenderer(){return this.cardType==="standard"||this.__variantRenderer?Promise.resolve():Bt().then(t=>{this.__variantRenderer!==t&&(this.__variantRenderer=t,t.ensureScbCardVariantStyles(this.renderRoot),this.requestUpdate())})}__dispatchCardNavigate(t,e){const i={href:t,originalEvent:e},c=new CustomEvent("card-navigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});if(this.dispatchEvent(c),c.defaultPrevented)return!1;const n=new CustomEvent("cardnavigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});return this.dispatchEvent(n),!n.defaultPrevented}__effectiveHref(){return this.cardHref||this.href}__slottedCardLink(){return this.querySelector(':scope > a[slot="card-link"]')}__primaryHref(){return this.__effectiveHref()||this.__slottedCardLink()?.getAttribute("href")||""}__navigate(t,e){t&&this.__dispatchCardNavigate(t,e)&&window.open(t,"_self")}__slotNames(){const t=new Set;for(const e of Array.from(this.children)){const i=e.getAttribute("slot");i&&t.add(i)}return t}__hasSlottedContent(t,e){return e?e.has(t):Array.from(this.children).some(i=>i.getAttribute("slot")===t)}__hasLightDomElement(t){return!!this.querySelector(t)}__syncListCardListSize(){const t=Array.from(this.querySelectorAll("scb-list"));if(this.cardType!=="list"){for(const i of t){const c=i.getAttribute(z);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(z)}return}const e=this.size||"large";for(const i of t){const c=i.getAttribute(z);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(z);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(z,e))}}__actionCardButtonSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-actions-button-size").trim();return wt.has(t)?t:"medium"}__cardChipSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-chip-component-size").trim();return St.has(t)?t:"medium"}__syncChipSizes(){const t=Array.from(this.querySelectorAll(':scope > scb-chip[slot="scb-chip"]')),e=this.__cardChipSize();for(const i of t){const c=i.getAttribute(R);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(R);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(R,e))}}__cardAvatarSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-avatar-component-size").trim();return At.has(t)?t:"medium"}__syncAvatarSizes(){const t=Array.from(this.querySelectorAll(':scope > scb-avatar[slot="media"]')),e=this.__cardAvatarSize();for(const i of t){const c=i.getAttribute($);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute($);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute($,e))}}__socialIconButtonSize(){return _t(this,"--scb-card-size-social-icon-button-component-size",["tiny","extra-small","small","medium","large"],this.size==="small"?"small":"medium")}__syncActionCardButtonSizes(){const t=Array.from(this.querySelectorAll(':scope > [slot="actions"] scb-button, :scope > scb-button[slot="actions"]'));if(this.cardType!=="action"){for(const i of t){const c=i.getAttribute(_);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(_)}return}const e=this.__actionCardButtonSize();for(const i of t){const c=i.getAttribute(_);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(_);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(_,e))}}__slottedText(t){return(this.querySelector(`:scope > [slot="${t}"]`)?.textContent??"").replace(/\s+/g," ").trim()}__ensureDependenciesReady(){const t=[],e=[],i=this.cardType,c=!!this.vignette?.trim(),n=(u,h)=>{e.push(u),t.push(h())};(i==="list"||this.__hasLightDomElement("scb-list, scb-list-item"))&&n("list",Ct),i!=="standard"&&n("card-variants",()=>this.__ensureVariantRenderer()),(i==="social"&&(!this.likesDisabled&&this.likesInteractive||!this.commentsDisabled&&this.commentsHref||this.replyEnabled||this.editEnabled||this.deleteEnabled)||this.__hasLightDomElement("scb-icon-button"))&&n("icon-button",Lt),this.__hasLightDomElement("scb-button")&&n("button",Rt),this.__hasLightDomElement("scb-link")&&n("link",$t),(c||this.__hasLightDomElement("scb-chip"))&&n("chip",Pt),((this.mediaType||"").toLowerCase()==="avatar"||this.__hasLightDomElement("scb-avatar"))&&n("avatar",Et),(i==="social"&&this.likesHoverContent||this.__hasLightDomElement("scb-tooltip"))&&n("tooltip",It);const b=e.sort().join("|");b!==this.__dependencyKey&&(this.__dependencyKey=b,t.length>0&&Promise.all(t).then(()=>this.requestUpdate()))}__mediaTemplate(t){const e=this.__isAvatarMedia();if(this.__hasSlottedContent("media",t)){const i=e?"":this.__mediaReserveStyle(this.__slottedMediaAspect());return d`
2
+ import{g as l,h as yt,m as f,p as r,v as d,y as zt}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as m}from"../../vendor/preload-helper.js";import{componentSizeToken as _t}from"../shared/component-size-token.js";import{t as xt}from"../../vendor/component-defaults.js";import{t as a}from"../../vendor/decorate.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,c){try{customElements.get(e)||t(e,i,c)}catch(b){var n=String(b||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var L,kt=new Set(["social-comments-text","social-comments","social-comments-disabled","social-comments-href","social-comments-link-label","social-likes-text","social-like-label","social-likes","social-likes-disabled","social-likes-hover-content","social-has-liked","social-likes-interactive","social-author","social-author-text","social-author-href","social-reply-enabled","social-reply-label","social-edit-enabled","social-edit-label","social-delete-enabled","social-delete-label"]),z="data-scb-card-managed-list-size",_="data-scb-card-managed-action-button-size",R="data-scb-card-managed-chip-size",$="data-scb-card-managed-avatar-size",wt=new Set(["small","medium","large"]),St=new Set(["small","medium","large"]),At=new Set(["small","medium","large","extra-large"]),P,E,I,B,D,H,O,V,N,F;function Tt(){return V??(V=m(()=>import("../shared/lazy-focus-ring.js"),__vite__mapDeps([0,1]),import.meta.url)),V}function G(){return N??(N=m(()=>import("../shared/lazy-ripple.js"),__vite__mapDeps([2,1]),import.meta.url)),N}function Ct(){return P??(P=m(()=>import("../scb-list/scb-list.js"),__vite__mapDeps([3,4,5,6,7,8,1,9]),import.meta.url)),P}function Lt(){return E??(E=m(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([10,4,5,1,6,7,11]),import.meta.url)),E}function Rt(){return I??(I=m(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([12,4,5,1,6,7,11]),import.meta.url)),I}function $t(){return B??(B=m(()=>import("../scb-link/scb-link.js"),__vite__mapDeps([13,4,5,1,7,11,14]),import.meta.url)),B}function Pt(){return D??(D=m(()=>import("../scb-chip/scb-chip.js"),__vite__mapDeps([15,4,5,1,6,7,11]),import.meta.url)),D}function Et(){return H??(H=m(()=>import("../scb-avatar/scb-avatar.js"),__vite__mapDeps([16,4,5,1,6,7,11]),import.meta.url)),H}function It(){return O??(O=m(()=>import("../scb-tooltip/scb-tooltip.js"),__vite__mapDeps([17,4,5,18,19,1,9,7,20]),import.meta.url)),O}function Bt(){return F??(F=m(()=>import("../../vendor/scb-card-variants.internal.js"),__vite__mapDeps([21,4,5]),import.meta.url)),F}var o={fromAttribute:p=>p??"",toAttribute:p=>typeof p!="string"||p.trim()===""?null:p},s=(L=class extends yt{constructor(...t){super(...t),this.__dependencyKey="",this.__focusRingRequested=!1,this.__focusRingLoaded=!1,this.__rippleRequested=!1,this.__rippleLoaded=!1,this.__pendingRippleClick=!1,this.__isSyncingManagedSocialAttributes=!1,this.type="standard",this.variant="standard",this.direction="dynamic",this.size=xt["scb-card"].size,this.mediaType="",this.mediaHref="",this.mediaAlt="",this.mediaSrcset="",this.mediaSizes="",this.mediaLoading="auto",this.mediaDecoding="async",this.mediaFetchPriority="auto",this.mediaFit="cover",this.mediaPosition="center",this.mediaWidth="",this.mediaHeight="",this.mediaAspect="",this.mediaPlaceholder=!1,this.cardHref="",this.href="",this.title="",this.cardTitle="",this.subtitle="",this.vignette="",this.vignetteVariant="filled",this.vignetteSpacing=void 0,this.vignetteSpacingTop=void 0,this.vignetteSpacingBottom=void 0,this.vignetteSpacingLeft=void 0,this.vignetteSpacingRight=void 0,this.supportingText="",this.commentsText="",this.commentsDisabled=!1,this.commentsHref="",this.commentsLinkLabel="Gå till kommentarer",this.likesText="",this.likeLabel="",this.likesDisabled=!1,this.likesHoverContent="",this.hasLiked=!1,this.likesInteractive=!0,this.author=!1,this.authorText="",this.authorHref="",this.replyEnabled=!1,this.replyLabel="Svara",this.editEnabled=!1,this.editLabel="Redigera",this.deleteEnabled=!1,this.deleteLabel="Ta bort",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.innerPadding=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.__onImgLoad=e=>{const i=e.currentTarget.closest(".media");i&&i.classList.add("is-loaded")},this.__ensureRippleOnInteraction=(e,i=!1)=>{if(this.__primaryHref()){if(e&&(this.__pendingRippleEvent=e),i&&(this.__pendingRippleClick=!0),this.__rippleLoaded){this.__syncRipple();return}this.__rippleRequested||(this.__rippleRequested=!0,G().then(({ensureRippleReady:c})=>c()).then(()=>{this.__rippleLoaded=!0,this.requestUpdate(),this.updateComplete.then(()=>this.__syncRipple())}))}},this.__syncRipple=async()=>{const e=this.renderRoot.querySelector("md-ripple"),i=this.renderRoot.querySelector(".scb-card"),c=this.__pendingRippleEvent,n=this.__pendingRippleClick;this.__pendingRippleEvent=void 0,this.__pendingRippleClick=!1;const{syncRippleToControl:b}=await G();await b(e,i,c,n)},this.__ensureFocusRingOnFocusVisible=()=>{this.__focusRingLoaded||this.__focusRingRequested||(this.__focusRingRequested=!0,Tt().then(({ensureFocusRingReady:e})=>e()).then(()=>{this.__focusRingLoaded=!0,this.requestUpdate()}))},this.__onKeyDown=e=>{if(e.target!==e.currentTarget)return;const i=this.__primaryHref();(e.key==="Enter"||e.key===" ")&&i&&(e.preventDefault(),this.__ensureRippleOnInteraction(void 0,!0),this.__navigate(i,e))},this.__handleHrefNavigation=e=>{const i=this.__primaryHref();i&&(e.target.closest("a")||this.__navigate(i,e))},this.__handleSlottedCardLinkClick=e=>{const i=e.composedPath().find(c=>c instanceof HTMLAnchorElement&&c.getAttribute("slot")==="card-link")?.getAttribute("href")||this.__primaryHref();i&&(this.__dispatchCardNavigate(i,e)||e.preventDefault())}}attributeChangedCallback(t,e,i){this.__isSyncingManagedSocialAttributes&&kt.has(t)||super.attributeChangedCallback(t,e,i)}get likeButton(){return this.cardType!=="social"?null:this.renderRoot.querySelector(".likes scb-icon-button")}__calcAspectWH(t){const e=(t||"").trim();if(!e)return{w:600,h:400};const i=e.includes("/")?e.split("/"):e.includes(":")?e.split(":"):e.includes("x")?e.split("x"):null;if(i&&i.length===2){const n=Number(i[0]),b=Number(i[1]);if(n>0&&b>0)return{w:n,h:b}}const c=Number(e);return isFinite(c)&&c>0?{w:1e3,h:Math.round(1e3/c)}:{w:600,h:400}}__mediaReserveAspect(t=""){const e=(this.mediaAspect||"").trim();if(e)return e;const i=Number(this.mediaWidth)||0,c=Number(this.mediaHeight)||0;return i>0&&c>0?`${i} / ${c}`:t}__mediaReserveStyle(t=""){const e=this.__mediaReserveAspect(t);return e?`--scb-card-media-aspect:${e};`:""}__slottedMediaAspect(){const t=this.querySelector('[slot="media"]');if(!t)return"";const e=Number(t.getAttribute("width"))||0,i=Number(t.getAttribute("height"))||0;return e>0&&i>0?`${e} / ${i}`:""}__isAvatarMedia(){return(this.mediaType||"").toLowerCase()==="avatar"?!0:this.querySelector(':scope > [slot="media"]')?.localName==="scb-avatar"}get __resolvedTitle(){return this.cardTitle||this.title}get cardType(){const t=(this.type||"standard").toLowerCase();switch(t){case"standard":case"list":case"social":case"link":case"action":case"container":return t;default:return"standard"}}__ensureVariantRenderer(){return this.cardType==="standard"||this.__variantRenderer?Promise.resolve():Bt().then(t=>{this.__variantRenderer!==t&&(this.__variantRenderer=t,t.ensureScbCardVariantStyles(this.renderRoot),this.requestUpdate())})}__dispatchCardNavigate(t,e){const i={href:t,originalEvent:e},c=new CustomEvent("card-navigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});if(this.dispatchEvent(c),c.defaultPrevented)return!1;const n=new CustomEvent("cardnavigate",{bubbles:!0,composed:!0,cancelable:!0,detail:i});return this.dispatchEvent(n),!n.defaultPrevented}__effectiveHref(){return this.cardHref||this.href}__slottedCardLink(){return this.querySelector(':scope > a[slot="card-link"]')}__primaryHref(){return this.__effectiveHref()||this.__slottedCardLink()?.getAttribute("href")||""}__navigate(t,e){t&&this.__dispatchCardNavigate(t,e)&&window.open(t,"_self")}__slotNames(){const t=new Set;for(const e of Array.from(this.children)){const i=e.getAttribute("slot");i&&t.add(i)}return t}__hasSlottedContent(t,e){return e?e.has(t):Array.from(this.children).some(i=>i.getAttribute("slot")===t)}__hasLightDomElement(t){return!!this.querySelector(t)}__syncListCardListSize(){const t=Array.from(this.querySelectorAll("scb-list"));if(this.cardType!=="list"){for(const i of t){const c=i.getAttribute(z);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(z)}return}const e=this.size||"large";for(const i of t){const c=i.getAttribute(z);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(z);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(z,e))}}__actionCardButtonSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-actions-button-size").trim();return wt.has(t)?t:"medium"}__cardChipSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-chip-component-size").trim();return St.has(t)?t:"medium"}__syncChipSizes(){const t=Array.from(this.querySelectorAll(':scope > scb-chip[slot="scb-chip"]')),e=this.__cardChipSize();for(const i of t){const c=i.getAttribute(R);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(R);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(R,e))}}__cardAvatarSize(){const t=getComputedStyle(this).getPropertyValue("--scb-card-size-avatar-component-size").trim();return At.has(t)?t:"medium"}__syncAvatarSizes(){const t=Array.from(this.querySelectorAll(':scope > scb-avatar[slot="media"]')),e=this.__cardAvatarSize();for(const i of t){const c=i.getAttribute($);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute($);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute($,e))}}__socialIconButtonSize(){return _t(this,"--scb-card-size-social-icon-button-component-size",["tiny","extra-small","small","medium","large"],this.size==="small"?"small":"medium")}__syncActionCardButtonSizes(){const t=Array.from(this.querySelectorAll(':scope > [slot="actions"] scb-button, :scope > scb-button[slot="actions"]'));if(this.cardType!=="action"){for(const i of t){const c=i.getAttribute(_);c!==null&&i.getAttribute("size")===c&&i.removeAttribute("size"),i.removeAttribute(_)}return}const e=this.__actionCardButtonSize();for(const i of t){const c=i.getAttribute(_);if(c!==null&&i.getAttribute("size")!==c){i.removeAttribute(_);continue}(!i.hasAttribute("size")||c!==null)&&(i.setAttribute("size",e),i.setAttribute(_,e))}}__slottedText(t){return(this.querySelector(`:scope > [slot="${t}"]`)?.textContent??"").replace(/\s+/g," ").trim()}__ensureDependenciesReady(){const t=[],e=[],i=this.cardType,c=!!this.vignette?.trim(),n=(v,h)=>{e.push(v),t.push(h())};(i==="list"||this.__hasLightDomElement("scb-list, scb-list-item"))&&n("list",Ct),i!=="standard"&&n("card-variants",()=>this.__ensureVariantRenderer()),(i==="social"&&(!this.likesDisabled&&this.likesInteractive||!this.commentsDisabled&&this.commentsHref||this.replyEnabled||this.editEnabled||this.deleteEnabled)||this.__hasLightDomElement("scb-icon-button"))&&n("icon-button",Lt),this.__hasLightDomElement("scb-button")&&n("button",Rt),this.__hasLightDomElement("scb-link")&&n("link",$t),(c||this.__hasLightDomElement("scb-chip"))&&n("chip",Pt),((this.mediaType||"").toLowerCase()==="avatar"||this.__hasLightDomElement("scb-avatar"))&&n("avatar",Et),(i==="social"&&this.likesHoverContent||this.__hasLightDomElement("scb-tooltip"))&&n("tooltip",It);const b=e.sort().join("|");b!==this.__dependencyKey&&(this.__dependencyKey=b,t.length>0&&Promise.all(t).then(()=>this.requestUpdate()))}__mediaTemplate(t){const e=this.__isAvatarMedia();if(this.__hasSlottedContent("media",t)){const i=e?"":this.__mediaReserveStyle(this.__slottedMediaAspect());return d`
3
3
  <div class="media ${e?"avatar-media":""} ${i?"has-reserved-space":""}" style=${i||l}>
4
4
  <slot name="media"></slot>
5
5
  </div>
@@ -14,7 +14,7 @@ import{g as l,h as yt,m as f,p as r,v as d,y as zt}from"../../vendor/vendor.js";
14
14
  ></scb-avatar>
15
15
  </slot>
16
16
  </div>
17
- `;if(this.mediaHref||this.mediaSrcset){let i=Number(this.mediaWidth)||0,c=Number(this.mediaHeight)||0;const n=(this.mediaAspect||"").trim();if(!i||!c){const u=this.__calcAspectWH(n||"3/2");i||(i=u.w),c||(c=u.h)}const b=this.__mediaReserveStyle(`${i} / ${c}`);return d`
17
+ `;if(this.mediaHref||this.mediaSrcset){let i=Number(this.mediaWidth)||0,c=Number(this.mediaHeight)||0;const n=(this.mediaAspect||"").trim();if(!i||!c){const v=this.__calcAspectWH(n||"3/2");i||(i=v.w),c||(c=v.h)}const b=this.__mediaReserveStyle(`${i} / ${c}`);return d`
18
18
  <div class="media has-reserved-space ${this.mediaPlaceholder?"has-ph":""}" style=${b}>
19
19
  <slot name="media-sources"></slot>
20
20
  <img
@@ -30,7 +30,7 @@ import{g as l,h as yt,m as f,p as r,v as d,y as zt}from"../../vendor/vendor.js";
30
30
  @load=${this.__onImgLoad}
31
31
  />
32
32
  </div>
33
- `}return null}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}__applySpacing(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,i=this.mapSpacingToken(this.spacingBottom)??t,c=this.mapSpacingToken(this.spacingLeft),n=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-card-spacing-block-start",e):this.style.removeProperty("--scb-card-spacing-block-start"),i?this.style.setProperty("--scb-card-spacing-block-end",i):this.style.removeProperty("--scb-card-spacing-block-end"),c?this.style.setProperty("--scb-card-spacing-inline-start",c):this.style.removeProperty("--scb-card-spacing-inline-start"),n?this.style.setProperty("--scb-card-spacing-inline-end",n):this.style.removeProperty("--scb-card-spacing-inline-end")}__applyPadding(){const t=this.mapSpacingToken(this.innerPadding),e=this.mapSpacingToken(this.paddingTop)??t,i=this.mapSpacingToken(this.paddingBottom)??t,c=this.mapSpacingToken(this.paddingLeft)??t,n=this.mapSpacingToken(this.paddingRight)??t;e?this.style.setProperty("--scb-card-content-padding-block-start",e):this.style.removeProperty("--scb-card-content-padding-block-start"),i?this.style.setProperty("--scb-card-content-padding-block-end",i):this.style.removeProperty("--scb-card-content-padding-block-end"),c?this.style.setProperty("--scb-card-content-padding-inline-start",c):this.style.removeProperty("--scb-card-content-padding-inline-start"),n?this.style.setProperty("--scb-card-content-padding-inline-end",n):this.style.removeProperty("--scb-card-content-padding-inline-end")}__syncStringAttribute(t,e){this.__isSyncingManagedSocialAttributes=!0;try{typeof e=="string"&&e.trim()!==""?this.setAttribute(t,e):this.removeAttribute(t)}finally{this.__isSyncingManagedSocialAttributes=!1}}__syncNumberAttribute(t,e){this.__isSyncingManagedSocialAttributes=!0;try{typeof e=="number"&&Number.isFinite(e)?this.setAttribute(t,String(e)):this.removeAttribute(t)}finally{this.__isSyncingManagedSocialAttributes=!1}}__syncBooleanAttribute(t,e){this.__isSyncingManagedSocialAttributes=!0;try{e?this.setAttribute(t,""):this.removeAttribute(t)}finally{this.__isSyncingManagedSocialAttributes=!1}}__syncSocialAttributes(){this.cardType==="social"&&(this.__syncStringAttribute("social-comments-text",this.commentsText),this.__syncNumberAttribute("social-comments",this.comments),this.__syncBooleanAttribute("social-comments-disabled",this.commentsDisabled),this.__syncStringAttribute("social-comments-href",this.commentsHref),this.__syncStringAttribute("social-comments-link-label",this.commentsLinkLabel),this.__syncStringAttribute("social-likes-text",this.likesText),this.__syncStringAttribute("social-like-label",this.likeLabel),this.__syncNumberAttribute("social-likes",this.likes),this.__syncBooleanAttribute("social-likes-disabled",this.likesDisabled),this.__syncStringAttribute("social-likes-hover-content",this.likesHoverContent),this.__syncBooleanAttribute("social-has-liked",this.hasLiked),this.__syncBooleanAttribute("social-likes-interactive",this.likesInteractive),this.__syncBooleanAttribute("social-author",this.author),this.__syncStringAttribute("social-author-text",this.authorText),this.__syncStringAttribute("social-author-href",this.authorHref),this.__syncBooleanAttribute("social-reply-enabled",this.replyEnabled),this.__syncStringAttribute("social-reply-label",this.replyLabel),this.__syncBooleanAttribute("social-edit-enabled",this.editEnabled),this.__syncStringAttribute("social-edit-label",this.editLabel),this.__syncBooleanAttribute("social-delete-enabled",this.deleteEnabled),this.__syncStringAttribute("social-delete-label",this.deleteLabel))}render(){const t=this.__slotNames(),e=g=>this.__hasSlottedContent(g,t),i=this.cardType,c=this.variant?`${this.variant.toLowerCase()}`:"",n=(this.direction||"dynamic").toLowerCase(),b=i!=="list"&&i!=="container"&&n!=="vertical"&&n!=="horizontal"?"dynamic-direction":"",u=i==="list"||i==="container"?"vertical":n==="horizontal"?"horizontal":"vertical",h=this.__effectiveHref(),x=e("card-link"),q=i==="standard"||i==="social",y=q&&!!h&&!x,v=q&&(!!h||x),tt=y?"clickable":"",et=x?"has-slotted-card-link":"",M=this.date instanceof Date?this.date.toISOString().slice(0,10):this.date||"",k=!!this.__resolvedTitle||e("heading"),w=!!this.subtitle||e("subtitle"),it=!!this.supportingText||e("supporting-text"),W=!!M||e("date"),st=e("footer"),at=this.__resolvedTitle||this.__slottedText("heading")||this.subtitle||this.__slottedText("subtitle")||"Kort",K=(g=!1)=>k?d`
33
+ `}return null}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}__applySpacing(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,i=this.mapSpacingToken(this.spacingBottom)??t,c=this.mapSpacingToken(this.spacingLeft),n=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-card-spacing-block-start",e):this.style.removeProperty("--scb-card-spacing-block-start"),i?this.style.setProperty("--scb-card-spacing-block-end",i):this.style.removeProperty("--scb-card-spacing-block-end"),c?this.style.setProperty("--scb-card-spacing-inline-start",c):this.style.removeProperty("--scb-card-spacing-inline-start"),n?this.style.setProperty("--scb-card-spacing-inline-end",n):this.style.removeProperty("--scb-card-spacing-inline-end")}__applyPadding(){const t=this.mapSpacingToken(this.innerPadding),e=this.mapSpacingToken(this.paddingTop)??t,i=this.mapSpacingToken(this.paddingBottom)??t,c=this.mapSpacingToken(this.paddingLeft)??t,n=this.mapSpacingToken(this.paddingRight)??t;e?this.style.setProperty("--scb-card-content-padding-block-start",e):this.style.removeProperty("--scb-card-content-padding-block-start"),i?this.style.setProperty("--scb-card-content-padding-block-end",i):this.style.removeProperty("--scb-card-content-padding-block-end"),c?this.style.setProperty("--scb-card-content-padding-inline-start",c):this.style.removeProperty("--scb-card-content-padding-inline-start"),n?this.style.setProperty("--scb-card-content-padding-inline-end",n):this.style.removeProperty("--scb-card-content-padding-inline-end")}__syncStringAttribute(t,e){this.__isSyncingManagedSocialAttributes=!0;try{typeof e=="string"&&e.trim()!==""?this.setAttribute(t,e):this.removeAttribute(t)}finally{this.__isSyncingManagedSocialAttributes=!1}}__syncNumberAttribute(t,e){this.__isSyncingManagedSocialAttributes=!0;try{typeof e=="number"&&Number.isFinite(e)?this.setAttribute(t,String(e)):this.removeAttribute(t)}finally{this.__isSyncingManagedSocialAttributes=!1}}__syncBooleanAttribute(t,e){this.__isSyncingManagedSocialAttributes=!0;try{e?this.setAttribute(t,""):this.removeAttribute(t)}finally{this.__isSyncingManagedSocialAttributes=!1}}__syncSocialAttributes(){this.cardType==="social"&&(this.__syncStringAttribute("social-comments-text",this.commentsText),this.__syncNumberAttribute("social-comments",this.comments),this.__syncBooleanAttribute("social-comments-disabled",this.commentsDisabled),this.__syncStringAttribute("social-comments-href",this.commentsHref),this.__syncStringAttribute("social-comments-link-label",this.commentsLinkLabel),this.__syncStringAttribute("social-likes-text",this.likesText),this.__syncStringAttribute("social-like-label",this.likeLabel),this.__syncNumberAttribute("social-likes",this.likes),this.__syncBooleanAttribute("social-likes-disabled",this.likesDisabled),this.__syncStringAttribute("social-likes-hover-content",this.likesHoverContent),this.__syncBooleanAttribute("social-has-liked",this.hasLiked),this.__syncBooleanAttribute("social-likes-interactive",this.likesInteractive),this.__syncBooleanAttribute("social-author",this.author),this.__syncStringAttribute("social-author-text",this.authorText),this.__syncStringAttribute("social-author-href",this.authorHref),this.__syncBooleanAttribute("social-reply-enabled",this.replyEnabled),this.__syncStringAttribute("social-reply-label",this.replyLabel),this.__syncBooleanAttribute("social-edit-enabled",this.editEnabled),this.__syncStringAttribute("social-edit-label",this.editLabel),this.__syncBooleanAttribute("social-delete-enabled",this.deleteEnabled),this.__syncStringAttribute("social-delete-label",this.deleteLabel))}render(){const t=this.__slotNames(),e=g=>this.__hasSlottedContent(g,t),i=this.cardType,c=this.variant?`${this.variant.toLowerCase()}`:"",n=(this.direction||"dynamic").toLowerCase(),b=i!=="list"&&i!=="container"&&n!=="vertical"&&n!=="horizontal"?"dynamic-direction":"",v=i==="list"||i==="container"?"vertical":n==="horizontal"?"horizontal":"vertical",h=this.__effectiveHref(),x=e("card-link"),q=i==="standard"||i==="social",y=q&&!!h&&!x,u=q&&(!!h||x),tt=y?"clickable":"",et=x?"has-slotted-card-link":"",M=this.date instanceof Date?this.date.toISOString().slice(0,10):this.date||"",k=!!this.__resolvedTitle||e("heading"),w=!!this.subtitle||e("subtitle"),it=!!this.supportingText||e("supporting-text"),W=!!M||e("date"),st=e("footer"),at=this.__resolvedTitle||this.__slottedText("heading")||this.subtitle||this.__slottedText("subtitle")||"Kort",K=(g=!1)=>k?d`
34
34
  <div class="header">
35
35
  <slot name="heading">
36
36
  ${g?d`<a class="title" href="${h}" tabindex="-1">${this.__resolvedTitle}</a>`:d`<span class="title">${this.__resolvedTitle}</span>`}
@@ -48,13 +48,13 @@ import{g as l,h as yt,m as f,p as r,v as d,y as zt}from"../../vendor/vendor.js";
48
48
  spacing-bottom=${dt}
49
49
  spacing-left=${pt}
50
50
  spacing-right=${bt}
51
- ></scb-chip>`:l,mt=e("scb-chip")||S,U=()=>e("scb-chip")?d`<div class="chip-slot"><slot name="scb-chip"></slot></div>`:S?d`<div class="chip-slot">${gt}</div>`:l,A=(g=!1,ut=!0,vt=!0,ft=this.supportingText)=>d`
51
+ ></scb-chip>`:l,mt=e("scb-chip")||S,U=()=>e("scb-chip")?d`<div class="chip-slot"><slot name="scb-chip"></slot></div>`:S?d`<div class="chip-slot">${gt}</div>`:l,A=(g=!1,vt=!0,ut=!0,ft=this.supportingText)=>d`
52
52
  ${U()}
53
53
  <div class="top-content">
54
54
  ${K(g)}
55
55
  ${j()}
56
- ${ut?rt(ft):l}
57
- ${vt?ct():l}
56
+ ${vt?rt(ft):l}
57
+ ${ut?ct():l}
58
58
  </div>
59
59
  `,T=()=>st?d`
60
60
  <div class="content footer">
@@ -62,18 +62,18 @@ import{g as l,h as yt,m as f,p as r,v as d,y as zt}from"../../vendor/vendor.js";
62
62
  </div>
63
63
  `:l,ht=mt||k||w||it||W,C=g=>d`
64
64
  <div
65
- class="scb-card ${c} ${u} ${b} ${tt} ${et}"
65
+ class="scb-card ${c} ${v} ${b} ${tt} ${et}"
66
66
  @click=${y?this.__handleHrefNavigation:null}
67
67
  @keydown=${y?this.__onKeyDown:null}
68
- @focusin=${v?this.__ensureFocusRingOnFocusVisible:null}
69
- @pointerenter=${v?this.__ensureRippleOnInteraction:null}
70
- @pointerdown=${v?this.__ensureRippleOnInteraction:null}
71
- style="cursor:${v?"pointer":"default"};"
68
+ @focusin=${u?this.__ensureFocusRingOnFocusVisible:null}
69
+ @pointerenter=${u?this.__ensureRippleOnInteraction:null}
70
+ @pointerdown=${u?this.__ensureRippleOnInteraction:null}
71
+ style="cursor:${u?"pointer":"default"};"
72
72
  role=${y?"link":l}
73
73
  tabindex=${y?"0":l}
74
74
  aria-label=${at}
75
75
  >
76
- ${v&&this.__rippleLoaded?d`<md-ripple></md-ripple>`:l}
76
+ ${u&&this.__rippleLoaded?d`<md-ripple></md-ripple>`:l}
77
77
  ${x?d`<slot
78
78
  name="card-link"
79
79
  @click=${this.__handleSlottedCardLinkClick}
@@ -84,7 +84,7 @@ import{g as l,h as yt,m as f,p as r,v as d,y as zt}from"../../vendor/vendor.js";
84
84
  ${nt()}
85
85
  ${g}
86
86
  </div>
87
- ${v&&this.__focusRingLoaded?d`<md-focus-ring></md-focus-ring>`:l}
87
+ ${u&&this.__focusRingLoaded?d`<md-focus-ring></md-focus-ring>`:l}
88
88
  `;return i!=="standard"?this.__variantRenderer?C(this.__variantRenderer.renderScbCardVariant(this,i,{topContentTpl:A,footerTpl:T,contentChipTpl:U,headerTpl:K,subtitleTpl:j,effectiveHref:h,hasHeading:k,hasSubtitle:w,hasListTopContent:ht})):(this.__ensureVariantRenderer(),C(d`
89
89
  <div class="full-content">
90
90
  ${A(!!h)}
@@ -95,4 +95,4 @@ import{g as l,h as yt,m as f,p as r,v as d,y as zt}from"../../vendor/vendor.js";
95
95
  ${A(!!h)}
96
96
  ${T()}
97
97
  </div>
98
- `)}updated(t){if(super.updated(t),t.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),t.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),t.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),t.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),t.has("type")||t.has("size")){if(this.cardType==="list"){const e=this.size==="small"?"-4":this.size==="medium"?"-2":"0";this.setAttribute("data-density",e)}else this.removeAttribute("data-density");this.__syncListCardListSize(),this.__syncActionCardButtonSizes()}this.mediaFit&&this.mediaFit!=="cover"?this.style.setProperty("--scb-card-media-fit",this.mediaFit):this.style.removeProperty("--scb-card-media-fit"),this.mediaPosition&&this.mediaPosition!=="center"?this.style.setProperty("--scb-card-media-position",this.mediaPosition):this.style.removeProperty("--scb-card-media-position"),this.__syncSocialAttributes(),this.__ensureDependenciesReady(),this.__syncActionCardButtonSizes(),this.__syncChipSizes(),this.__syncAvatarSizes(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.__applySpacing(),(t.has("innerPadding")||t.has("paddingTop")||t.has("paddingBottom")||t.has("paddingLeft")||t.has("paddingRight"))&&this.__applyPadding()}async firstUpdated(t){this.__lightDomObserver=new MutationObserver(()=>{this.__ensureDependenciesReady(),this.__syncListCardListSize(),this.__syncActionCardButtonSizes(),this.__syncChipSizes(),this.__syncAvatarSizes()}),this.__lightDomObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}),this.__ensureDependenciesReady(),this.__syncListCardListSize(),this.__syncActionCardButtonSizes(),this.__syncChipSizes(),this.__syncAvatarSizes(),this.__applySpacing(),this.__applyPadding(),this.__syncSocialAttributes(),this.__primaryHref()&&this.contains(document.activeElement)&&this.__ensureFocusRingOnFocusVisible(),this.__primaryHref()&&this.matches(":hover")&&this.__ensureRippleOnInteraction()}disconnectedCallback(){this.__lightDomObserver?.disconnect(),this.__lightDomObserver=void 0,super.disconnectedCallback()}},L.styles=zt`@keyframes scb-card-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}:host{--scb-cards-title-font-weight-current:var(--scb-cards-title-large-font-weight, var(--scb-cards-title-large-weight, var(--scb-cards-title-font-weight, var(--scb-cards-title-weight))));--scb-cards-title-letter-spacing-current:var(--scb-cards-title-large-letter-spacing, var(--scb-cards-title-large-tracking, var(--scb-cards-title-letter-spacing, var(--scb-cards-title-tracking))));--scb-cards-title-line-height-current:var(--scb-cards-title-large-line-height, var(--scb-cards-title-line-height));--scb-cards-title-tracking-current:var(--scb-cards-title-large-tracking, var(--scb-cards-title-large-letter-spacing, var(--scb-cards-title-tracking, var(--scb-cards-title-letter-spacing))));--scb-cards-title-weight-current:var(--scb-cards-title-large-weight, var(--scb-cards-title-large-font-weight, var(--scb-cards-title-weight, var(--scb-cards-title-font-weight))));--scb-cards-title-size-current:var(--scb-cards-title-large-size, var(--scb-cards-title-size));--scb-cards-title-font-current:var(--scb-cards-title-large-font, var(--scb-cards-title-font));--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-large-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-large-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-large-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-large-tracking, var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-large-weight, var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-large-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-large-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-large-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-large-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-large-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-large-tracking, var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-large-weight, var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-large-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-large-font, var(--scb-cards-supporting-font));display:block;container-type:inline-size;box-sizing:border-box;position:relative;inline-size:100%;min-inline-size:0;max-inline-size:var(--scb-card-max-w, none);height:auto;padding:var(--scb-card-focus-ring-gap, 4px);--scb-card-horizontal-media-max:176px;--scb-card-horizontal-media-min:96px;--scb-card-horizontal-media-aspect:3 / 2;--scb-card-avatar-media-block-start-offset:var(--spacing-7, 24px);--scb-card-avatar-media-inline-start-offset:var(--spacing-6, 20px);--scb-card-unframed-state-gap:var(--spacing-2, 4px);--scb-card-unframed-state-color:color-mix(in srgb, currentColor 8%, transparent);margin-block-start:var(--scb-card-spacing-block-start, 0);margin-block-end:var(--scb-card-spacing-block-end, 0);margin-inline-start:var(--scb-card-spacing-inline-start, 0);margin-inline-end:var(--scb-card-spacing-inline-end, 0);--scb-card-size-content-padding-block:var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px));--scb-card-size-content-padding-inline:var(--scb-cards-content-padding-inline-large, var(--spacing-6, 20px));--scb-card-surface-radius:var(--scb-cards-surface-radius-large, var(--radius-large, 16px));--scb-card-border-width:var(--scb-cards-border-width-large, var(--stroke-border, 1px));--scb-card-media-radius:var(--scb-cards-media-radius-large, var(--radius-large, 16px));--scb-card-size-container-gap:var(--scb-cards-gap-large, var(--spacing-4, 12px));--scb-card-size-container-gap-with-header:var(--spacing-5, 16px);--scb-card-size-top-gap:var(--scb-cards-gap-large, var(--spacing-4, 12px));--scb-card-size-chip-gap:var(--scb-cards-chip-gap-large, var(--scb-card-size-top-gap));--scb-card-size-chip-component-size:var(--scb-cards-chip-component-size-large, medium);--scb-card-size-avatar-component-size:var(--scb-cards-avatar-component-size-large, medium);--scb-card-size-header-font-family:var(--scb-cards-title-font-current, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand-font, "Inter", sans-serif))));--scb-card-size-header-font-size:var(--scb-cards-title-size-current, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 22px)));--scb-card-size-header-font-weight:var(--scb-cards-title-font-weight-current, var(--scb-cards-title-weight-current, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700)))));--scb-card-size-header-line-height:var(--scb-cards-title-line-height-current, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 28px)));--scb-card-size-header-letter-spacing:var(--scb-cards-title-letter-spacing-current, var(--scb-cards-title-tracking-current, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, -0.5px))));--scb-card-size-sub-label-font-family:var(--scb-cards-subtitle-font-current, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand-font, "Inter", sans-serif))));--scb-card-size-sub-label-font-size:var(--scb-cards-subtitle-size-current, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-card-size-sub-label-font-weight:var(--scb-cards-subtitle-font-weight-current, var(--scb-cards-subtitle-weight-current, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-card-size-sub-label-line-height:var(--scb-cards-subtitle-line-height-current, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-card-size-sub-label-letter-spacing:var(--scb-cards-subtitle-letter-spacing-current, var(--scb-cards-subtitle-tracking-current, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, -0.3px))));--scb-card-size-supporting-font-family:var(--scb-cards-supporting-font-current, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand-font, "Inter", sans-serif))));--scb-card-size-supporting-font-size:var(--scb-cards-supporting-size-current, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-card-size-supporting-font-weight:var(--scb-cards-supporting-font-weight-current, var(--scb-cards-supporting-weight-current, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-card-size-supporting-line-height:var(--scb-cards-supporting-line-height-current, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-card-size-supporting-letter-spacing:var(--scb-cards-supporting-letter-spacing-current, var(--scb-cards-supporting-tracking-current, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, -0.3px))));--scb-card-size-link-font-family:var(--scb-cards-link-large-font, var(--scb-card-size-supporting-font-family));--scb-card-size-link-font-size:var(--scb-cards-link-large-size, var(--scb-card-size-supporting-font-size));--scb-card-size-link-font-weight:var(--scb-cards-link-large-font-weight, var(--scb-cards-link-large-weight, var(--weight-regular, 400)));--scb-card-size-link-line-height:var(--scb-cards-link-large-line-height, var(--scb-card-size-supporting-line-height));--scb-card-size-link-letter-spacing:var(--scb-cards-link-large-letter-spacing, var(--scb-cards-link-large-tracking, var(--scb-card-size-supporting-letter-spacing)));--scb-card-size-date-font-size:var(--scb-typography-body-small-size, var(--md-sys-typescale-body-small-size, 12px));--scb-card-size-date-line-height:var(--scb-typography-body-small-line-height, var(--md-sys-typescale-body-small-line-height, 24px));--scb-card-size-date-letter-spacing:var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, -0.15px));--scb-card-size-horizontal-gap:var(--scb-cards-horizontal-gap-large, var(--spacing-6, 20px));--scb-card-size-horizontal-padding:var(--scb-cards-horizontal-padding-large, var(--spacing-6, 20px));--scb-card-size-horizontal-media-min:var(--scb-cards-horizontal-media-min-width-large, var(--scale-14, 96px));--scb-card-size-horizontal-media-max:var(--scb-cards-horizontal-media-max-width-large, 176px);--scb-card-size-social-gap:var(--scb-cards-social-gap-large, var(--spacing-5, 16px));--scb-card-size-social-metrics-margin-top:var(--scb-cards-social-metrics-margin-top-large, var(--spacing-4, 12px));--scb-card-size-social-item-gap:var(--scb-cards-social-item-gap-large, var(--spacing-2, 4px));--scb-card-size-social-action-gap:var(--scb-cards-social-action-gap-large, var(--spacing-1, 2px));--scb-card-size-social-icon:var(--scb-cards-social-icon-size-large, var(--icon-size-small, 20px));--scb-card-size-social-icon-button-component-size:var(--scb-cards-social-icon-button-component-size-large, medium);--scb-card-size-social-font-family:var(--scb-cards-social-text-large-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand-font, "Inter", sans-serif))));--scb-card-size-social-text:var(--scb-cards-social-text-large-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-card-size-social-line-height:var(--scb-cards-social-text-large-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-card-size-social-letter-spacing:var(--scb-cards-social-text-large-letter-spacing, var(--scb-cards-social-text-large-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, 0px))));--scb-card-size-social-font-weight:var(--scb-cards-social-text-large-font-weight, var(--scb-cards-social-text-large-weight, var(--weight-regular, 400)));--scb-card-size-social-action-font-size:var(--scb-card-size-social-text);--scb-card-size-social-action-line-height:var(--scb-card-size-social-line-height);--scb-card-size-social-action-letter-spacing:var(--scb-card-size-social-letter-spacing);--scb-card-size-social-action-font-weight:var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600)));--scb-card-size-list-offset:var(--scb-cards-list-offset-large, var(--spacing-5, 16px));--scb-card-size-list-item-padding-block:var(--scb-cards-list-item-padding-block-large, var(--scb-list-item-padding-block-large, var(--spacing-7, 24px)));--scb-card-size-list-item-padding-inline:var(--scb-cards-list-item-padding-inline-large, var(--scb-list-item-padding-inline, var(--spacing-5, 16px)));--scb-card-size-list-text-font-family:var(--scb-cards-list-text-large-font, var(--scb-lists-text-large-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font, var(--brand-font, "Inter", sans-serif)))));--scb-card-size-list-text-font-size:var(--scb-cards-list-text-large-size, var(--scb-lists-text-large-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 22px))));--scb-card-size-list-text-line-height:var(--scb-cards-list-text-large-line-height, var(--scb-lists-text-large-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 28px))));--scb-card-size-list-text-letter-spacing:var(--scb-cards-list-text-large-letter-spacing, var(--scb-cards-list-text-large-tracking, var(--scb-lists-text-large-letter-spacing, var(--scb-lists-text-large-tracking, var(--scb-typography-title-large-tracking, 0px)))));--scb-card-size-list-text-font-weight:var(--scb-cards-list-text-large-font-weight, var(--scb-cards-list-text-large-weight, var(--scb-lists-text-large-font-weight, var(--scb-lists-text-large-weight, var(--weight-semibold, 600)))));--scb-card-size-list-supporting-font-family:var(--scb-cards-list-supporting-large-font, var(--scb-lists-supporting-large-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand-font, "Inter", sans-serif)))));--scb-card-size-list-supporting-font-size:var(--scb-cards-list-supporting-large-size, var(--scb-lists-supporting-large-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px))));--scb-card-size-list-supporting-line-height:var(--scb-cards-list-supporting-large-line-height, var(--scb-lists-supporting-large-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px))));--scb-card-size-list-supporting-letter-spacing:var(--scb-cards-list-supporting-large-letter-spacing, var(--scb-cards-list-supporting-large-tracking, var(--scb-lists-supporting-large-letter-spacing, var(--scb-lists-supporting-large-tracking, var(--scb-typography-body-medium-tracking, 0px)))));--scb-card-size-list-supporting-font-weight:var(--scb-cards-list-supporting-large-font-weight, var(--scb-cards-list-supporting-large-weight, var(--scb-lists-supporting-large-font-weight, var(--scb-lists-supporting-large-weight, var(--weight-regular, 400)))));--scb-card-size-actions-offset:var(--scb-cards-actions-offset-large, var(--spacing-7, 24px));--scb-card-size-actions-gap:var(--scb-cards-actions-gap-large, var(--spacing-3, 8px));--scb-card-size-actions-button-size:var(--scb-cards-actions-button-size-large, medium);--scb-card-size-footer-offset:var(--spacing-5, 16px);--scb-card-size-links-offset:var(--scb-cards-links-offset-large, var(--spacing-3, 8px));--scb-card-size-links-item-offset:var(--scb-cards-links-item-offset-large, var(--spacing-3, 8px))}:host,:host([size='medium']),:host([size='small']){--scb-card-size-social-icon-font-size:var(--scb-card-size-social-icon)}:host([size='medium']){--scb-cards-title-font-weight-current:var(--scb-cards-title-medium-font-weight, var(--scb-cards-title-medium-weight, var(--scb-cards-title-font-weight, var(--scb-cards-title-weight))));--scb-cards-title-letter-spacing-current:var(--scb-cards-title-medium-letter-spacing, var(--scb-cards-title-medium-tracking, var(--scb-cards-title-letter-spacing, var(--scb-cards-title-tracking))));--scb-cards-title-line-height-current:var(--scb-cards-title-medium-line-height, var(--scb-cards-title-line-height));--scb-cards-title-tracking-current:var(--scb-cards-title-medium-tracking, var(--scb-cards-title-medium-letter-spacing, var(--scb-cards-title-tracking, var(--scb-cards-title-letter-spacing))));--scb-cards-title-weight-current:var(--scb-cards-title-medium-weight, var(--scb-cards-title-medium-font-weight, var(--scb-cards-title-weight, var(--scb-cards-title-font-weight))));--scb-cards-title-size-current:var(--scb-cards-title-medium-size, var(--scb-cards-title-size));--scb-cards-title-font-current:var(--scb-cards-title-medium-font, var(--scb-cards-title-font));--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-medium-font-weight, var(--scb-cards-subtitle-medium-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-medium-letter-spacing, var(--scb-cards-subtitle-medium-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-medium-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-medium-tracking, var(--scb-cards-subtitle-medium-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-medium-weight, var(--scb-cards-subtitle-medium-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-medium-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-medium-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-medium-font-weight, var(--scb-cards-supporting-medium-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-medium-letter-spacing, var(--scb-cards-supporting-medium-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-medium-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-medium-tracking, var(--scb-cards-supporting-medium-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-medium-weight, var(--scb-cards-supporting-medium-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-medium-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-medium-font, var(--scb-cards-supporting-font));--scb-card-size-content-padding-block:var(--scb-cards-content-padding-block-medium, var(--spacing-6, 20px));--scb-card-size-content-padding-inline:var(--scb-cards-content-padding-inline-medium, var(--spacing-5, 16px));--scb-card-surface-radius:var(--scb-cards-surface-radius-medium, var(--radius-large, 16px));--scb-card-border-width:var(--scb-cards-border-width-medium, var(--stroke-border, 1px));--scb-card-media-radius:var(--scb-cards-media-radius-medium, var(--radius-large, 16px));--scb-card-size-container-gap:var(--scb-cards-gap-medium, var(--spacing-3, 8px));--scb-card-size-container-gap-with-header:var(--spacing-4, 12px);--scb-card-size-top-gap:var(--scb-cards-gap-medium, var(--spacing-3, 8px));--scb-card-size-chip-gap:var(--scb-cards-chip-gap-medium, var(--scb-card-size-top-gap));--scb-card-size-chip-component-size:var(--scb-cards-chip-component-size-medium, medium);--scb-card-size-avatar-component-size:var(--scb-cards-avatar-component-size-medium, medium);--scb-card-size-horizontal-gap:var(--scb-cards-horizontal-gap-medium, var(--spacing-5, 16px));--scb-card-size-horizontal-padding:var(--scb-cards-horizontal-padding-medium, var(--spacing-5, 16px));--scb-card-size-horizontal-media-min:var(--scb-cards-horizontal-media-min-width-medium, var(--scale-14, 96px));--scb-card-size-horizontal-media-max:var(--scb-cards-horizontal-media-max-width-medium, 156px);--scb-card-size-link-font-family:var(--scb-cards-link-medium-font, var(--scb-card-size-supporting-font-family));--scb-card-size-link-font-size:var(--scb-cards-link-medium-size, var(--scb-card-size-supporting-font-size));--scb-card-size-link-font-weight:var(--scb-cards-link-medium-font-weight, var(--scb-cards-link-medium-weight, var(--weight-regular, 400)));--scb-card-size-link-line-height:var(--scb-cards-link-medium-line-height, var(--scb-card-size-supporting-line-height));--scb-card-size-link-letter-spacing:var(--scb-cards-link-medium-letter-spacing, var(--scb-cards-link-medium-tracking, var(--scb-card-size-supporting-letter-spacing)));--scb-card-size-social-gap:var(--scb-cards-social-gap-medium, var(--spacing-4, 12px));--scb-card-size-social-metrics-margin-top:var(--scb-cards-social-metrics-margin-top-medium, var(--spacing-4, 12px));--scb-card-size-social-item-gap:var(--scb-cards-social-item-gap-medium, var(--spacing-2, 4px));--scb-card-size-social-action-gap:var(--scb-cards-social-action-gap-medium, var(--spacing-1, 2px));--scb-card-size-social-icon:var(--scb-cards-social-icon-size-medium, var(--icon-size-small, 20px));--scb-card-size-social-icon-button-component-size:var(--scb-cards-social-icon-button-component-size-medium, medium);--scb-card-size-social-font-family:var(--scb-cards-social-text-medium-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand-font, "Inter", sans-serif))));--scb-card-size-social-text:var(--scb-cards-social-text-medium-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-card-size-social-line-height:var(--scb-cards-social-text-medium-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-card-size-social-letter-spacing:var(--scb-cards-social-text-medium-letter-spacing, var(--scb-cards-social-text-medium-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, 0px))));--scb-card-size-social-font-weight:var(--scb-cards-social-text-medium-font-weight, var(--scb-cards-social-text-medium-weight, var(--weight-regular, 400)));--scb-card-size-list-offset:var(--scb-cards-list-offset-medium, var(--spacing-4, 12px));--scb-card-size-list-item-padding-block:var(--scb-cards-list-item-padding-block-medium, var(--scb-list-item-padding-block-medium, var(--spacing-5, 16px)));--scb-card-size-list-item-padding-inline:var(--scb-cards-list-item-padding-inline-medium, var(--scb-list-item-padding-inline, var(--spacing-5, 16px)));--scb-card-size-list-text-font-family:var(--scb-cards-list-text-medium-font, var(--scb-lists-text-medium-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font, var(--brand-font, "Inter", sans-serif)))));--scb-card-size-list-text-font-size:var(--scb-cards-list-text-medium-size, var(--scb-lists-text-medium-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 22px))));--scb-card-size-list-text-line-height:var(--scb-cards-list-text-medium-line-height, var(--scb-lists-text-medium-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 28px))));--scb-card-size-list-text-letter-spacing:var(--scb-cards-list-text-medium-letter-spacing, var(--scb-cards-list-text-medium-tracking, var(--scb-lists-text-medium-letter-spacing, var(--scb-lists-text-medium-tracking, var(--scb-typography-title-large-tracking, 0px)))));--scb-card-size-list-text-font-weight:var(--scb-cards-list-text-medium-font-weight, var(--scb-cards-list-text-medium-weight, var(--scb-lists-text-medium-font-weight, var(--scb-lists-text-medium-weight, var(--weight-semibold, 600)))));--scb-card-size-list-supporting-font-family:var(--scb-cards-list-supporting-medium-font, var(--scb-lists-supporting-medium-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand-font, "Inter", sans-serif)))));--scb-card-size-list-supporting-font-size:var(--scb-cards-list-supporting-medium-size, var(--scb-lists-supporting-medium-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px))));--scb-card-size-list-supporting-line-height:var(--scb-cards-list-supporting-medium-line-height, var(--scb-lists-supporting-medium-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px))));--scb-card-size-list-supporting-letter-spacing:var(--scb-cards-list-supporting-medium-letter-spacing, var(--scb-cards-list-supporting-medium-tracking, var(--scb-lists-supporting-medium-letter-spacing, var(--scb-lists-supporting-medium-tracking, var(--scb-typography-body-medium-tracking, 0px)))));--scb-card-size-list-supporting-font-weight:var(--scb-cards-list-supporting-medium-font-weight, var(--scb-cards-list-supporting-medium-weight, var(--scb-lists-supporting-medium-font-weight, var(--scb-lists-supporting-medium-weight, var(--weight-regular, 400)))));--scb-card-size-actions-offset:var(--scb-cards-actions-offset-medium, var(--spacing-6, 20px));--scb-card-size-actions-gap:var(--scb-cards-actions-gap-medium, var(--spacing-3, 8px));--scb-card-size-actions-button-size:var(--scb-cards-actions-button-size-medium, medium);--scb-card-size-footer-offset:var(--spacing-4, 12px);--scb-card-size-links-offset:var(--scb-cards-links-offset-medium, var(--spacing-2, 4px));--scb-card-size-links-item-offset:var(--scb-cards-links-item-offset-medium, var(--spacing-2, 4px))}:host([size='small']){--scb-cards-title-font-weight-current:var(--scb-cards-title-small-font-weight, var(--scb-cards-title-small-weight, var(--scb-cards-title-font-weight, var(--scb-cards-title-weight))));--scb-cards-title-letter-spacing-current:var(--scb-cards-title-small-letter-spacing, var(--scb-cards-title-small-tracking, var(--scb-cards-title-letter-spacing, var(--scb-cards-title-tracking))));--scb-cards-title-line-height-current:var(--scb-cards-title-small-line-height, var(--scb-cards-title-line-height));--scb-cards-title-tracking-current:var(--scb-cards-title-small-tracking, var(--scb-cards-title-small-letter-spacing, var(--scb-cards-title-tracking, var(--scb-cards-title-letter-spacing))));--scb-cards-title-weight-current:var(--scb-cards-title-small-weight, var(--scb-cards-title-small-font-weight, var(--scb-cards-title-weight, var(--scb-cards-title-font-weight))));--scb-cards-title-size-current:var(--scb-cards-title-small-size, var(--scb-cards-title-size));--scb-cards-title-font-current:var(--scb-cards-title-small-font, var(--scb-cards-title-font));--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-small-font-weight, var(--scb-cards-subtitle-small-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-small-letter-spacing, var(--scb-cards-subtitle-small-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-small-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-small-tracking, var(--scb-cards-subtitle-small-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-small-weight, var(--scb-cards-subtitle-small-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-small-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-small-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-small-font-weight, var(--scb-cards-supporting-small-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-small-letter-spacing, var(--scb-cards-supporting-small-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-small-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-small-tracking, var(--scb-cards-supporting-small-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-small-weight, var(--scb-cards-supporting-small-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-small-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-small-font, var(--scb-cards-supporting-font));--scb-card-size-content-padding-block:var(--scb-cards-content-padding-block-small, var(--spacing-5, 16px));--scb-card-size-content-padding-inline:var(--scb-cards-content-padding-inline-small, var(--spacing-4, 12px));--scb-card-surface-radius:var(--scb-cards-surface-radius-small, var(--radius-large, 16px));--scb-card-border-width:var(--scb-cards-border-width-small, var(--stroke-border, 1px));--scb-card-media-radius:var(--scb-cards-media-radius-small, var(--radius-large, 16px));--scb-card-size-container-gap:var(--scb-cards-gap-small, var(--spacing-3, 8px));--scb-card-size-container-gap-with-header:var(--spacing-3, 8px);--scb-card-size-top-gap:var(--spacing-2, 4px);--scb-card-size-chip-gap:var(--scb-cards-chip-gap-small, var(--scb-card-size-top-gap));--scb-card-size-chip-component-size:var(--scb-cards-chip-component-size-small, medium);--scb-card-size-avatar-component-size:var(--scb-cards-avatar-component-size-small, medium);--scb-card-size-horizontal-gap:var(--scb-cards-horizontal-gap-small, var(--spacing-4, 12px));--scb-card-size-horizontal-padding:var(--scb-cards-horizontal-padding-small, var(--spacing-4, 12px));--scb-card-size-horizontal-media-min:var(--scb-cards-horizontal-media-min-width-small, var(--scale-13, 80px));--scb-card-size-horizontal-media-max:var(--scb-cards-horizontal-media-max-width-small, 136px);--scb-card-size-link-font-family:var(--scb-cards-link-small-font, var(--scb-card-size-supporting-font-family));--scb-card-size-link-font-size:var(--scb-cards-link-small-size, var(--scb-card-size-supporting-font-size));--scb-card-size-link-font-weight:var(--scb-cards-link-small-font-weight, var(--scb-cards-link-small-weight, var(--weight-regular, 400)));--scb-card-size-link-line-height:var(--scb-cards-link-small-line-height, var(--scb-card-size-supporting-line-height));--scb-card-size-link-letter-spacing:var(--scb-cards-link-small-letter-spacing, var(--scb-cards-link-small-tracking, var(--scb-card-size-supporting-letter-spacing)));--scb-card-size-social-gap:var(--scb-cards-social-gap-small, var(--spacing-3, 8px));--scb-card-size-social-metrics-margin-top:var(--scb-cards-social-metrics-margin-top-small, var(--spacing-4, 12px));--scb-card-size-social-item-gap:var(--scb-cards-social-item-gap-small, var(--spacing-2, 4px));--scb-card-size-social-action-gap:var(--scb-cards-social-action-gap-small, var(--spacing-1, 2px));--scb-card-size-social-icon:var(--scb-cards-social-icon-size-small, var(--icon-size-extra-small, 16px));--scb-card-size-social-icon-button-component-size:var(--scb-cards-social-icon-button-component-size-small, small);--scb-card-size-social-font-family:var(--scb-cards-social-text-small-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand-font, "Inter", sans-serif))));--scb-card-size-social-text:var(--scb-cards-social-text-small-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-card-size-social-line-height:var(--scb-cards-social-text-small-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-card-size-social-letter-spacing:var(--scb-cards-social-text-small-letter-spacing, var(--scb-cards-social-text-small-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, 0px))));--scb-card-size-social-font-weight:var(--scb-cards-social-text-small-font-weight, var(--scb-cards-social-text-small-weight, var(--weight-regular, 400)));--scb-card-size-list-offset:var(--scb-cards-list-offset-small, var(--spacing-3, 8px));--scb-card-size-list-item-padding-block:var(--scb-cards-list-item-padding-block-small, var(--scb-list-item-padding-block-small, var(--spacing-4, 12px)));--scb-card-size-list-item-padding-inline:var(--scb-cards-list-item-padding-inline-small, var(--scb-list-item-padding-inline, var(--spacing-5, 16px)));--scb-card-size-list-text-font-family:var(--scb-cards-list-text-small-font, var(--scb-lists-text-small-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font, var(--brand-font, "Inter", sans-serif)))));--scb-card-size-list-text-font-size:var(--scb-cards-list-text-small-size, var(--scb-lists-text-small-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 22px))));--scb-card-size-list-text-line-height:var(--scb-cards-list-text-small-line-height, var(--scb-lists-text-small-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 28px))));--scb-card-size-list-text-letter-spacing:var(--scb-cards-list-text-small-letter-spacing, var(--scb-cards-list-text-small-tracking, var(--scb-lists-text-small-letter-spacing, var(--scb-lists-text-small-tracking, var(--scb-typography-title-large-tracking, 0px)))));--scb-card-size-list-text-font-weight:var(--scb-cards-list-text-small-font-weight, var(--scb-cards-list-text-small-weight, var(--scb-lists-text-small-font-weight, var(--scb-lists-text-small-weight, var(--weight-semibold, 600)))));--scb-card-size-list-supporting-font-family:var(--scb-cards-list-supporting-small-font, var(--scb-lists-supporting-small-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand-font, "Inter", sans-serif)))));--scb-card-size-list-supporting-font-size:var(--scb-cards-list-supporting-small-size, var(--scb-lists-supporting-small-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px))));--scb-card-size-list-supporting-line-height:var(--scb-cards-list-supporting-small-line-height, var(--scb-lists-supporting-small-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px))));--scb-card-size-list-supporting-letter-spacing:var(--scb-cards-list-supporting-small-letter-spacing, var(--scb-cards-list-supporting-small-tracking, var(--scb-lists-supporting-small-letter-spacing, var(--scb-lists-supporting-small-tracking, var(--scb-typography-body-medium-tracking, 0px)))));--scb-card-size-list-supporting-font-weight:var(--scb-cards-list-supporting-small-font-weight, var(--scb-cards-list-supporting-small-weight, var(--scb-lists-supporting-small-font-weight, var(--scb-lists-supporting-small-weight, var(--weight-regular, 400)))));--scb-card-size-actions-offset:var(--scb-cards-actions-offset-small, var(--spacing-5, 16px));--scb-card-size-actions-gap:var(--scb-cards-actions-gap-small, var(--spacing-3, 8px));--scb-card-size-actions-button-size:var(--scb-cards-actions-button-size-small, medium);--scb-card-size-footer-offset:var(--spacing-3, 8px);--scb-card-size-links-offset:var(--scb-cards-links-offset-small, var(--spacing-2, 4px));--scb-card-size-links-item-offset:var(--scb-cards-links-item-offset-small, var(--spacing-2, 4px))}:host:not(:defined){min-height:190px}:host([type='standard']){--scb-card-max-w:var(--scb-card-standard-max-w, none)}:host([type='list']){--scb-card-max-w:var(--scb-card-list-max-w, none)}:host([type='social']){--scb-card-max-w:var(--scb-card-social-max-w, none)}:host([type='link']){--scb-card-max-w:var(--scb-card-link-max-w, none)}:host([type='action']){--scb-card-max-w:var(--scb-card-action-max-w, none)}:host([type='container']){--scb-card-max-w:var(--scb-card-container-max-w, none)}:host([height]) .scb-card,:host([max-height]) .scb-card,:host([sizing='stretch']) .scb-card{block-size:100%}:host([sizing='stretch']){inline-size:100%;block-size:100%;max-inline-size:none}:host([sizing='content-width']){display:inline-block;inline-size:auto;block-size:auto}:host([sizing='content-width']) .scb-card{inline-size:max-content}:host([sizing='content-height']){inline-size:100%;block-size:auto;max-inline-size:none}md-focus-ring{position:absolute;inset:0;pointer-events:none;display:none;border-radius:var(--scb-card-focus-ring-radius, var(--scb-card-surface-radius, var(--md-sys-shape-corner-large, 16px)))}.scb-card:focus-visible+md-focus-ring{display:block}.scb-card.has-slotted-card-link:focus-within+md-focus-ring{display:block}:host(:focus-within) .scb-card.has-slotted-card-link+md-focus-ring{display:block}.scb-card{color:var(--scb-card-content-color, var(--scb-cards-content-color, var(--md-sys-color-on-surface, var(--p-20))));font-family:var(--brand-font, var(--brand, "Inter"), sans-serif);display:flex;position:relative;isolation:isolate;border-radius:var(--scb-card-surface-radius, var(--md-sys-shape-corner-large, 16px));background:var(--scb-card-surface-color, var(--scb-cards-surface-color, var(--md-sys-color-surface, var(--nv-100))));box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;transition:background-color .18s ease,border-color .18s ease}.scb-card a:focus,.scb-card a:focus-visible,.scb-card:focus,.scb-card:focus-visible{outline:0}.scb-card.outlined{border:var(--scb-card-border-width, 1px) solid var(--scb-cards-outline-color, var(--md-sys-color-outline-variant, var(--n-80)))}.scb-card.filled{background:var(--scb-cards-filled-surface-color, var(--md-sys-color-surface-dim, var(--nv-95)))}.scb-card.filled-alternative{background:var(--scb-card-filled-alternative-surface-color, var(--md-sys-color-surface-container, var(--p-95)))}.scb-card.dynamic-direction,.scb-card.vertical{flex-direction:column}.scb-card.clickable,.scb-card.has-slotted-card-link{cursor:pointer}.scb-card.clickable:not(.outlined):not(.filled):not(.filled-alternative)::before,.scb-card.has-slotted-card-link:not(.outlined):not(.filled):not(.filled-alternative)::before{content:"";position:absolute;inset:calc(var(--scb-card-unframed-state-gap)*-1);border-radius:calc(var(--scb-card-surface-radius, var(--md-sys-shape-corner-large, 16px)) + var(--scb-card-unframed-state-gap));background:var(--scb-card-unframed-state-color);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:0}.scb-card.clickable:not(.outlined):not(.filled):not(.filled-alternative):hover::before,.scb-card.has-slotted-card-link:not(.outlined):not(.filled):not(.filled-alternative):hover::before{opacity:1}.scb-card.clickable:not(.outlined):not(.filled):not(.filled-alternative)>:not(md-ripple),.scb-card.has-slotted-card-link:not(.outlined):not(.filled):not(.filled-alternative)>:not(md-ripple){position:relative;z-index:1}slot[name=card-link]::slotted(a){position:absolute;inset:0;z-index:2;border-radius:inherit;color:transparent;font-size:0;text-decoration:none;outline:0}slot[name=card-link]::slotted(a:focus),slot[name=card-link]::slotted(a:focus-visible){outline:0}md-ripple{position:absolute;inset:0;border-radius:var(--scb-card-surface-radius, var(--md-sys-shape-corner-large, 16px));pointer-events:none}.scb-card.clickable:not(.outlined):not(.filled):not(.filled-alternative) md-ripple,.scb-card.has-slotted-card-link:not(.outlined):not(.filled):not(.filled-alternative) md-ripple{inset:calc(var(--scb-card-unframed-state-gap)*-1);border-radius:calc(var(--scb-card-surface-radius, var(--md-sys-shape-corner-large, 16px)) + var(--scb-card-unframed-state-gap));z-index:2}.media{position:relative;display:inline-flex;flex:0 0 auto;overflow:hidden;border-radius:var(--scb-card-media-radius, var(--md-sys-shape-corner-large, 16px))}.media.has-reserved-space{inline-size:100%;aspect-ratio:var(--scb-card-media-aspect, 3 / 2);min-block-size:var(--scb-card-media-min-block-size, 0)}.media ::slotted(img),.media img{display:block;inline-size:100%;max-inline-size:100%;height:auto;object-fit:var(--scb-card-media-fit, cover);object-position:var(--scb-card-media-position, center)}.media.has-reserved-space ::slotted(img),.media.has-reserved-space img{block-size:100%}.media.has-ph::before{content:"";position:absolute;inset:0;background:var(--scb-card-skeleton-gradient, var(--scb-effect-skeleton-gradient-alpha, var(--scb-special-skeleton-gradient)));animation:scb-card-shimmer 1.2s infinite linear}.media.is-loaded::before{content:none}.full-content,.top-content{flex-direction:column;min-inline-size:0}.full-content{display:var(--scb-card-content-display, block);flex:var(--scb-card-content-flex, 0 1 auto);padding-block-start:var(--scb-card-content-padding-block-start, var(--scb-card-size-content-padding-block));padding-block-end:var(--scb-card-content-padding-block-end, var(--scb-card-size-content-padding-block));padding-inline-start:var(--scb-card-content-padding-inline-start, var(--scb-card-size-content-padding-inline));padding-inline-end:var(--scb-card-content-padding-inline-end, var(--scb-card-size-content-padding-inline))}.top-content{display:flex;gap:var(--scb-card-size-top-gap)}.chip-slot{display:flex;margin-block-end:var(--scb-card-chip-gap, var(--scb-card-size-chip-gap, var(--scb-card-size-top-gap)))}.header{font-family:var(--scb-card-size-header-font-family);font-size:var(--scb-card-size-header-font-size);font-weight:var(--scb-card-size-header-font-weight);line-height:var(--scb-card-size-header-line-height);letter-spacing:var(--scb-card-size-header-letter-spacing);display:flex;align-items:center;justify-content:space-between;column-gap:var(--spacing-3, 8px);min-inline-size:0}.header .title{display:block;flex:1 1 auto;min-inline-size:0;white-space:normal;overflow:visible;text-overflow:clip;word-break:normal;overflow-wrap:anywhere;hyphens:auto}.header a.title{color:inherit;text-decoration:none}.card-icon{display:inline-block;inline-size:1em;block-size:1em;overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--icon-size-medium, 24px);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:"FILL"0,"wght"400,"GRAD"0,"opsz"24;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card-icon.scb-svg-icon{fill:currentColor;font:inherit}.header .card-icon{flex:0 0 auto;align-self:start}.sub-label{font-family:var(--scb-card-size-sub-label-font-family);font-size:var(--scb-card-size-sub-label-font-size);font-weight:var(--scb-card-size-sub-label-font-weight);line-height:var(--scb-card-size-sub-label-line-height);letter-spacing:var(--scb-card-size-sub-label-letter-spacing)}.supporting-text{font-family:var(--scb-card-size-supporting-font-family);font-size:var(--scb-card-size-supporting-font-size);font-weight:var(--scb-card-size-supporting-font-weight);line-height:var(--scb-card-size-supporting-line-height);letter-spacing:var(--scb-card-size-supporting-letter-spacing)}slot[name=heading]::slotted(*){color:inherit;font-family:var(--scb-card-size-header-font-family)!important;font-size:var(--scb-card-size-header-font-size)!important;font-weight:var(--scb-card-size-header-font-weight)!important;line-height:var(--scb-card-size-header-line-height)!important;letter-spacing:var(--scb-card-size-header-letter-spacing)!important;margin:0!important;min-inline-size:0;overflow-wrap:anywhere}slot[name=subtitle]::slotted(*){color:inherit;font-family:var(--scb-card-size-sub-label-font-family)!important;font-size:var(--scb-card-size-sub-label-font-size)!important;font-weight:var(--scb-card-size-sub-label-font-weight)!important;line-height:var(--scb-card-size-sub-label-line-height)!important;letter-spacing:var(--scb-card-size-sub-label-letter-spacing)!important;margin:0!important}slot[name=supporting-text]::slotted(*){color:inherit;font-family:var(--scb-card-size-supporting-font-family)!important;font-size:var(--scb-card-size-supporting-font-size)!important;font-weight:var(--scb-card-size-supporting-font-weight)!important;line-height:var(--scb-card-size-supporting-line-height)!important;letter-spacing:var(--scb-card-size-supporting-letter-spacing)!important;--scb-link-font-size:var(--scb-card-size-link-font-size);--scb-link-font-weight:var(--scb-card-size-link-font-weight);--scb-link-line-height:var(--scb-card-size-link-line-height);--scb-link-letter-spacing:var(--scb-card-size-link-letter-spacing);margin:0!important}slot[name=date]::slotted(*){color:inherit;font-family:var(--brand-font, "Inter", sans-serif)!important;font-size:var(--scb-card-size-date-font-size)!important;font-weight:var(--weight-regular, 400)!important;line-height:var(--scb-card-size-date-line-height)!important;letter-spacing:var(--scb-card-size-date-letter-spacing)!important;margin:0!important}slot[name=footer]::slotted(*){color:inherit;font-family:var(--scb-card-size-link-font-family)!important;font-size:var(--scb-card-size-link-font-size)!important;font-weight:var(--scb-card-size-link-font-weight)!important;line-height:var(--scb-card-size-link-line-height)!important;letter-spacing:var(--scb-card-size-link-letter-spacing)!important;--scb-link-font-size:var(--scb-card-size-link-font-size);--scb-link-font-weight:var(--scb-card-size-link-font-weight);--scb-link-line-height:var(--scb-card-size-link-line-height);--scb-link-letter-spacing:var(--scb-card-size-link-letter-spacing);margin:0!important}.date{font-size:var(--scb-card-size-date-font-size);line-height:var(--scb-card-size-date-line-height);letter-spacing:var(--scb-card-size-date-letter-spacing)}.media.avatar-media{align-items:flex-start;overflow:visible;border-radius:0}.media.avatar-media ::slotted(scb-avatar),.media.avatar-media slot[name=media]>scb-avatar,.media.avatar-media>scb-avatar{margin:var(--scb-card-avatar-media-block-start-offset)0 0 var(--scb-card-avatar-media-inline-start-offset)}.scb-card.horizontal{flex-direction:row;align-items:flex-start;column-gap:var(--scb-card-size-horizontal-gap);padding:var(--scb-card-size-horizontal-padding)}.scb-card.horizontal .media{align-self:flex-start;flex:0 1 var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px));min-inline-size:0;max-inline-size:min(100%,var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)));inline-size:min(100%,var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)))}.scb-card.horizontal .media.has-reserved-space{aspect-ratio:var(--scb-card-media-aspect, var(--scb-card-horizontal-media-aspect, 3 / 2))}.scb-card.horizontal .media ::slotted(scb-avatar),.scb-card.horizontal .media.avatar-media ::slotted(scb-avatar),.scb-card.horizontal .media.avatar-media slot[name=media]>scb-avatar,.scb-card.horizontal .media.avatar-media>scb-avatar{margin:0}.scb-card.horizontal .media.avatar-media{flex:0 0 auto;inline-size:auto;max-inline-size:none;margin-block-start:calc(var(--scb-card-avatar-media-block-start-offset) - var(--scb-card-size-horizontal-padding))}.scb-card.horizontal .full-content{align-self:flex-start;padding:0;inline-size:auto;min-inline-size:min(18ch,100%);flex:1 1 0%}.scb-card.horizontal .header{align-items:flex-start}.scb-card.horizontal .header .card-icon{align-self:flex-start}.scb-card.horizontal .media ::slotted(img),.scb-card.horizontal .media img{margin:0;object-fit:var(--scb-card-media-fit, cover);aspect-ratio:var(--scb-card-horizontal-media-aspect, 3 / 2);inline-size:100%;block-size:auto}.scb-card.horizontal .media.has-reserved-space ::slotted(img),.scb-card.horizontal .media.has-reserved-space img{aspect-ratio:auto;block-size:100%}@container (min-width: 500px){.scb-card.dynamic-direction{flex-direction:row;align-items:flex-start;column-gap:var(--scb-card-size-horizontal-gap);padding:var(--scb-card-size-horizontal-padding)}.scb-card.dynamic-direction .media{align-self:flex-start;flex:0 1 var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px));min-inline-size:0;max-inline-size:min(100%,var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)));inline-size:min(100%,var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)))}.scb-card.dynamic-direction .media.has-reserved-space{aspect-ratio:var(--scb-card-media-aspect, var(--scb-card-horizontal-media-aspect, 3 / 2))}.scb-card.dynamic-direction .media ::slotted(scb-avatar),.scb-card.dynamic-direction .media.avatar-media ::slotted(scb-avatar),.scb-card.dynamic-direction .media.avatar-media slot[name=media]>scb-avatar,.scb-card.dynamic-direction .media.avatar-media>scb-avatar{margin:0}.scb-card.dynamic-direction .media.avatar-media{flex:0 0 auto;inline-size:auto;max-inline-size:none;margin-block-start:calc(var(--scb-card-avatar-media-block-start-offset) - var(--scb-card-size-horizontal-padding))}.scb-card.dynamic-direction .full-content{align-self:flex-start;padding:0;inline-size:auto;min-inline-size:min(18ch,100%);flex:1 1 0%}.scb-card.dynamic-direction .header{align-items:flex-start}.scb-card.dynamic-direction .header .card-icon{align-self:flex-start}.scb-card.dynamic-direction .media ::slotted(img),.scb-card.dynamic-direction .media img{margin:0;object-fit:var(--scb-card-media-fit, cover);aspect-ratio:var(--scb-card-horizontal-media-aspect, 3 / 2);inline-size:100%;block-size:auto}.scb-card.dynamic-direction .media.has-reserved-space ::slotted(img),.scb-card.dynamic-direction .media.has-reserved-space img{aspect-ratio:auto;block-size:100%}:host([sizing='content-width']) .scb-card.dynamic-direction:has(.media img) .full-content{inline-size:max-content;flex:0 1 auto}}:host([sizing='content-width']) .scb-card.horizontal:has(.media img) .full-content{inline-size:max-content;flex:0 1 auto}.scb-card .content.footer ::slotted(a),slot[name=supporting-text]::slotted(a){font-size:var(--scb-card-size-link-font-size);line-height:var(--scb-card-size-link-line-height);letter-spacing:var(--scb-card-size-link-letter-spacing)}.scb-card .content.footer ::slotted(scb-link),slot[name=supporting-text]::slotted(scb-link){--scb-link-font-size:var(--scb-card-size-link-font-size);--scb-link-line-height:var(--scb-card-size-link-line-height);--scb-link-letter-spacing:var(--scb-card-size-link-letter-spacing)}.scb-card .content.footer{margin-block-start:var(--scb-card-footer-offset, var(--scb-card-size-footer-offset));padding-block-start:var(--scb-card-footer-padding-block-start, 0);font-family:var(--scb-card-size-link-font-family);font-size:var(--scb-card-size-link-font-size);font-weight:var(--scb-card-size-link-font-weight);line-height:var(--scb-card-size-link-line-height);letter-spacing:var(--scb-card-size-link-letter-spacing)}`,L);a([r({type:String,reflect:!0,converter:o})],s.prototype,"type",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"variant",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"direction",void 0);a([r({type:String,reflect:!0})],s.prototype,"size",void 0);a([r({type:String,attribute:"media-type"})],s.prototype,"mediaType",void 0);a([r({type:String,attribute:"media-href"})],s.prototype,"mediaHref",void 0);a([r({type:String,attribute:"media-alt"})],s.prototype,"mediaAlt",void 0);a([r({type:String,attribute:"media-srcset"})],s.prototype,"mediaSrcset",void 0);a([r({type:String,attribute:"media-sizes"})],s.prototype,"mediaSizes",void 0);a([r({type:String,attribute:"media-loading"})],s.prototype,"mediaLoading",void 0);a([r({type:String,attribute:"media-decoding"})],s.prototype,"mediaDecoding",void 0);a([r({type:String,attribute:"media-fetchpriority"})],s.prototype,"mediaFetchPriority",void 0);a([r({type:String,attribute:"media-fit"})],s.prototype,"mediaFit",void 0);a([r({type:String,attribute:"media-position"})],s.prototype,"mediaPosition",void 0);a([r({type:String,attribute:"media-width"})],s.prototype,"mediaWidth",void 0);a([r({type:String,attribute:"media-height"})],s.prototype,"mediaHeight",void 0);a([r({type:String,attribute:"media-aspect"})],s.prototype,"mediaAspect",void 0);a([r({type:Boolean,attribute:"media-placeholder"})],s.prototype,"mediaPlaceholder",void 0);a([r({type:String,attribute:"card-href",reflect:!0,converter:o})],s.prototype,"cardHref",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"href",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"title",void 0);a([r({type:String,attribute:"card-title",reflect:!0,converter:o})],s.prototype,"cardTitle",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"subtitle",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"vignette",void 0);a([r({type:String,attribute:"vignette-variant",converter:o})],s.prototype,"vignetteVariant",void 0);a([r({type:String,attribute:"vignette-spacing",reflect:!0,converter:o})],s.prototype,"vignetteSpacing",void 0);a([r({type:String,attribute:"vignette-spacing-top",reflect:!0,converter:o})],s.prototype,"vignetteSpacingTop",void 0);a([r({type:String,attribute:"vignette-spacing-bottom",reflect:!0,converter:o})],s.prototype,"vignetteSpacingBottom",void 0);a([r({type:String,attribute:"vignette-spacing-left",reflect:!0,converter:o})],s.prototype,"vignetteSpacingLeft",void 0);a([r({type:String,attribute:"vignette-spacing-right",reflect:!0,converter:o})],s.prototype,"vignetteSpacingRight",void 0);a([r({type:String,attribute:"supporting-text",reflect:!0,converter:o})],s.prototype,"supportingText",void 0);a([r({type:Date,reflect:!0})],s.prototype,"date",void 0);a([r({type:String,attribute:"social-comments-text"})],s.prototype,"commentsText",void 0);a([r({type:Number,attribute:"social-comments"})],s.prototype,"comments",void 0);a([r({type:Boolean,attribute:"social-comments-disabled"})],s.prototype,"commentsDisabled",void 0);a([r({type:String,attribute:"social-comments-href"})],s.prototype,"commentsHref",void 0);a([r({type:String,attribute:"social-comments-link-label"})],s.prototype,"commentsLinkLabel",void 0);a([r({type:String,attribute:"social-likes-text"})],s.prototype,"likesText",void 0);a([r({type:String,attribute:"social-like-label"})],s.prototype,"likeLabel",void 0);a([r({type:Number,attribute:"social-likes"})],s.prototype,"likes",void 0);a([r({type:Boolean,attribute:"social-likes-disabled"})],s.prototype,"likesDisabled",void 0);a([r({type:String,attribute:"social-likes-hover-content"})],s.prototype,"likesHoverContent",void 0);a([r({type:Boolean,attribute:"social-has-liked"})],s.prototype,"hasLiked",void 0);a([r({type:Boolean,attribute:"social-likes-interactive"})],s.prototype,"likesInteractive",void 0);a([r({type:Boolean,attribute:"social-author"})],s.prototype,"author",void 0);a([r({type:String,attribute:"social-author-text"})],s.prototype,"authorText",void 0);a([r({type:String,attribute:"social-author-href"})],s.prototype,"authorHref",void 0);a([r({type:Boolean,attribute:"social-reply-enabled"})],s.prototype,"replyEnabled",void 0);a([r({type:String,attribute:"social-reply-label"})],s.prototype,"replyLabel",void 0);a([r({type:Boolean,attribute:"social-edit-enabled"})],s.prototype,"editEnabled",void 0);a([r({type:String,attribute:"social-edit-label"})],s.prototype,"editLabel",void 0);a([r({type:Boolean,attribute:"social-delete-enabled"})],s.prototype,"deleteEnabled",void 0);a([r({type:String,attribute:"social-delete-label"})],s.prototype,"deleteLabel",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"sizing",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"width",void 0);a([r({type:String,reflect:!0,attribute:"max-width",converter:o})],s.prototype,"maxWidth",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"height",void 0);a([r({type:String,reflect:!0,attribute:"max-height",converter:o})],s.prototype,"maxHeight",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"spacing",void 0);a([r({type:String,attribute:"spacing-top",reflect:!0,converter:o})],s.prototype,"spacingTop",void 0);a([r({type:String,attribute:"spacing-bottom",reflect:!0,converter:o})],s.prototype,"spacingBottom",void 0);a([r({type:String,attribute:"spacing-left",reflect:!0,converter:o})],s.prototype,"spacingLeft",void 0);a([r({type:String,attribute:"spacing-right",reflect:!0,converter:o})],s.prototype,"spacingRight",void 0);a([r({type:String,attribute:"padding",reflect:!0,converter:o})],s.prototype,"innerPadding",void 0);a([r({type:String,attribute:"padding-top",reflect:!0,converter:o})],s.prototype,"paddingTop",void 0);a([r({type:String,attribute:"padding-bottom",reflect:!0,converter:o})],s.prototype,"paddingBottom",void 0);a([r({type:String,attribute:"padding-left",reflect:!0,converter:o})],s.prototype,"paddingLeft",void 0);a([r({type:String,attribute:"padding-right",reflect:!0,converter:o})],s.prototype,"paddingRight",void 0);s=a([f("scb-card")],s);var X=class extends s{constructor(){super(),this.type="list"}get cardType(){return"list"}};X=a([f("scb-list-card")],X);var J=class extends s{constructor(){super(),this.type="link"}get cardType(){return"link"}};J=a([f("scb-link-card")],J);var Q=class extends s{constructor(){super(),this.type="action"}get cardType(){return"action"}};Q=a([f("scb-action-card")],Q);var Y=class extends s{constructor(){super(),this.type="social"}get cardType(){return"social"}};Y=a([f("scb-social-card")],Y);var Z=class extends s{constructor(){super(),this.type="container"}get cardType(){return"container"}};Z=a([f("scb-container-card")],Z);export{Q as ScbActionCard,Z as ScbContainerCard,J as ScbLinkCard,X as ScbListCard,Y as ScbSocialCard};
98
+ `)}updated(t){if(super.updated(t),t.has("width")&&(this.width?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),t.has("maxWidth")&&(this.maxWidth?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),t.has("height")&&(this.height?this.style.blockSize=this.height:this.style.removeProperty("block-size")),t.has("maxHeight")&&(this.maxHeight?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),t.has("type")||t.has("size")){if(this.cardType==="list"){const e=this.size==="small"?"-4":this.size==="medium"?"-2":"0";this.setAttribute("data-density",e)}else this.removeAttribute("data-density");this.__syncListCardListSize(),this.__syncActionCardButtonSizes()}this.mediaFit&&this.mediaFit!=="cover"?this.style.setProperty("--scb-card-media-fit",this.mediaFit):this.style.removeProperty("--scb-card-media-fit"),this.mediaPosition&&this.mediaPosition!=="center"?this.style.setProperty("--scb-card-media-position",this.mediaPosition):this.style.removeProperty("--scb-card-media-position"),this.__syncSocialAttributes(),this.__ensureDependenciesReady(),this.__syncActionCardButtonSizes(),this.__syncChipSizes(),this.__syncAvatarSizes(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.__applySpacing(),(t.has("innerPadding")||t.has("paddingTop")||t.has("paddingBottom")||t.has("paddingLeft")||t.has("paddingRight"))&&this.__applyPadding()}async firstUpdated(t){this.__lightDomObserver=new MutationObserver(()=>{this.__ensureDependenciesReady(),this.__syncListCardListSize(),this.__syncActionCardButtonSizes(),this.__syncChipSizes(),this.__syncAvatarSizes()}),this.__lightDomObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot"]}),this.__ensureDependenciesReady(),this.__syncListCardListSize(),this.__syncActionCardButtonSizes(),this.__syncChipSizes(),this.__syncAvatarSizes(),this.__applySpacing(),this.__applyPadding(),this.__syncSocialAttributes(),this.__primaryHref()&&this.contains(document.activeElement)&&this.__ensureFocusRingOnFocusVisible(),this.__primaryHref()&&this.matches(":hover")&&this.__ensureRippleOnInteraction()}disconnectedCallback(){this.__lightDomObserver?.disconnect(),this.__lightDomObserver=void 0,super.disconnectedCallback()}},L.styles=zt`@keyframes scb-card-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}:host{--scb-cards-title-font-weight-current:var(--scb-cards-title-large-font-weight, var(--scb-cards-title-large-weight, var(--scb-cards-title-font-weight, var(--scb-cards-title-weight))));--scb-cards-title-letter-spacing-current:var(--scb-cards-title-large-letter-spacing, var(--scb-cards-title-large-tracking, var(--scb-cards-title-letter-spacing, var(--scb-cards-title-tracking))));--scb-cards-title-line-height-current:var(--scb-cards-title-large-line-height, var(--scb-cards-title-line-height));--scb-cards-title-tracking-current:var(--scb-cards-title-large-tracking, var(--scb-cards-title-large-letter-spacing, var(--scb-cards-title-tracking, var(--scb-cards-title-letter-spacing))));--scb-cards-title-weight-current:var(--scb-cards-title-large-weight, var(--scb-cards-title-large-font-weight, var(--scb-cards-title-weight, var(--scb-cards-title-font-weight))));--scb-cards-title-size-current:var(--scb-cards-title-large-size, var(--scb-cards-title-size));--scb-cards-title-font-current:var(--scb-cards-title-large-font, var(--scb-cards-title-font));--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-large-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-large-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-large-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-large-tracking, var(--scb-cards-subtitle-large-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-large-weight, var(--scb-cards-subtitle-large-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-large-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-large-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-large-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-large-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-large-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-large-tracking, var(--scb-cards-supporting-large-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-large-weight, var(--scb-cards-supporting-large-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-large-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-large-font, var(--scb-cards-supporting-font));display:block;container-type:inline-size;box-sizing:border-box;position:relative;inline-size:100%;min-inline-size:0;max-inline-size:var(--scb-card-max-w, none);height:auto;padding:var(--scb-card-focus-ring-gap, 4px);--scb-card-horizontal-media-max:176px;--scb-card-horizontal-media-min:96px;--scb-card-horizontal-media-aspect:3 / 2;--scb-card-avatar-media-block-start-offset:var(--spacing-7, 24px);--scb-card-avatar-media-inline-start-offset:var(--spacing-6, 20px);--scb-card-unframed-state-gap:var(--spacing-2, 4px);--scb-card-unframed-state-color:color-mix(in srgb, currentColor 8%, transparent);margin-block-start:var(--scb-card-spacing-block-start, 0);margin-block-end:var(--scb-card-spacing-block-end, 0);margin-inline-start:var(--scb-card-spacing-inline-start, 0);margin-inline-end:var(--scb-card-spacing-inline-end, 0);--scb-card-size-content-padding-block:var(--scb-cards-content-padding-block-large, var(--spacing-7, 24px));--scb-card-size-content-padding-inline:var(--scb-cards-content-padding-inline-large, var(--spacing-6, 20px));--scb-card-surface-radius:var(--scb-cards-surface-radius-large, var(--radius-large, 16px));--scb-card-border-width:var(--scb-cards-border-width-large, var(--stroke-border, 1px));--scb-card-media-radius:var(--scb-cards-media-radius-large, var(--radius-large, 16px));--scb-card-size-container-gap:var(--scb-cards-container-gap-large, var(--scb-cards-gap-large, var(--spacing-4, 12px)));--scb-card-size-container-gap-with-header:var(--scb-cards-container-header-gap-large, var(--spacing-5, 16px));--scb-card-size-top-gap:var(--scb-cards-text-gap-large, var(--scb-cards-gap-large, var(--spacing-4, 12px)));--scb-card-size-chip-gap:var(--scb-cards-chip-gap-large, var(--scb-card-size-top-gap));--scb-card-size-chip-component-size:var(--scb-cards-chip-component-size-large, medium);--scb-card-size-avatar-component-size:var(--scb-cards-avatar-component-size-large, medium);--scb-card-size-header-font-family:var(--scb-cards-title-font-current, var(--scb-typography-headline-small-font, var(--md-sys-typescale-headline-small-font, var(--brand-font, "Inter", sans-serif))));--scb-card-size-header-font-size:var(--scb-cards-title-size-current, var(--scb-typography-headline-small-size, var(--md-sys-typescale-headline-small-size, 22px)));--scb-card-size-header-font-weight:var(--scb-cards-title-font-weight-current, var(--scb-cards-title-weight-current, var(--scb-typography-headline-small-weight, var(--md-sys-typescale-headline-small-weight, var(--weight-bold, 700)))));--scb-card-size-header-line-height:var(--scb-cards-title-line-height-current, var(--scb-typography-headline-small-line-height, var(--md-sys-typescale-headline-small-line-height, 28px)));--scb-card-size-header-letter-spacing:var(--scb-cards-title-letter-spacing-current, var(--scb-cards-title-tracking-current, var(--scb-typography-headline-small-tracking, var(--md-sys-typescale-headline-small-tracking, -0.5px))));--scb-card-size-sub-label-font-family:var(--scb-cards-subtitle-font-current, var(--scb-typography-title-medium-font, var(--md-sys-typescale-title-medium-font, var(--brand-font, "Inter", sans-serif))));--scb-card-size-sub-label-font-size:var(--scb-cards-subtitle-size-current, var(--scb-typography-title-medium-size, var(--md-sys-typescale-title-medium-size, 18px)));--scb-card-size-sub-label-font-weight:var(--scb-cards-subtitle-font-weight-current, var(--scb-cards-subtitle-weight-current, var(--scb-typography-title-medium-weight, var(--md-sys-typescale-title-medium-weight, var(--weight-semibold, 600)))));--scb-card-size-sub-label-line-height:var(--scb-cards-subtitle-line-height-current, var(--scb-typography-title-medium-line-height, var(--md-sys-typescale-title-medium-line-height, 26px)));--scb-card-size-sub-label-letter-spacing:var(--scb-cards-subtitle-letter-spacing-current, var(--scb-cards-subtitle-tracking-current, var(--scb-typography-title-medium-tracking, var(--md-sys-typescale-title-medium-tracking, -0.3px))));--scb-card-size-supporting-font-family:var(--scb-cards-supporting-font-current, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand-font, "Inter", sans-serif))));--scb-card-size-supporting-font-size:var(--scb-cards-supporting-size-current, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-card-size-supporting-font-weight:var(--scb-cards-supporting-font-weight-current, var(--scb-cards-supporting-weight-current, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-card-size-supporting-line-height:var(--scb-cards-supporting-line-height-current, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-card-size-supporting-letter-spacing:var(--scb-cards-supporting-letter-spacing-current, var(--scb-cards-supporting-tracking-current, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, -0.3px))));--scb-card-size-link-font-family:var(--scb-cards-link-large-font, var(--scb-card-size-supporting-font-family));--scb-card-size-link-font-size:var(--scb-cards-link-large-size, var(--scb-card-size-supporting-font-size));--scb-card-size-link-font-weight:var(--scb-cards-link-large-font-weight, var(--scb-cards-link-large-weight, var(--weight-regular, 400)));--scb-card-size-link-line-height:var(--scb-cards-link-large-line-height, var(--scb-card-size-supporting-line-height));--scb-card-size-link-letter-spacing:var(--scb-cards-link-large-letter-spacing, var(--scb-cards-link-large-tracking, var(--scb-card-size-supporting-letter-spacing)));--scb-card-size-date-font-size:var(--scb-typography-body-small-size, var(--md-sys-typescale-body-small-size, 12px));--scb-card-size-date-line-height:var(--scb-typography-body-small-line-height, var(--md-sys-typescale-body-small-line-height, 24px));--scb-card-size-date-letter-spacing:var(--scb-typography-body-small-tracking, var(--md-sys-typescale-body-small-tracking, -0.15px));--scb-card-size-horizontal-gap:var(--scb-cards-horizontal-gap-large, var(--spacing-6, 20px));--scb-card-size-horizontal-padding:var(--scb-cards-horizontal-padding-large, var(--spacing-6, 20px));--scb-card-size-horizontal-media-min:var(--scb-cards-horizontal-media-min-width-large, var(--scale-14, 96px));--scb-card-size-horizontal-media-max:var(--scb-cards-horizontal-media-max-width-large, 176px);--scb-card-size-social-gap:var(--scb-cards-social-gap-large, var(--spacing-5, 16px));--scb-card-size-social-metrics-margin-top:var(--scb-cards-social-metrics-margin-top-large, var(--spacing-4, 12px));--scb-card-size-social-item-gap:var(--scb-cards-social-item-gap-large, var(--spacing-2, 4px));--scb-card-size-social-action-gap:var(--scb-cards-social-action-gap-large, var(--spacing-1, 2px));--scb-card-size-social-icon:var(--scb-cards-social-icon-size-large, var(--icon-size-small, 20px));--scb-card-size-social-icon-button-component-size:var(--scb-cards-social-icon-button-component-size-large, medium);--scb-card-size-social-font-family:var(--scb-cards-social-text-large-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand-font, "Inter", sans-serif))));--scb-card-size-social-text:var(--scb-cards-social-text-large-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-card-size-social-line-height:var(--scb-cards-social-text-large-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-card-size-social-letter-spacing:var(--scb-cards-social-text-large-letter-spacing, var(--scb-cards-social-text-large-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, 0px))));--scb-card-size-social-font-weight:var(--scb-cards-social-text-large-font-weight, var(--scb-cards-social-text-large-weight, var(--weight-regular, 400)));--scb-card-size-social-action-font-size:var(--scb-card-size-social-text);--scb-card-size-social-action-line-height:var(--scb-card-size-social-line-height);--scb-card-size-social-action-letter-spacing:var(--scb-card-size-social-letter-spacing);--scb-card-size-social-action-font-weight:var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600)));--scb-card-size-list-offset:var(--scb-cards-list-offset-large, var(--spacing-5, 16px));--scb-card-size-list-item-padding-block:var(--scb-cards-list-item-padding-block-large, var(--scb-list-item-padding-block-large, var(--spacing-7, 24px)));--scb-card-size-list-item-padding-inline:var(--scb-cards-list-item-padding-inline-large, var(--scb-list-item-padding-inline, var(--spacing-5, 16px)));--scb-card-size-list-text-font-family:var(--scb-cards-list-text-large-font, var(--scb-lists-text-large-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font, var(--brand-font, "Inter", sans-serif)))));--scb-card-size-list-text-font-size:var(--scb-cards-list-text-large-size, var(--scb-lists-text-large-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 22px))));--scb-card-size-list-text-line-height:var(--scb-cards-list-text-large-line-height, var(--scb-lists-text-large-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 28px))));--scb-card-size-list-text-letter-spacing:var(--scb-cards-list-text-large-letter-spacing, var(--scb-cards-list-text-large-tracking, var(--scb-lists-text-large-letter-spacing, var(--scb-lists-text-large-tracking, var(--scb-typography-title-large-tracking, 0px)))));--scb-card-size-list-text-font-weight:var(--scb-cards-list-text-large-font-weight, var(--scb-cards-list-text-large-weight, var(--scb-lists-text-large-font-weight, var(--scb-lists-text-large-weight, var(--weight-semibold, 600)))));--scb-card-size-list-supporting-font-family:var(--scb-cards-list-supporting-large-font, var(--scb-lists-supporting-large-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand-font, "Inter", sans-serif)))));--scb-card-size-list-supporting-font-size:var(--scb-cards-list-supporting-large-size, var(--scb-lists-supporting-large-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px))));--scb-card-size-list-supporting-line-height:var(--scb-cards-list-supporting-large-line-height, var(--scb-lists-supporting-large-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px))));--scb-card-size-list-supporting-letter-spacing:var(--scb-cards-list-supporting-large-letter-spacing, var(--scb-cards-list-supporting-large-tracking, var(--scb-lists-supporting-large-letter-spacing, var(--scb-lists-supporting-large-tracking, var(--scb-typography-body-medium-tracking, 0px)))));--scb-card-size-list-supporting-font-weight:var(--scb-cards-list-supporting-large-font-weight, var(--scb-cards-list-supporting-large-weight, var(--scb-lists-supporting-large-font-weight, var(--scb-lists-supporting-large-weight, var(--weight-regular, 400)))));--scb-card-size-actions-offset:var(--scb-cards-actions-offset-large, var(--spacing-7, 24px));--scb-card-size-actions-gap:var(--scb-cards-actions-gap-large, var(--spacing-3, 8px));--scb-card-size-actions-button-size:var(--scb-cards-actions-button-size-large, medium);--scb-card-size-footer-offset:var(--spacing-5, 16px);--scb-card-size-links-offset:var(--scb-cards-links-offset-large, var(--spacing-3, 8px));--scb-card-size-links-item-offset:var(--scb-cards-links-item-offset-large, var(--spacing-3, 8px))}:host,:host([size='medium']),:host([size='small']){--scb-card-size-social-icon-font-size:var(--scb-card-size-social-icon)}:host([size='medium']){--scb-cards-title-font-weight-current:var(--scb-cards-title-medium-font-weight, var(--scb-cards-title-medium-weight, var(--scb-cards-title-font-weight, var(--scb-cards-title-weight))));--scb-cards-title-letter-spacing-current:var(--scb-cards-title-medium-letter-spacing, var(--scb-cards-title-medium-tracking, var(--scb-cards-title-letter-spacing, var(--scb-cards-title-tracking))));--scb-cards-title-line-height-current:var(--scb-cards-title-medium-line-height, var(--scb-cards-title-line-height));--scb-cards-title-tracking-current:var(--scb-cards-title-medium-tracking, var(--scb-cards-title-medium-letter-spacing, var(--scb-cards-title-tracking, var(--scb-cards-title-letter-spacing))));--scb-cards-title-weight-current:var(--scb-cards-title-medium-weight, var(--scb-cards-title-medium-font-weight, var(--scb-cards-title-weight, var(--scb-cards-title-font-weight))));--scb-cards-title-size-current:var(--scb-cards-title-medium-size, var(--scb-cards-title-size));--scb-cards-title-font-current:var(--scb-cards-title-medium-font, var(--scb-cards-title-font));--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-medium-font-weight, var(--scb-cards-subtitle-medium-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-medium-letter-spacing, var(--scb-cards-subtitle-medium-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-medium-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-medium-tracking, var(--scb-cards-subtitle-medium-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-medium-weight, var(--scb-cards-subtitle-medium-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-medium-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-medium-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-medium-font-weight, var(--scb-cards-supporting-medium-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-medium-letter-spacing, var(--scb-cards-supporting-medium-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-medium-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-medium-tracking, var(--scb-cards-supporting-medium-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-medium-weight, var(--scb-cards-supporting-medium-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-medium-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-medium-font, var(--scb-cards-supporting-font));--scb-card-size-content-padding-block:var(--scb-cards-content-padding-block-medium, var(--spacing-6, 20px));--scb-card-size-content-padding-inline:var(--scb-cards-content-padding-inline-medium, var(--spacing-5, 16px));--scb-card-surface-radius:var(--scb-cards-surface-radius-medium, var(--radius-large, 16px));--scb-card-border-width:var(--scb-cards-border-width-medium, var(--stroke-border, 1px));--scb-card-media-radius:var(--scb-cards-media-radius-medium, var(--radius-large, 16px));--scb-card-size-container-gap:var(--scb-cards-container-gap-medium, var(--scb-cards-gap-medium, var(--spacing-3, 8px)));--scb-card-size-container-gap-with-header:var(--scb-cards-container-header-gap-medium, var(--spacing-4, 12px));--scb-card-size-top-gap:var(--scb-cards-text-gap-medium, var(--scb-cards-gap-medium, var(--spacing-3, 8px)));--scb-card-size-chip-gap:var(--scb-cards-chip-gap-medium, var(--scb-card-size-top-gap));--scb-card-size-chip-component-size:var(--scb-cards-chip-component-size-medium, medium);--scb-card-size-avatar-component-size:var(--scb-cards-avatar-component-size-medium, medium);--scb-card-size-horizontal-gap:var(--scb-cards-horizontal-gap-medium, var(--spacing-5, 16px));--scb-card-size-horizontal-padding:var(--scb-cards-horizontal-padding-medium, var(--spacing-5, 16px));--scb-card-size-horizontal-media-min:var(--scb-cards-horizontal-media-min-width-medium, var(--scale-14, 96px));--scb-card-size-horizontal-media-max:var(--scb-cards-horizontal-media-max-width-medium, 156px);--scb-card-size-link-font-family:var(--scb-cards-link-medium-font, var(--scb-card-size-supporting-font-family));--scb-card-size-link-font-size:var(--scb-cards-link-medium-size, var(--scb-card-size-supporting-font-size));--scb-card-size-link-font-weight:var(--scb-cards-link-medium-font-weight, var(--scb-cards-link-medium-weight, var(--weight-regular, 400)));--scb-card-size-link-line-height:var(--scb-cards-link-medium-line-height, var(--scb-card-size-supporting-line-height));--scb-card-size-link-letter-spacing:var(--scb-cards-link-medium-letter-spacing, var(--scb-cards-link-medium-tracking, var(--scb-card-size-supporting-letter-spacing)));--scb-card-size-social-gap:var(--scb-cards-social-gap-medium, var(--spacing-4, 12px));--scb-card-size-social-metrics-margin-top:var(--scb-cards-social-metrics-margin-top-medium, var(--spacing-4, 12px));--scb-card-size-social-item-gap:var(--scb-cards-social-item-gap-medium, var(--spacing-2, 4px));--scb-card-size-social-action-gap:var(--scb-cards-social-action-gap-medium, var(--spacing-1, 2px));--scb-card-size-social-icon:var(--scb-cards-social-icon-size-medium, var(--icon-size-small, 20px));--scb-card-size-social-icon-button-component-size:var(--scb-cards-social-icon-button-component-size-medium, medium);--scb-card-size-social-font-family:var(--scb-cards-social-text-medium-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand-font, "Inter", sans-serif))));--scb-card-size-social-text:var(--scb-cards-social-text-medium-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-card-size-social-line-height:var(--scb-cards-social-text-medium-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-card-size-social-letter-spacing:var(--scb-cards-social-text-medium-letter-spacing, var(--scb-cards-social-text-medium-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, 0px))));--scb-card-size-social-font-weight:var(--scb-cards-social-text-medium-font-weight, var(--scb-cards-social-text-medium-weight, var(--weight-regular, 400)));--scb-card-size-list-offset:var(--scb-cards-list-offset-medium, var(--spacing-4, 12px));--scb-card-size-list-item-padding-block:var(--scb-cards-list-item-padding-block-medium, var(--scb-list-item-padding-block-medium, var(--spacing-5, 16px)));--scb-card-size-list-item-padding-inline:var(--scb-cards-list-item-padding-inline-medium, var(--scb-list-item-padding-inline, var(--spacing-5, 16px)));--scb-card-size-list-text-font-family:var(--scb-cards-list-text-medium-font, var(--scb-lists-text-medium-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font, var(--brand-font, "Inter", sans-serif)))));--scb-card-size-list-text-font-size:var(--scb-cards-list-text-medium-size, var(--scb-lists-text-medium-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 22px))));--scb-card-size-list-text-line-height:var(--scb-cards-list-text-medium-line-height, var(--scb-lists-text-medium-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 28px))));--scb-card-size-list-text-letter-spacing:var(--scb-cards-list-text-medium-letter-spacing, var(--scb-cards-list-text-medium-tracking, var(--scb-lists-text-medium-letter-spacing, var(--scb-lists-text-medium-tracking, var(--scb-typography-title-large-tracking, 0px)))));--scb-card-size-list-text-font-weight:var(--scb-cards-list-text-medium-font-weight, var(--scb-cards-list-text-medium-weight, var(--scb-lists-text-medium-font-weight, var(--scb-lists-text-medium-weight, var(--weight-semibold, 600)))));--scb-card-size-list-supporting-font-family:var(--scb-cards-list-supporting-medium-font, var(--scb-lists-supporting-medium-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand-font, "Inter", sans-serif)))));--scb-card-size-list-supporting-font-size:var(--scb-cards-list-supporting-medium-size, var(--scb-lists-supporting-medium-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px))));--scb-card-size-list-supporting-line-height:var(--scb-cards-list-supporting-medium-line-height, var(--scb-lists-supporting-medium-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px))));--scb-card-size-list-supporting-letter-spacing:var(--scb-cards-list-supporting-medium-letter-spacing, var(--scb-cards-list-supporting-medium-tracking, var(--scb-lists-supporting-medium-letter-spacing, var(--scb-lists-supporting-medium-tracking, var(--scb-typography-body-medium-tracking, 0px)))));--scb-card-size-list-supporting-font-weight:var(--scb-cards-list-supporting-medium-font-weight, var(--scb-cards-list-supporting-medium-weight, var(--scb-lists-supporting-medium-font-weight, var(--scb-lists-supporting-medium-weight, var(--weight-regular, 400)))));--scb-card-size-actions-offset:var(--scb-cards-actions-offset-medium, var(--spacing-6, 20px));--scb-card-size-actions-gap:var(--scb-cards-actions-gap-medium, var(--spacing-3, 8px));--scb-card-size-actions-button-size:var(--scb-cards-actions-button-size-medium, medium);--scb-card-size-footer-offset:var(--spacing-4, 12px);--scb-card-size-links-offset:var(--scb-cards-links-offset-medium, var(--spacing-2, 4px));--scb-card-size-links-item-offset:var(--scb-cards-links-item-offset-medium, var(--spacing-2, 4px))}:host([size='small']){--scb-cards-title-font-weight-current:var(--scb-cards-title-small-font-weight, var(--scb-cards-title-small-weight, var(--scb-cards-title-font-weight, var(--scb-cards-title-weight))));--scb-cards-title-letter-spacing-current:var(--scb-cards-title-small-letter-spacing, var(--scb-cards-title-small-tracking, var(--scb-cards-title-letter-spacing, var(--scb-cards-title-tracking))));--scb-cards-title-line-height-current:var(--scb-cards-title-small-line-height, var(--scb-cards-title-line-height));--scb-cards-title-tracking-current:var(--scb-cards-title-small-tracking, var(--scb-cards-title-small-letter-spacing, var(--scb-cards-title-tracking, var(--scb-cards-title-letter-spacing))));--scb-cards-title-weight-current:var(--scb-cards-title-small-weight, var(--scb-cards-title-small-font-weight, var(--scb-cards-title-weight, var(--scb-cards-title-font-weight))));--scb-cards-title-size-current:var(--scb-cards-title-small-size, var(--scb-cards-title-size));--scb-cards-title-font-current:var(--scb-cards-title-small-font, var(--scb-cards-title-font));--scb-cards-subtitle-font-weight-current:var(--scb-cards-subtitle-small-font-weight, var(--scb-cards-subtitle-small-weight, var(--scb-cards-subtitle-font-weight, var(--scb-cards-subtitle-weight))));--scb-cards-subtitle-letter-spacing-current:var(--scb-cards-subtitle-small-letter-spacing, var(--scb-cards-subtitle-small-tracking, var(--scb-cards-subtitle-letter-spacing, var(--scb-cards-subtitle-tracking))));--scb-cards-subtitle-line-height-current:var(--scb-cards-subtitle-small-line-height, var(--scb-cards-subtitle-line-height));--scb-cards-subtitle-tracking-current:var(--scb-cards-subtitle-small-tracking, var(--scb-cards-subtitle-small-letter-spacing, var(--scb-cards-subtitle-tracking, var(--scb-cards-subtitle-letter-spacing))));--scb-cards-subtitle-weight-current:var(--scb-cards-subtitle-small-weight, var(--scb-cards-subtitle-small-font-weight, var(--scb-cards-subtitle-weight, var(--scb-cards-subtitle-font-weight))));--scb-cards-subtitle-size-current:var(--scb-cards-subtitle-small-size, var(--scb-cards-subtitle-size));--scb-cards-subtitle-font-current:var(--scb-cards-subtitle-small-font, var(--scb-cards-subtitle-font));--scb-cards-supporting-font-weight-current:var(--scb-cards-supporting-small-font-weight, var(--scb-cards-supporting-small-weight, var(--scb-cards-supporting-font-weight, var(--scb-cards-supporting-weight))));--scb-cards-supporting-letter-spacing-current:var(--scb-cards-supporting-small-letter-spacing, var(--scb-cards-supporting-small-tracking, var(--scb-cards-supporting-letter-spacing, var(--scb-cards-supporting-tracking))));--scb-cards-supporting-line-height-current:var(--scb-cards-supporting-small-line-height, var(--scb-cards-supporting-line-height));--scb-cards-supporting-tracking-current:var(--scb-cards-supporting-small-tracking, var(--scb-cards-supporting-small-letter-spacing, var(--scb-cards-supporting-tracking, var(--scb-cards-supporting-letter-spacing))));--scb-cards-supporting-weight-current:var(--scb-cards-supporting-small-weight, var(--scb-cards-supporting-small-font-weight, var(--scb-cards-supporting-weight, var(--scb-cards-supporting-font-weight))));--scb-cards-supporting-size-current:var(--scb-cards-supporting-small-size, var(--scb-cards-supporting-size));--scb-cards-supporting-font-current:var(--scb-cards-supporting-small-font, var(--scb-cards-supporting-font));--scb-card-size-content-padding-block:var(--scb-cards-content-padding-block-small, var(--spacing-5, 16px));--scb-card-size-content-padding-inline:var(--scb-cards-content-padding-inline-small, var(--spacing-4, 12px));--scb-card-surface-radius:var(--scb-cards-surface-radius-small, var(--radius-large, 16px));--scb-card-border-width:var(--scb-cards-border-width-small, var(--stroke-border, 1px));--scb-card-media-radius:var(--scb-cards-media-radius-small, var(--radius-large, 16px));--scb-card-size-container-gap:var(--scb-cards-container-gap-small, var(--scb-cards-gap-small, var(--spacing-3, 8px)));--scb-card-size-container-gap-with-header:var(--scb-cards-container-header-gap-small, var(--spacing-3, 8px));--scb-card-size-top-gap:var(--scb-cards-text-gap-small, var(--spacing-2, 4px));--scb-card-size-chip-gap:var(--scb-cards-chip-gap-small, var(--scb-card-size-top-gap));--scb-card-size-chip-component-size:var(--scb-cards-chip-component-size-small, medium);--scb-card-size-avatar-component-size:var(--scb-cards-avatar-component-size-small, medium);--scb-card-size-horizontal-gap:var(--scb-cards-horizontal-gap-small, var(--spacing-4, 12px));--scb-card-size-horizontal-padding:var(--scb-cards-horizontal-padding-small, var(--spacing-4, 12px));--scb-card-size-horizontal-media-min:var(--scb-cards-horizontal-media-min-width-small, var(--scale-13, 80px));--scb-card-size-horizontal-media-max:var(--scb-cards-horizontal-media-max-width-small, 136px);--scb-card-size-link-font-family:var(--scb-cards-link-small-font, var(--scb-card-size-supporting-font-family));--scb-card-size-link-font-size:var(--scb-cards-link-small-size, var(--scb-card-size-supporting-font-size));--scb-card-size-link-font-weight:var(--scb-cards-link-small-font-weight, var(--scb-cards-link-small-weight, var(--weight-regular, 400)));--scb-card-size-link-line-height:var(--scb-cards-link-small-line-height, var(--scb-card-size-supporting-line-height));--scb-card-size-link-letter-spacing:var(--scb-cards-link-small-letter-spacing, var(--scb-cards-link-small-tracking, var(--scb-card-size-supporting-letter-spacing)));--scb-card-size-social-gap:var(--scb-cards-social-gap-small, var(--spacing-3, 8px));--scb-card-size-social-metrics-margin-top:var(--scb-cards-social-metrics-margin-top-small, var(--spacing-4, 12px));--scb-card-size-social-item-gap:var(--scb-cards-social-item-gap-small, var(--spacing-2, 4px));--scb-card-size-social-action-gap:var(--scb-cards-social-action-gap-small, var(--spacing-1, 2px));--scb-card-size-social-icon:var(--scb-cards-social-icon-size-small, var(--icon-size-extra-small, 16px));--scb-card-size-social-icon-button-component-size:var(--scb-cards-social-icon-button-component-size-small, small);--scb-card-size-social-font-family:var(--scb-cards-social-text-small-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand-font, "Inter", sans-serif))));--scb-card-size-social-text:var(--scb-cards-social-text-small-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-card-size-social-line-height:var(--scb-cards-social-text-small-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-card-size-social-letter-spacing:var(--scb-cards-social-text-small-letter-spacing, var(--scb-cards-social-text-small-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, 0px))));--scb-card-size-social-font-weight:var(--scb-cards-social-text-small-font-weight, var(--scb-cards-social-text-small-weight, var(--weight-regular, 400)));--scb-card-size-list-offset:var(--scb-cards-list-offset-small, var(--spacing-3, 8px));--scb-card-size-list-item-padding-block:var(--scb-cards-list-item-padding-block-small, var(--scb-list-item-padding-block-small, var(--spacing-4, 12px)));--scb-card-size-list-item-padding-inline:var(--scb-cards-list-item-padding-inline-small, var(--scb-list-item-padding-inline, var(--spacing-5, 16px)));--scb-card-size-list-text-font-family:var(--scb-cards-list-text-small-font, var(--scb-lists-text-small-font, var(--scb-typography-title-large-font, var(--md-sys-typescale-title-large-font, var(--brand-font, "Inter", sans-serif)))));--scb-card-size-list-text-font-size:var(--scb-cards-list-text-small-size, var(--scb-lists-text-small-size, var(--scb-typography-title-large-size, var(--md-sys-typescale-title-large-size, 22px))));--scb-card-size-list-text-line-height:var(--scb-cards-list-text-small-line-height, var(--scb-lists-text-small-line-height, var(--scb-typography-title-large-line-height, var(--md-sys-typescale-title-large-line-height, 28px))));--scb-card-size-list-text-letter-spacing:var(--scb-cards-list-text-small-letter-spacing, var(--scb-cards-list-text-small-tracking, var(--scb-lists-text-small-letter-spacing, var(--scb-lists-text-small-tracking, var(--scb-typography-title-large-tracking, 0px)))));--scb-card-size-list-text-font-weight:var(--scb-cards-list-text-small-font-weight, var(--scb-cards-list-text-small-weight, var(--scb-lists-text-small-font-weight, var(--scb-lists-text-small-weight, var(--weight-semibold, 600)))));--scb-card-size-list-supporting-font-family:var(--scb-cards-list-supporting-small-font, var(--scb-lists-supporting-small-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand-font, "Inter", sans-serif)))));--scb-card-size-list-supporting-font-size:var(--scb-cards-list-supporting-small-size, var(--scb-lists-supporting-small-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px))));--scb-card-size-list-supporting-line-height:var(--scb-cards-list-supporting-small-line-height, var(--scb-lists-supporting-small-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px))));--scb-card-size-list-supporting-letter-spacing:var(--scb-cards-list-supporting-small-letter-spacing, var(--scb-cards-list-supporting-small-tracking, var(--scb-lists-supporting-small-letter-spacing, var(--scb-lists-supporting-small-tracking, var(--scb-typography-body-medium-tracking, 0px)))));--scb-card-size-list-supporting-font-weight:var(--scb-cards-list-supporting-small-font-weight, var(--scb-cards-list-supporting-small-weight, var(--scb-lists-supporting-small-font-weight, var(--scb-lists-supporting-small-weight, var(--weight-regular, 400)))));--scb-card-size-actions-offset:var(--scb-cards-actions-offset-small, var(--spacing-5, 16px));--scb-card-size-actions-gap:var(--scb-cards-actions-gap-small, var(--spacing-3, 8px));--scb-card-size-actions-button-size:var(--scb-cards-actions-button-size-small, medium);--scb-card-size-footer-offset:var(--spacing-3, 8px);--scb-card-size-links-offset:var(--scb-cards-links-offset-small, var(--spacing-2, 4px));--scb-card-size-links-item-offset:var(--scb-cards-links-item-offset-small, var(--spacing-2, 4px))}:host:not(:defined){min-height:190px}:host([type='standard']){--scb-card-max-w:var(--scb-card-standard-max-w, none)}:host([type='list']){--scb-card-max-w:var(--scb-card-list-max-w, none)}:host([type='social']){--scb-card-max-w:var(--scb-card-social-max-w, none)}:host([type='link']){--scb-card-max-w:var(--scb-card-link-max-w, none)}:host([type='action']){--scb-card-max-w:var(--scb-card-action-max-w, none)}:host([type='container']){--scb-card-max-w:var(--scb-card-container-max-w, none)}:host([height]) .scb-card,:host([max-height]) .scb-card,:host([sizing='stretch']) .scb-card{block-size:100%}:host([sizing='stretch']){inline-size:100%;block-size:100%;max-inline-size:none}:host([sizing='content-width']){display:inline-block;inline-size:auto;block-size:auto}:host([sizing='content-width']) .scb-card{inline-size:max-content}:host([sizing='content-height']){inline-size:100%;block-size:auto;max-inline-size:none}md-focus-ring{position:absolute;inset:0;pointer-events:none;display:none;border-radius:var(--scb-card-focus-ring-radius, var(--scb-card-surface-radius, var(--md-sys-shape-corner-large, 16px)))}.scb-card:focus-visible+md-focus-ring{display:block}.scb-card.has-slotted-card-link:focus-within+md-focus-ring{display:block}:host(:focus-within) .scb-card.has-slotted-card-link+md-focus-ring{display:block}.scb-card{color:var(--scb-card-content-color, var(--scb-cards-content-color, var(--md-sys-color-on-surface, var(--p-20))));font-family:var(--brand-font, var(--brand, "Inter"), sans-serif);display:flex;position:relative;isolation:isolate;border-radius:var(--scb-card-surface-radius, var(--md-sys-shape-corner-large, 16px));background:var(--scb-card-surface-color, var(--scb-cards-surface-color, var(--md-sys-color-surface, var(--nv-100))));box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;transition:background-color .18s ease,border-color .18s ease}.scb-card a:focus,.scb-card a:focus-visible,.scb-card:focus,.scb-card:focus-visible{outline:0}.scb-card.outlined{border:var(--scb-card-border-width, 1px) solid var(--scb-cards-outline-color, var(--md-sys-color-outline-variant, var(--n-80)))}.scb-card.filled{background:var(--scb-cards-filled-surface-color, var(--md-sys-color-surface-dim, var(--nv-95)))}.scb-card.filled-alternative{background:var(--scb-card-filled-alternative-surface-color, var(--md-sys-color-surface-container, var(--p-95)))}.scb-card.dynamic-direction,.scb-card.vertical{flex-direction:column}.scb-card.clickable,.scb-card.has-slotted-card-link{cursor:pointer}.scb-card.clickable:not(.outlined):not(.filled):not(.filled-alternative)::before,.scb-card.has-slotted-card-link:not(.outlined):not(.filled):not(.filled-alternative)::before{content:"";position:absolute;inset:calc(var(--scb-card-unframed-state-gap)*-1);border-radius:calc(var(--scb-card-surface-radius, var(--md-sys-shape-corner-large, 16px)) + var(--scb-card-unframed-state-gap));background:var(--scb-card-unframed-state-color);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:0}.scb-card.clickable:not(.outlined):not(.filled):not(.filled-alternative):hover::before,.scb-card.has-slotted-card-link:not(.outlined):not(.filled):not(.filled-alternative):hover::before{opacity:1}.scb-card.clickable:not(.outlined):not(.filled):not(.filled-alternative)>:not(md-ripple),.scb-card.has-slotted-card-link:not(.outlined):not(.filled):not(.filled-alternative)>:not(md-ripple){position:relative;z-index:1}slot[name=card-link]::slotted(a){position:absolute;inset:0;z-index:2;border-radius:inherit;color:transparent;font-size:0;text-decoration:none;outline:0}slot[name=card-link]::slotted(a:focus),slot[name=card-link]::slotted(a:focus-visible){outline:0}md-ripple{position:absolute;inset:0;border-radius:var(--scb-card-surface-radius, var(--md-sys-shape-corner-large, 16px));pointer-events:none}.scb-card.clickable:not(.outlined):not(.filled):not(.filled-alternative) md-ripple,.scb-card.has-slotted-card-link:not(.outlined):not(.filled):not(.filled-alternative) md-ripple{inset:calc(var(--scb-card-unframed-state-gap)*-1);border-radius:calc(var(--scb-card-surface-radius, var(--md-sys-shape-corner-large, 16px)) + var(--scb-card-unframed-state-gap));z-index:2}.media{position:relative;display:inline-flex;flex:0 0 auto;overflow:hidden;border-radius:var(--scb-card-media-radius, var(--md-sys-shape-corner-large, 16px))}.media.has-reserved-space{inline-size:100%;aspect-ratio:var(--scb-card-media-aspect, 3 / 2);min-block-size:var(--scb-card-media-min-block-size, 0)}.media ::slotted(img),.media img{display:block;inline-size:100%;max-inline-size:100%;height:auto;object-fit:var(--scb-card-media-fit, cover);object-position:var(--scb-card-media-position, center)}.media.has-reserved-space ::slotted(img),.media.has-reserved-space img{block-size:100%}.media.has-ph::before{content:"";position:absolute;inset:0;background:var(--scb-card-skeleton-gradient, var(--scb-effect-skeleton-gradient-alpha, var(--scb-special-skeleton-gradient)));animation:scb-card-shimmer 1.2s infinite linear}.media.is-loaded::before{content:none}.full-content,.top-content{flex-direction:column;min-inline-size:0}.full-content{display:var(--scb-card-content-display, block);flex:var(--scb-card-content-flex, 0 1 auto);padding-block-start:var(--scb-card-content-padding-block-start, var(--scb-card-size-content-padding-block));padding-block-end:var(--scb-card-content-padding-block-end, var(--scb-card-size-content-padding-block));padding-inline-start:var(--scb-card-content-padding-inline-start, var(--scb-card-size-content-padding-inline));padding-inline-end:var(--scb-card-content-padding-inline-end, var(--scb-card-size-content-padding-inline))}.top-content{display:flex;gap:var(--scb-card-size-top-gap)}.chip-slot{display:flex;margin-block-end:var(--scb-card-chip-gap, var(--scb-card-size-chip-gap, var(--scb-card-size-top-gap)))}.header{font-family:var(--scb-card-size-header-font-family);font-size:var(--scb-card-size-header-font-size);font-weight:var(--scb-card-size-header-font-weight);line-height:var(--scb-card-size-header-line-height);letter-spacing:var(--scb-card-size-header-letter-spacing);display:flex;align-items:center;justify-content:space-between;column-gap:var(--spacing-3, 8px);min-inline-size:0}.header .title{display:block;flex:1 1 auto;min-inline-size:0;white-space:normal;overflow:visible;text-overflow:clip;word-break:normal;overflow-wrap:anywhere;hyphens:auto}.header a.title{color:inherit;text-decoration:none}.card-icon{display:inline-block;inline-size:1em;block-size:1em;overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--icon-size-medium, 24px);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:"FILL"0,"wght"400,"GRAD"0,"opsz"24;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card-icon.scb-svg-icon{fill:currentColor;font:inherit}.header .card-icon{flex:0 0 auto;align-self:start}.sub-label{font-family:var(--scb-card-size-sub-label-font-family);font-size:var(--scb-card-size-sub-label-font-size);font-weight:var(--scb-card-size-sub-label-font-weight);line-height:var(--scb-card-size-sub-label-line-height);letter-spacing:var(--scb-card-size-sub-label-letter-spacing)}.supporting-text{font-family:var(--scb-card-size-supporting-font-family);font-size:var(--scb-card-size-supporting-font-size);font-weight:var(--scb-card-size-supporting-font-weight);line-height:var(--scb-card-size-supporting-line-height);letter-spacing:var(--scb-card-size-supporting-letter-spacing)}slot[name=heading]::slotted(*){color:inherit;font-family:var(--scb-card-size-header-font-family)!important;font-size:var(--scb-card-size-header-font-size)!important;font-weight:var(--scb-card-size-header-font-weight)!important;line-height:var(--scb-card-size-header-line-height)!important;letter-spacing:var(--scb-card-size-header-letter-spacing)!important;margin:0!important;min-inline-size:0;overflow-wrap:anywhere}slot[name=subtitle]::slotted(*){color:inherit;font-family:var(--scb-card-size-sub-label-font-family)!important;font-size:var(--scb-card-size-sub-label-font-size)!important;font-weight:var(--scb-card-size-sub-label-font-weight)!important;line-height:var(--scb-card-size-sub-label-line-height)!important;letter-spacing:var(--scb-card-size-sub-label-letter-spacing)!important;margin:0!important}slot[name=supporting-text]::slotted(*){color:inherit;font-family:var(--scb-card-size-supporting-font-family)!important;font-size:var(--scb-card-size-supporting-font-size)!important;font-weight:var(--scb-card-size-supporting-font-weight)!important;line-height:var(--scb-card-size-supporting-line-height)!important;letter-spacing:var(--scb-card-size-supporting-letter-spacing)!important;--scb-link-font-size:var(--scb-card-size-link-font-size);--scb-link-font-weight:var(--scb-card-size-link-font-weight);--scb-link-line-height:var(--scb-card-size-link-line-height);--scb-link-letter-spacing:var(--scb-card-size-link-letter-spacing);margin:0!important}slot[name=date]::slotted(*){color:inherit;font-family:var(--brand-font, "Inter", sans-serif)!important;font-size:var(--scb-card-size-date-font-size)!important;font-weight:var(--weight-regular, 400)!important;line-height:var(--scb-card-size-date-line-height)!important;letter-spacing:var(--scb-card-size-date-letter-spacing)!important;margin:0!important}slot[name=footer]::slotted(*){color:inherit;font-family:var(--scb-card-size-link-font-family)!important;font-size:var(--scb-card-size-link-font-size)!important;font-weight:var(--scb-card-size-link-font-weight)!important;line-height:var(--scb-card-size-link-line-height)!important;letter-spacing:var(--scb-card-size-link-letter-spacing)!important;--scb-link-font-size:var(--scb-card-size-link-font-size);--scb-link-font-weight:var(--scb-card-size-link-font-weight);--scb-link-line-height:var(--scb-card-size-link-line-height);--scb-link-letter-spacing:var(--scb-card-size-link-letter-spacing);margin:0!important}.date{font-size:var(--scb-card-size-date-font-size);line-height:var(--scb-card-size-date-line-height);letter-spacing:var(--scb-card-size-date-letter-spacing)}.media.avatar-media{align-items:flex-start;overflow:visible;border-radius:0}.media.avatar-media ::slotted(scb-avatar),.media.avatar-media slot[name=media]>scb-avatar,.media.avatar-media>scb-avatar{margin:var(--scb-card-avatar-media-block-start-offset)0 0 var(--scb-card-avatar-media-inline-start-offset)}.scb-card.horizontal{flex-direction:row;align-items:flex-start;column-gap:var(--scb-card-size-horizontal-gap);padding:var(--scb-card-size-horizontal-padding)}.scb-card.horizontal .media{align-self:flex-start;flex:0 1 var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px));min-inline-size:0;max-inline-size:min(100%,var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)));inline-size:min(100%,var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)))}.scb-card.horizontal .media.has-reserved-space{aspect-ratio:var(--scb-card-media-aspect, var(--scb-card-horizontal-media-aspect, 3 / 2))}.scb-card.horizontal .media ::slotted(scb-avatar),.scb-card.horizontal .media.avatar-media ::slotted(scb-avatar),.scb-card.horizontal .media.avatar-media slot[name=media]>scb-avatar,.scb-card.horizontal .media.avatar-media>scb-avatar{margin:0}.scb-card.horizontal .media.avatar-media{flex:0 0 auto;inline-size:auto;max-inline-size:none;margin-block-start:calc(var(--scb-card-avatar-media-block-start-offset) - var(--scb-card-size-horizontal-padding))}.scb-card.horizontal .full-content{align-self:flex-start;padding:0;inline-size:auto;min-inline-size:min(18ch,100%);flex:1 1 0%}.scb-card.horizontal .header{align-items:flex-start}.scb-card.horizontal .header .card-icon{align-self:flex-start}.scb-card.horizontal .media ::slotted(img),.scb-card.horizontal .media img{margin:0;object-fit:var(--scb-card-media-fit, cover);aspect-ratio:var(--scb-card-horizontal-media-aspect, 3 / 2);inline-size:100%;block-size:auto}.scb-card.horizontal .media.has-reserved-space ::slotted(img),.scb-card.horizontal .media.has-reserved-space img{aspect-ratio:auto;block-size:100%}@container (min-width: 500px){.scb-card.dynamic-direction{flex-direction:row;align-items:flex-start;column-gap:var(--scb-card-size-horizontal-gap);padding:var(--scb-card-size-horizontal-padding)}.scb-card.dynamic-direction .media{align-self:flex-start;flex:0 1 var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px));min-inline-size:0;max-inline-size:min(100%,var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)));inline-size:min(100%,var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)))}.scb-card.dynamic-direction .media.has-reserved-space{aspect-ratio:var(--scb-card-media-aspect, var(--scb-card-horizontal-media-aspect, 3 / 2))}.scb-card.dynamic-direction .media ::slotted(scb-avatar),.scb-card.dynamic-direction .media.avatar-media ::slotted(scb-avatar),.scb-card.dynamic-direction .media.avatar-media slot[name=media]>scb-avatar,.scb-card.dynamic-direction .media.avatar-media>scb-avatar{margin:0}.scb-card.dynamic-direction .media.avatar-media{flex:0 0 auto;inline-size:auto;max-inline-size:none;margin-block-start:calc(var(--scb-card-avatar-media-block-start-offset) - var(--scb-card-size-horizontal-padding))}.scb-card.dynamic-direction .full-content{align-self:flex-start;padding:0;inline-size:auto;min-inline-size:min(18ch,100%);flex:1 1 0%}.scb-card.dynamic-direction .header{align-items:flex-start}.scb-card.dynamic-direction .header .card-icon{align-self:flex-start}.scb-card.dynamic-direction .media ::slotted(img),.scb-card.dynamic-direction .media img{margin:0;object-fit:var(--scb-card-media-fit, cover);aspect-ratio:var(--scb-card-horizontal-media-aspect, 3 / 2);inline-size:100%;block-size:auto}.scb-card.dynamic-direction .media.has-reserved-space ::slotted(img),.scb-card.dynamic-direction .media.has-reserved-space img{aspect-ratio:auto;block-size:100%}:host([sizing='content-width']) .scb-card.dynamic-direction:has(.media img) .full-content{inline-size:max-content;flex:0 1 auto}}:host([sizing='content-width']) .scb-card.horizontal:has(.media img) .full-content{inline-size:max-content;flex:0 1 auto}.scb-card .content.footer ::slotted(a),slot[name=supporting-text]::slotted(a){font-size:var(--scb-card-size-link-font-size);line-height:var(--scb-card-size-link-line-height);letter-spacing:var(--scb-card-size-link-letter-spacing)}.scb-card .content.footer ::slotted(scb-link),slot[name=supporting-text]::slotted(scb-link){--scb-link-font-size:var(--scb-card-size-link-font-size);--scb-link-line-height:var(--scb-card-size-link-line-height);--scb-link-letter-spacing:var(--scb-card-size-link-letter-spacing)}.scb-card .content.footer{margin-block-start:var(--scb-card-footer-offset, var(--scb-card-size-footer-offset));padding-block-start:var(--scb-card-footer-padding-block-start, 0);font-family:var(--scb-card-size-link-font-family);font-size:var(--scb-card-size-link-font-size);font-weight:var(--scb-card-size-link-font-weight);line-height:var(--scb-card-size-link-line-height);letter-spacing:var(--scb-card-size-link-letter-spacing)}`,L);a([r({type:String,reflect:!0,converter:o})],s.prototype,"type",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"variant",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"direction",void 0);a([r({type:String,reflect:!0})],s.prototype,"size",void 0);a([r({type:String,attribute:"media-type"})],s.prototype,"mediaType",void 0);a([r({type:String,attribute:"media-href"})],s.prototype,"mediaHref",void 0);a([r({type:String,attribute:"media-alt"})],s.prototype,"mediaAlt",void 0);a([r({type:String,attribute:"media-srcset"})],s.prototype,"mediaSrcset",void 0);a([r({type:String,attribute:"media-sizes"})],s.prototype,"mediaSizes",void 0);a([r({type:String,attribute:"media-loading"})],s.prototype,"mediaLoading",void 0);a([r({type:String,attribute:"media-decoding"})],s.prototype,"mediaDecoding",void 0);a([r({type:String,attribute:"media-fetchpriority"})],s.prototype,"mediaFetchPriority",void 0);a([r({type:String,attribute:"media-fit"})],s.prototype,"mediaFit",void 0);a([r({type:String,attribute:"media-position"})],s.prototype,"mediaPosition",void 0);a([r({type:String,attribute:"media-width"})],s.prototype,"mediaWidth",void 0);a([r({type:String,attribute:"media-height"})],s.prototype,"mediaHeight",void 0);a([r({type:String,attribute:"media-aspect"})],s.prototype,"mediaAspect",void 0);a([r({type:Boolean,attribute:"media-placeholder"})],s.prototype,"mediaPlaceholder",void 0);a([r({type:String,attribute:"card-href",reflect:!0,converter:o})],s.prototype,"cardHref",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"href",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"title",void 0);a([r({type:String,attribute:"card-title",reflect:!0,converter:o})],s.prototype,"cardTitle",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"subtitle",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"vignette",void 0);a([r({type:String,attribute:"vignette-variant",converter:o})],s.prototype,"vignetteVariant",void 0);a([r({type:String,attribute:"vignette-spacing",reflect:!0,converter:o})],s.prototype,"vignetteSpacing",void 0);a([r({type:String,attribute:"vignette-spacing-top",reflect:!0,converter:o})],s.prototype,"vignetteSpacingTop",void 0);a([r({type:String,attribute:"vignette-spacing-bottom",reflect:!0,converter:o})],s.prototype,"vignetteSpacingBottom",void 0);a([r({type:String,attribute:"vignette-spacing-left",reflect:!0,converter:o})],s.prototype,"vignetteSpacingLeft",void 0);a([r({type:String,attribute:"vignette-spacing-right",reflect:!0,converter:o})],s.prototype,"vignetteSpacingRight",void 0);a([r({type:String,attribute:"supporting-text",reflect:!0,converter:o})],s.prototype,"supportingText",void 0);a([r({type:Date,reflect:!0})],s.prototype,"date",void 0);a([r({type:String,attribute:"social-comments-text"})],s.prototype,"commentsText",void 0);a([r({type:Number,attribute:"social-comments"})],s.prototype,"comments",void 0);a([r({type:Boolean,attribute:"social-comments-disabled"})],s.prototype,"commentsDisabled",void 0);a([r({type:String,attribute:"social-comments-href"})],s.prototype,"commentsHref",void 0);a([r({type:String,attribute:"social-comments-link-label"})],s.prototype,"commentsLinkLabel",void 0);a([r({type:String,attribute:"social-likes-text"})],s.prototype,"likesText",void 0);a([r({type:String,attribute:"social-like-label"})],s.prototype,"likeLabel",void 0);a([r({type:Number,attribute:"social-likes"})],s.prototype,"likes",void 0);a([r({type:Boolean,attribute:"social-likes-disabled"})],s.prototype,"likesDisabled",void 0);a([r({type:String,attribute:"social-likes-hover-content"})],s.prototype,"likesHoverContent",void 0);a([r({type:Boolean,attribute:"social-has-liked"})],s.prototype,"hasLiked",void 0);a([r({type:Boolean,attribute:"social-likes-interactive"})],s.prototype,"likesInteractive",void 0);a([r({type:Boolean,attribute:"social-author"})],s.prototype,"author",void 0);a([r({type:String,attribute:"social-author-text"})],s.prototype,"authorText",void 0);a([r({type:String,attribute:"social-author-href"})],s.prototype,"authorHref",void 0);a([r({type:Boolean,attribute:"social-reply-enabled"})],s.prototype,"replyEnabled",void 0);a([r({type:String,attribute:"social-reply-label"})],s.prototype,"replyLabel",void 0);a([r({type:Boolean,attribute:"social-edit-enabled"})],s.prototype,"editEnabled",void 0);a([r({type:String,attribute:"social-edit-label"})],s.prototype,"editLabel",void 0);a([r({type:Boolean,attribute:"social-delete-enabled"})],s.prototype,"deleteEnabled",void 0);a([r({type:String,attribute:"social-delete-label"})],s.prototype,"deleteLabel",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"sizing",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"width",void 0);a([r({type:String,reflect:!0,attribute:"max-width",converter:o})],s.prototype,"maxWidth",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"height",void 0);a([r({type:String,reflect:!0,attribute:"max-height",converter:o})],s.prototype,"maxHeight",void 0);a([r({type:String,reflect:!0,converter:o})],s.prototype,"spacing",void 0);a([r({type:String,attribute:"spacing-top",reflect:!0,converter:o})],s.prototype,"spacingTop",void 0);a([r({type:String,attribute:"spacing-bottom",reflect:!0,converter:o})],s.prototype,"spacingBottom",void 0);a([r({type:String,attribute:"spacing-left",reflect:!0,converter:o})],s.prototype,"spacingLeft",void 0);a([r({type:String,attribute:"spacing-right",reflect:!0,converter:o})],s.prototype,"spacingRight",void 0);a([r({type:String,attribute:"padding",reflect:!0,converter:o})],s.prototype,"innerPadding",void 0);a([r({type:String,attribute:"padding-top",reflect:!0,converter:o})],s.prototype,"paddingTop",void 0);a([r({type:String,attribute:"padding-bottom",reflect:!0,converter:o})],s.prototype,"paddingBottom",void 0);a([r({type:String,attribute:"padding-left",reflect:!0,converter:o})],s.prototype,"paddingLeft",void 0);a([r({type:String,attribute:"padding-right",reflect:!0,converter:o})],s.prototype,"paddingRight",void 0);s=a([f("scb-card")],s);var X=class extends s{constructor(){super(),this.type="list"}get cardType(){return"list"}};X=a([f("scb-list-card")],X);var J=class extends s{constructor(){super(),this.type="link"}get cardType(){return"link"}};J=a([f("scb-link-card")],J);var Q=class extends s{constructor(){super(),this.type="action"}get cardType(){return"action"}};Q=a([f("scb-action-card")],Q);var Y=class extends s{constructor(){super(),this.type="social"}get cardType(){return"social"}};Y=a([f("scb-social-card")],Y);var Z=class extends s{constructor(){super(),this.type="container"}get cardType(){return"container"}};Z=a([f("scb-container-card")],Z);export{Q as ScbActionCard,Z as ScbContainerCard,J as ScbLinkCard,X as ScbListCard,Y as ScbSocialCard};