.data-table-frame{border:var(--stroke) solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);min-width:0;max-width:100%;margin:0;padding:0;overflow:clip}.data-table-frame[data-overflow]{overflow-x:auto}.data-table-frame:focus-visible{outline:var(--focus-width) solid var(--c-focus-ring);outline-offset:calc(-1 * var(--focus-width))}.data-table-frame>.data-table-scroll-hint{padding:var(--s1) var(--cell-px);border-bottom:var(--stroke) solid var(--c-border);background:var(--c-surface);color:var(--c-text-2);font-size:var(--fs-sm);margin:0;line-height:1.5;position:sticky;left:0}.data-table-frame[aria-busy=true]>.data-table{opacity:.55;transition:opacity .12s}.data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:var(--fs-md);margin:0}:where(.data-table)>thead>tr>th{height:var(--table-head-h);padding:0 var(--cell-px);border-bottom:var(--stroke) solid var(--c-border);background:var(--c-surface-2);color:var(--c-text-2);font-size:var(--fs-xs);white-space:nowrap;text-align:left;vertical-align:middle;font-weight:700;line-height:1.5}.data-table>thead>tr>th{z-index:2;position:sticky;top:0}:where(.data-table)>tbody>tr{height:var(--table-row-h)}:where(.data-table.data-table-thumb)>tbody>tr{height:var(--table-row-h-thumb)}:where(.data-table)>tbody>tr>:is(td,th){padding:var(--s1) var(--cell-px);border-bottom:var(--stroke) solid var(--c-border);font-size:var(--fs-md);vertical-align:middle;line-height:1.5}:where(.data-table)>tbody>tr>th{text-align:left;font-weight:400}:where(.data-table)>tbody:last-of-type>tr:last-child>:is(td,th){border-bottom:0}:where(.data-table) .cell-sub{color:var(--c-text-2);font-size:var(--fs-sm);font-weight:400;line-height:1.5;display:block}.data-table .cell-num{text-align:right;font-variant-numeric:tabular-nums}.data-table .cell-actions{text-align:right;white-space:nowrap}.data-table .cell-check{padding-inline:var(--s2);text-align:center}.data-table .cell-check input[type=checkbox]{width:var(--s5);height:var(--s5);vertical-align:middle;min-width:0;min-height:0;margin:0}.data-table .cell-expand{text-align:center;padding-inline:0}.data-table .btn.data-table-expand{width:var(--control-h-sm);min-width:var(--control-h-sm);height:var(--control-h-sm);min-height:var(--control-h-sm);color:var(--c-text-2);padding:0}.data-table .btn.data-table-expand:hover{background:var(--c-surface-2);color:var(--c-text)}.data-table-expand-icon{flex:none;transition:transform .12s;transform:rotate(-90deg)}.data-table-expand[aria-expanded=true] .data-table-expand-icon{transform:none}.data-table>tbody>tr.data-table-child:not([data-selected])>:is(td,th){background:var(--c-surface-2)}.data-table>tbody>tr.data-table-child>td.cell-indent{padding-left:calc(var(--cell-px) + var(--s6))}.data-table>tbody :is(a,button,input,select,textarea,[tabindex]){scroll-margin-top:calc(var(--table-head-h) + var(--s2))}@media (min-width:640px){.data-table-frame[data-overflow] .data-table .cell-actions{z-index:1;box-shadow:inset var(--stroke) 0 0 var(--c-border);position:sticky;right:0}.data-table-frame[data-overflow] .data-table>tbody>tr>.cell-actions{background:var(--c-surface)}.data-table-frame[data-overflow] .data-table>thead>tr>th.cell-actions{z-index:3}}@media (prefers-reduced-motion:reduce){.data-table-frame[aria-busy=true]>.data-table,.data-table-expand-icon{transition:none}}
