.table-surface{background:var(--ccm-data-surface-bg);border:1px solid var(--ccm-data-surface-border-color);border-radius:var(--ccm-data-surface-radius);--ccm-table-sticky-max-block-size:min(44rem, calc(100dvh - var(--ccm-top-nav-height) - (var(--ccm-page-block-padding) * 2)));min-width:0;overflow:hidden;&.is-row-spacing-compact{--ccm-data-row-padding-block:var(--ccm-data-row-compact-padding-block)}}.table-surface-scroll{min-width:0;overflow-x:auto;&.table-surface-sticky-scroll{max-block-size:var(--ccm-table-sticky-max-block-size);scrollbar-gutter:stable;overflow:auto}}.table-surface-root{width:100%;min-width:var(--ccm-table-min-width,0);border-collapse:collapse;background:var(--ccm-data-surface-bg)}.table-surface-root.is-fixed-layout{table-layout:fixed}.table-surface-root.is-auto-layout{table-layout:auto}.table-surface-root thead th{padding:var(--ccm-data-header-padding-block) var(--ccm-data-row-padding-inline);border-bottom:1px solid var(--ccm-data-row-border-color);font-size:var(--ccm-data-header-font-size);font-weight:var(--ccm-data-header-font-weight);text-transform:uppercase;letter-spacing:var(--ccm-data-header-letter-spacing);color:var(--ccm-data-header-color);background:var(--ccm-data-header-bg)}.table-surface.has-sticky-header .table-surface-root thead th{z-index:10;position:sticky;top:0}.table-surface-root tbody th,.table-surface-root tbody td,.table-surface-root tfoot th,.table-surface-root tfoot td{padding:var(--ccm-data-row-padding-block) var(--ccm-data-row-padding-inline);border-top:1px solid var(--ccm-data-row-border-subtle-color);background:var(--ccm-data-row-bg);vertical-align:middle;font-size:var(--ccm-data-body-font-size);font-weight:var(--ccm-data-body-font-weight);color:var(--ccm-data-body-color)}.table-surface-root tbody tr.is-clickable:hover td,.table-surface-root tbody tr.is-clickable:hover th{background:var(--ccm-data-row-hover-bg)}.table-surface-root tbody tr.is-clickable{cursor:pointer}.table-surface-root tbody tr.is-alternate td,.table-surface-root tbody tr.is-alternate th{background:var(--ccm-data-row-alternate-bg)}.table-surface-root tbody tr.is-alternate.is-clickable:hover td,.table-surface-root tbody tr.is-alternate.is-clickable:hover th{background:var(--ccm-data-row-alternate-hover-bg)}.table-surface .table-cell-kind-text{text-align:left}.table-surface .table-cell-kind-value{text-align:right;font-size:var(--ccm-data-value-font-size);font-weight:var(--ccm-data-value-font-weight);color:var(--ccm-data-value-color);font-variant-numeric:tabular-nums}.table-surface .table-cell-kind-actions{text-align:right;white-space:nowrap}.table-surface .table-header-cell-kind-text{text-align:left}.table-surface .table-header-cell-kind-value,.table-surface .table-header-cell-kind-actions{text-align:right}.table-surface .table-header-cell-kind-actions{white-space:nowrap}.table-surface .table-cell-primary{font-size:var(--ccm-data-primary-text-size);font-weight:var(--ccm-data-primary-text-weight);color:var(--ccm-data-primary-text-color)}.table-surface .table-cell-secondary{font-size:var(--ccm-data-secondary-text-size);font-weight:var(--ccm-data-secondary-text-weight);color:var(--ccm-data-secondary-text-color)}.table-surface-root thead .table-header-cell{font-size:var(--ccm-data-header-font-size);font-weight:var(--ccm-data-header-font-weight);letter-spacing:var(--ccm-data-header-letter-spacing);color:var(--ccm-data-header-color);font-variant-numeric:normal}