.ui-static-table{--static-row-block:var(--row-block);--static-cell-pad-block:var(--hx-space-2);container:ui-static-table/inline-size;display:grid;grid-template-columns:minmax(0,1fr);min-inline-size:0}.ui-static-table[data-density=compact]{--static-row-block:var(--hx-row-h-dense);--static-cell-pad-block:var(--hx-space-1)}.ui-static-table__scroll{overflow:auto;max-inline-size:100%;border:var(--rule) solid var(--hx-border);border-radius:var(--hx-radius-card);background:var(--hx-surface);overscroll-behavior-inline:contain;scrollbar-color:var(--hx-scrollbar-thumb) transparent}.ui-static-table__scroll[data-scroll-row]{scrollbar-width:thin}.ui-static-table[data-sticky-first=true] .ui-static-table__scroll[data-scroll-row]{--ui-fade-start:0px}.ui-static-table__scroll:focus-visible{outline:var(--hx-focus-width) solid var(--hx-focus);outline-offset:var(--hx-focus-offset)}.ui-static-table__grid{inline-size:100%;border-collapse:separate;border-spacing:0;color:var(--hx-text-2);font-size:var(--hx-type-dense-size);line-height:var(--hx-type-dense-leading);font-variant-numeric:tabular-nums}.ui-static-table__caption{padding-block:var(--hx-space-3);border-block-end:var(--rule) solid var(--hx-border-soft);color:var(--hx-text);font-size:var(--hx-type-body-size);line-height:var(--hx-type-body-leading)}.ui-static-table__caption,.ui-static-table__column{padding-inline:var(--hx-space-4);font-weight:var(--hx-weight-semibold);text-align:start}.ui-static-table__column{block-size:var(--hx-row-h-dense);padding-block:var(--hx-space-2);border-block-end:var(--rule) solid var(--hx-border);background:var(--hx-surface-soft);color:var(--hx-text-2);font-size:var(--hx-type-table-header-size);line-height:var(--hx-type-table-header-leading);vertical-align:middle;white-space:nowrap}.ui-static-table__cell{block-size:var(--static-row-block);padding-block:var(--static-cell-pad-block);padding-inline:var(--hx-space-4);border-block-end:var(--rule) solid var(--hx-border-soft);background:var(--hx-surface);font-weight:var(--hx-weight-regular);text-align:start;vertical-align:middle}.ui-static-table__cell[data-row-header=true]{color:var(--hx-text);font-weight:var(--hx-weight-medium)}.ui-static-table__body>.ui-empty-row:last-child>.ui-empty-row__cell,.ui-static-table__body>.ui-static-table__row:last-child>.ui-static-table__cell{border-block-end:0}.ui-static-table__foot .ui-static-table__cell{border-block-start:var(--rule) solid var(--hx-border);border-block-end:0;background:var(--hx-surface-soft);color:var(--hx-text);font-weight:var(--hx-weight-semibold)}.ui-static-table__row[aria-current=true]>.ui-static-table__cell{background:var(--hx-surface-selected);color:var(--hx-text)}.ui-static-table__row[aria-current=true]>.ui-static-table__cell:first-child{border-inline-start:var(--rule-heavy) solid var(--hx-border-selected)}.ui-static-table__row[data-selected=true]>.ui-static-table__cell{background:var(--hx-surface-selected)}.ui-static-table__grid[aria-busy=true]{cursor:progress}.ui-static-table__cell[data-numeric=true],.ui-static-table__column[data-numeric=true]{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}.ui-static-table__label{display:none}.ui-static-table__value{min-inline-size:0}.ui-static-table[data-sticky-first=true] .ui-static-table__row>:first-child{position:sticky;inset-inline-start:0;z-index:1;border-inline-end:var(--rule) solid var(--hx-border-soft)}.ui-static-table[data-sticky-first=true] .ui-static-table__head .ui-static-table__row>:first-child{z-index:2}.ui-static-table[data-sticky-first=true] .ui-static-table__scroll[data-overflow-start] .ui-static-table__row>:first-child{border-inline-end-color:var(--hx-border-bold)}@container ui-static-table (width < 30rem){.ui-static-table[data-layout=stack] .ui-static-table__scroll{overflow:visible;border:0;border-radius:0;background:transparent;mask-image:none}.ui-static-table[data-layout=stack] :is(.ui-static-table__grid,.ui-static-table__body,.ui-static-table__foot){display:block}.ui-static-table[data-layout=stack] .ui-static-table__caption{display:block;padding-inline:0;border:0}.ui-static-table[data-layout=stack] .ui-static-table__head{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ui-static-table[data-layout=stack] :is(.ui-static-table__body,.ui-static-table__foot)>:is(.ui-static-table__row,.ui-empty-row){display:grid;gap:var(--hx-space-1);margin-block-end:var(--hx-space-2);padding:var(--hx-space-4);border:var(--rule) solid var(--hx-border);border-radius:var(--hx-radius-card);background:var(--hx-surface)}.ui-static-table[data-layout=stack] .ui-static-table__foot>.ui-static-table__row{background:var(--hx-surface-soft)}.ui-static-table[data-layout=stack] .ui-static-table__row[data-selected=true]{background:var(--hx-surface-selected)}.ui-static-table[data-layout=stack] .ui-static-table__row[aria-current=true]{border-color:var(--hx-border-selected);background:var(--hx-surface-selected)}.ui-static-table[data-layout=stack] :is(.ui-static-table__cell,.ui-empty-row__cell){position:static;display:grid;grid-template-columns:minmax(6rem,40%) minmax(0,1fr);align-items:baseline;gap:var(--hx-space-3);block-size:auto;padding:0;border:0;background:transparent;text-align:start;white-space:normal}.ui-static-table[data-layout=stack] .ui-empty-row__cell{display:block}.ui-static-table[data-layout=stack] .ui-static-table__cell[data-row-header=true]{grid-template-columns:minmax(0,1fr);margin-block-end:var(--hx-space-1);padding-block-end:var(--hx-space-2);border-block-end:var(--rule) solid var(--hx-border-soft);font-size:var(--hx-type-body-size);font-weight:var(--hx-weight-semibold);line-height:var(--hx-type-body-leading)}.ui-static-table[data-layout=stack] .ui-static-table__cell:not(:has(>.ui-static-table__label)){grid-template-columns:minmax(0,1fr)}.ui-static-table[data-layout=stack] .ui-static-table__label{display:block;color:var(--hx-text-3);font-size:var(--hx-type-caption-size);font-weight:var(--hx-weight-medium);line-height:var(--hx-type-dense-leading)}.ui-static-table[data-layout=stack] .ui-static-table__value{overflow-wrap:anywhere}.ui-static-table[data-layout=stack] .ui-static-table__value :is(a,button){min-block-size:var(--hx-touch-min)}}@media (pointer:coarse){.ui-static-table__cell :is(a,button):only-child{min-block-size:var(--hx-touch-min)}}@media (forced-colors:active){.ui-static-table__cell,.ui-static-table__column,.ui-static-table__scroll{border-color:CanvasText}.ui-static-table__row:is([aria-current=true],[data-selected=true])>.ui-static-table__cell{outline:var(--rule-medium) solid Highlight;outline-offset:calc(-1 * var(--rule-medium))}.ui-static-table[data-layout=stack] :is(.ui-static-table__row,.ui-empty-row){border-color:CanvasText}}@media print{.ui-static-table__scroll{overflow:visible;mask-image:none}}