.ui-table{--table-max-block:70dvh;--table-select-inline:calc(var(--hx-space-10) + var(--hx-space-2));--table-edge:var(--hx-alpha-black-8);container:ui-table/inline-size;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--hx-space-3);min-inline-size:0}.ui-table[data-density=compact]{--row-block:var(--hx-row-h-dense)}.ui-table[data-density=comfortable]{--row-block:var(--hx-row-h)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ui-table{--table-edge:var(--hx-alpha-black-60)}}:root[data-theme=dark] .ui-table{--table-edge:var(--hx-alpha-black-60)}.ui-table__toolbar{justify-content:space-between}.ui-table__filters,.ui-table__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.ui-table__chip-group{display:inline-flex;align-items:stretch}.ui-table__chip,.ui-table__chip-clear{display:inline-flex;align-items:center;gap:var(--hx-space-2);min-block-size:var(--hx-control-h-sm);padding-inline:var(--hx-space-3);border:var(--rule) solid var(--hx-border);border-radius:var(--hx-radius-pill);background:var(--hx-surface);color:var(--hx-text-2);font-family:var(--hx-font-sans);font-size:var(--hx-type-label-size);font-weight:var(--hx-weight-medium);line-height:var(--hx-type-label-leading);white-space:nowrap;cursor:pointer;outline:none;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.ui-table__chip-text{overflow:hidden;max-inline-size:16rem;text-overflow:ellipsis}.ui-table__chip-clear[data-hovered],.ui-table__chip[data-hovered]{border-color:var(--hx-border-bold);background:var(--hx-surface-hover);color:var(--hx-text)}.ui-table__chip-clear[data-pressed],.ui-table__chip[data-pressed]{background:var(--hx-surface-pressed)}.ui-table__chip-group[data-active=true] .ui-table__chip-clear,.ui-table__chip[data-active=true]{border-color:var(--hx-border-selected);background:var(--hx-surface-selected);color:var(--hx-text);font-weight:var(--hx-weight-semibold)}.ui-table__chip-group[data-active=true] .ui-table__chip-clear[data-hovered],.ui-table__chip[data-active=true][data-hovered]{border-color:var(--hx-action-hover);background:var(--hx-surface-pressed);color:var(--hx-text)}.ui-table__chip-group[data-active=true] .ui-table__chip-clear[data-pressed],.ui-table__chip[data-active=true][data-pressed]{background:var(--hx-surface-pressed)}.ui-table__chip-clear[data-focus-visible],.ui-table__chip[data-focus-visible]{position:relative;z-index:1;outline:var(--hx-focus-width) solid var(--hx-focus);outline-offset:var(--hx-focus-offset)}@media (pointer:coarse),(width < 48rem){.ui-table__chip,.ui-table__chip-clear{min-block-size:var(--hx-touch-min)}}.ui-table__chip-group[data-active=true] .ui-table__chip{border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:var(--space-xs)}.ui-table__chip-clear{justify-content:center;min-inline-size:var(--hx-control-h-sm);padding-inline:var(--hx-space-2) var(--hx-space-3);border-inline-start-color:var(--hx-border);border-start-start-radius:0;border-end-start-radius:0}.ui-table__chip-x{position:relative;inline-size:.75rem;block-size:.75rem}.ui-table__chip-x:after,.ui-table__chip-x:before{position:absolute;inset-block-start:calc(50% - var(--rule));inset-inline-start:0;inline-size:100%;block-size:var(--rule-medium);border-radius:var(--radius-full);background:currentColor;content:"";transform:rotate(45deg)}.ui-table__chip-x:after{transform:rotate(-45deg)}.ui-table__columns-icon{inline-size:.875rem;block-size:.75rem;background:linear-gradient(currentColor,currentColor) 0 0 /var(--rule-thick) 100% no-repeat,linear-gradient(currentColor,currentColor) 50% 0 /var(--rule-thick) 100% no-repeat,linear-gradient(currentColor,currentColor) 100% 0 /var(--rule-thick) 100% no-repeat}.ui-table__filter-popover{min-inline-size:16rem;border-radius:var(--hx-radius-overlay);box-shadow:var(--hx-elev-overlay)}.ui-table__filter{padding:var(--hx-space-3);outline:none}.ui-table__filter .ui-listbox{padding:0}.ui-table__check{display:inline-grid;place-items:center;flex:none;inline-size:1rem;block-size:1rem;border:var(--rule) solid var(--hx-border-bold);border-radius:var(--hx-radius-xs);background:var(--hx-surface)}.ui-table__check[data-checked=true]{border-color:var(--color-selected);background:var(--color-selected)}.ui-table__check[data-checked=true]:after{inline-size:.3rem;block-size:.55rem;margin-block-start:-.1rem;border:solid var(--color-on-ink-button);border-width:0 var(--rule-medium) var(--rule-medium) 0;content:"";transform:rotate(45deg)}.ui-table__bulk{position:sticky;inset-block-start:calc(var(--hx-topbar-h) + var(--hx-space-2));z-index:var(--z-sticky-rail);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--hx-space-2) var(--hx-space-4);min-block-size:calc(var(--hx-control-h) + 2 * var(--hx-space-2));padding-block:var(--hx-space-2);padding-inline:var(--hx-space-4) var(--hx-space-2);border:var(--rule) solid var(--hx-border);border-inline-start:var(--rule-heavy) solid var(--hx-border-selected);border-radius:var(--hx-radius-card);background:var(--hx-surface-raised);box-shadow:var(--hx-elev-overlay);animation:ui-rise var(--hx-duration-base) var(--hx-ease-enter)}.ui-table__bulk-count{margin:0;color:var(--hx-text);font-size:var(--hx-type-label-size);font-weight:var(--hx-weight-semibold);line-height:var(--hx-type-label-leading);font-variant-numeric:tabular-nums}.ui-table__bulk-actions{display:flex;flex-wrap:wrap;gap:var(--hx-space-2)}@media (width < 48rem){.ui-table:has(.ui-table__bulk){padding-block-end:calc(var(--hx-space-24) + var(--hx-safe-bottom))}.ui-table__bulk{position:fixed;inset-inline:var(--hx-gutter);inset-block:auto calc(var(--app-bar-clearance) + var(--hx-safe-bottom));z-index:var(--z-drawer);padding:var(--hx-space-3)}.ui-table__bulk-count{flex-basis:100%}.ui-table__bulk-actions{flex:1 1 100%;flex-wrap:nowrap;overflow:auto;scrollbar-width:none}.ui-table__bulk-actions>*{flex:1 0 auto;min-block-size:var(--hx-touch-min)}}.ui-table__note{margin:0;color:var(--hx-text-3);font-size:var(--hx-type-caption-size);line-height:var(--hx-type-caption-leading);letter-spacing:var(--hx-type-caption-tracking)}.ui-table__scroll{overflow:auto;max-block-size:var(--table-max-block);border:var(--rule) solid var(--hx-border);border-radius:var(--hx-radius-card);background:linear-gradient(to right,var(--hx-surface) 30%,transparent) 0 /var(--hx-space-10) 100% no-repeat local,linear-gradient(to left,var(--hx-surface) 30%,transparent) 100% /var(--hx-space-10) 100% no-repeat local,linear-gradient(to right,var(--table-edge),transparent) 0 /var(--hx-space-3) 100% no-repeat scroll,linear-gradient(to left,var(--table-edge),transparent) 100% /var(--hx-space-3) 100% no-repeat scroll,var(--hx-surface);overscroll-behavior-inline:contain;scrollbar-color:var(--hx-scrollbar-thumb) transparent;scrollbar-width:thin}.ui-table__scroll:focus-visible{outline:var(--hx-focus-width) solid var(--hx-focus);outline-offset:var(--hx-focus-offset)}.ui-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;transition:opacity var(--hx-duration-base) var(--hx-ease-standard)}.ui-table[data-busy=true] .ui-table__grid{opacity:.6}.ui-table__column{position:sticky;inset-block-start:0;z-index:var(--z-sticky-head);block-size:var(--hx-row-h-dense);padding-inline:var(--hx-space-4);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);font-weight:var(--hx-weight-semibold);line-height:var(--hx-type-table-header-leading);text-align:start;vertical-align:middle;white-space:nowrap;outline:none}.ui-table__column[data-allows-sorting]{cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.ui-table__column[data-allows-sorting][data-hovered]{background:var(--hx-surface-hover);color:var(--hx-text)}.ui-table__column[aria-sort=ascending],.ui-table__column[aria-sort=descending]{color:var(--hx-text)}.ui-table__cell[data-slot=select],.ui-table__column[data-slot=select]{inline-size:var(--table-select-inline);padding-inline:var(--hx-space-4) 0}.ui-table__cell[data-slot=actions],.ui-table__column[data-slot=actions]{inline-size:1%;text-align:end}.ui-table__column[data-slot=actions] .ui-table__column-label{clip-path:inset(50%);inline-size:1px;block-size:1px;overflow:hidden;position:absolute;white-space:nowrap}.ui-table__column-label{display:inline-flex;align-items:center;gap:var(--hx-space-1)}.ui-table__column[data-numeric=true] .ui-table__column-label{flex-direction:row-reverse}.ui-table__sort{inline-size:0;block-size:0;border-inline:var(--space-xxs) solid transparent}.ui-table__sort[data-direction=ascending]{border-block-end:var(--space-xxs) solid currentColor}.ui-table__sort[data-direction=descending]{border-block-start:var(--space-xxs) solid currentColor}.ui-table__sort[data-direction=none]{inline-size:var(--hx-space-2);block-size:var(--rule-medium);border:0;background:var(--hx-border-bold)}.ui-table__row{outline:none;transition:background-color var(--hx-duration-fast) var(--hx-ease-standard)}.ui-table__row[data-hovered]{background:var(--hx-surface-hover)}.ui-table__row[data-pressed]{background:var(--hx-surface-pressed)}.ui-table__row[data-action],.ui-table__row[data-href]{cursor:pointer}.ui-table__row[data-selected]{background:var(--hx-surface-selected)}.ui-table__row[data-selected]>.ui-table__cell:first-child{box-shadow:inset var(--rule-medium) 0 0 var(--hx-border-selected)}.ui-table__row[data-selected] .ui-table__cell{color:var(--hx-text)}.ui-table__row[data-disabled] .ui-table__cell-value{color:var(--hx-text-disabled)}.ui-table__cell[data-focus-visible],.ui-table__column[data-focus-visible],.ui-table__row[data-focus-visible]{outline:var(--hx-focus-width) solid var(--hx-focus);outline-offset:calc(-1 * var(--hx-focus-width))}.ui-table__cell{block-size:var(--row-block);padding-block:var(--hx-space-2);padding-inline:var(--hx-space-4);border-block-end:var(--rule) solid var(--hx-border-soft);vertical-align:middle;outline:none}.ui-table__row:last-child .ui-table__cell{border-block-end:0}.ui-table__cell[role=rowheader]{color:var(--hx-text);font-weight:var(--hx-weight-medium)}.ui-table__cell[data-numeric=true],.ui-table__column[data-numeric=true]{font-family:var(--hx-font-sans);font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}.ui-table__cell-label{display:none}.ui-table__cell .ui-menu__trigger[data-appearance=icon]{inline-size:var(--hx-control-h-sm);min-inline-size:var(--hx-control-h-sm);min-block-size:var(--hx-control-h-sm);padding:0;justify-content:center;border-radius:var(--hx-radius-sm)}.ui-table__kebab{inline-size:.25rem;block-size:.25rem;border-radius:var(--radius-circle);background:currentColor;box-shadow:0 -.375rem 0 currentColor,0 .375rem 0 currentColor}.ui-table__body[data-empty] td{padding:var(--hx-space-6)}.ui-table__body[data-empty] td .ui-empty{border:0;background:transparent}.ui-table__skeleton{display:grid;gap:0;overflow:hidden;border:var(--rule) solid var(--hx-border);border-radius:var(--hx-radius-card);background:var(--hx-surface)}.ui-table__skeleton-row{display:flex;align-items:center;gap:var(--hx-space-6);block-size:var(--row-block);padding-inline:var(--hx-space-4);border-block-end:var(--rule) solid var(--hx-border-soft)}.ui-table__skeleton-row:first-child{block-size:var(--hx-row-h-dense);background:var(--hx-surface-soft);border-block-end-color:var(--hx-border)}.ui-table__skeleton-row:last-child{border-block-end:0}.ui-table__skeleton-bar{flex:1;block-size:var(--hx-space-2);border-radius:var(--hx-radius-pill);background:var(--hx-skeleton);animation:ui-table-pulse var(--duration-pulse) var(--ease-in-out) infinite}.ui-table__skeleton-row:nth-child(2n) .ui-table__skeleton-bar:last-child{flex:0.6}.ui-table__skeleton-bar:first-child{flex:2}@keyframes ui-table-pulse{50%{opacity:.45}}@container ui-table (width < 48rem){.ui-table__toolbar{flex-wrap:nowrap;align-items:stretch}.ui-table__filters{flex:1 1 auto;flex-wrap:nowrap;min-inline-size:0;margin-inline:calc(-1 * var(--hx-space-1));padding:var(--hx-space-1);overflow:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.ui-table__chip,.ui-table__chip-group{flex:none}.ui-table__scroll{overflow:visible;max-block-size:none;border:0;border-radius:0;background:transparent}.ui-table__body,.ui-table__grid{display:block}.ui-table__head{display:block;margin-block-end:var(--hx-space-3)}.ui-table__head>tr{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--hx-space-2);overflow:auto;scrollbar-width:none}.ui-table__column{position:static;display:inline-flex;flex:none;align-items:center;block-size:auto;min-block-size:var(--hx-touch-min);padding-inline:var(--hx-space-3);border:var(--rule) solid var(--hx-border);border-radius:var(--hx-radius-pill);background:var(--hx-surface);color:var(--hx-text-2);font-size:var(--hx-type-label-size);font-weight:var(--hx-weight-medium)}.ui-table__column[aria-sort=ascending],.ui-table__column[aria-sort=descending]{border-color:var(--hx-border-selected);background:var(--hx-surface-selected);color:var(--hx-text);font-weight:var(--hx-weight-semibold)}.ui-table__column[data-slot=select]{inline-size:auto;padding-inline:var(--hx-space-1);border:0;background:transparent}.ui-table__column:not([data-allows-sorting],[data-slot=select]){position:absolute;inline-size:1px;block-size:1px;min-block-size:0;padding:0;overflow:hidden;border:0;clip-path:inset(50%);white-space:nowrap}.ui-table__column[data-numeric=true] .ui-table__column-label{flex-direction:row}.ui-table__body{display:grid;gap:var(--hx-space-2)}.ui-table__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-auto-flow:row dense;align-items:start;column-gap: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-table__row[data-hovered]{border-color:var(--hx-border-bold);background:var(--hx-surface)}.ui-table__row[data-selected]{border-color:var(--hx-border-selected);background:var(--hx-surface-selected);box-shadow:inset 0 0 0 var(--rule) var(--hx-border-selected)}.ui-table__row[data-selected]>.ui-table__cell:first-child{box-shadow:none}.ui-table__row[data-focus-visible]{outline-offset:var(--hx-focus-offset)}.ui-table__cell{display:grid;grid-column:2;grid-template-columns:minmax(6rem,40%) minmax(0,1fr);gap:var(--hx-space-2);block-size:auto;padding:var(--hx-space-1) 0;border:0;text-align:start}.ui-table__cell[data-numeric=true]{text-align:start;white-space:normal}.ui-table__cell[data-numeric=true] .ui-table__cell-value{font-variant-numeric:tabular-nums;text-align:start}.ui-table__cell-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-table__cell-value{min-inline-size:0;overflow-wrap:anywhere}.ui-table__cell[role=rowheader]{grid-template-columns:minmax(0,1fr);padding-block-end:var(--hx-space-2);margin-block-end:var(--hx-space-1);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-table__cell[role=rowheader] .ui-table__cell-label{display:none}.ui-table__cell[data-slot=select]{display:block;grid-column:1;grid-row:1;inline-size:auto;padding:0}.ui-table__cell[data-slot=actions]{display:block;grid-column:3;grid-row:1;inline-size:auto;padding:0}.ui-table__cell[data-slot=actions] .ui-table__cell-label{display:none}.ui-table__cell:not([role=rowheader],[data-slot]){grid-template-columns:minmax(6rem,40%) minmax(0,1fr);align-items:baseline;column-gap:var(--hx-space-3);font-size:var(--hx-type-dense-size);line-height:var(--hx-type-dense-leading)}.ui-table__cell:not([role=rowheader],[data-slot]) .ui-table__cell-label{line-height:var(--hx-type-dense-leading)}.ui-table__cell:not([role=rowheader],[data-slot]):has(>.ui-table__cell-value>:is(button,.ui-button):only-child){grid-template-columns:minmax(0,1fr);padding-block-start:var(--hx-space-2)}.ui-table__cell:not([role=rowheader],[data-slot]):has(>.ui-table__cell-value>:is(button,.ui-button):only-child) .ui-table__cell-label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ui-table__cell:not([role=rowheader],[data-slot])>.ui-table__cell-value>:is(.ui-button,button):only-child{inline-size:100%}.ui-table__row>.ui-table__cell:first-child:not([data-slot]),.ui-table__row>.ui-table__cell[data-slot=select]+.ui-table__cell:not([data-slot]){grid-template-columns:minmax(0,1fr);padding-block-end:var(--hx-space-2);margin-block-end:var(--hx-space-1);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-table__row>.ui-table__cell:first-child:not([data-slot]) .ui-table__cell-label,.ui-table__row>.ui-table__cell[data-slot=select]+.ui-table__cell:not([data-slot]) .ui-table__cell-label{display:none}.ui-table__body[data-empty] td{display:block;padding:var(--hx-space-4);border:var(--rule) solid var(--hx-border);border-radius:var(--hx-radius-card);background:var(--hx-surface)}.ui-table__skeleton-row:nth-child(n+2){block-size:auto;min-block-size:calc(var(--hx-row-h) * 2)}}@media (pointer:coarse),(width < 48rem){.ui-table__cell .ui-menu__trigger[data-appearance=icon]{inline-size:var(--hx-touch-min);min-inline-size:var(--hx-touch-min);min-block-size:var(--hx-touch-min)}}@media (forced-colors:active){.ui-table__row[data-selected]{outline:var(--rule-medium) solid Highlight;outline-offset:calc(-1 * var(--rule-medium))}.ui-table__chip[data-active=true]{border-width:var(--rule-medium)}.ui-table__chip-x:after,.ui-table__chip-x:before,.ui-table__kebab,.ui-table__skeleton-bar{background:CanvasText}.ui-table__kebab{box-shadow:0 -.375rem 0 CanvasText,0 .375rem 0 CanvasText}}.ui-table[data-split=loading]{min-block-size:calc(var(--hx-row-h-dense) * 6 + var(--hx-control-h) + var(--hx-space-3))}@supports (animation-timeline:scroll()){@container ui-table (width < 48rem){.ui-table__filters,.ui-table__head>tr{animation:ui-scroll-fade linear both;animation-duration:auto;animation-timeline:scroll(self inline);mask-image:linear-gradient(var(--ui-fade-axis),transparent,var(--hx-text) var(--ui-fade-start),var(--hx-text) calc(100% - var(--ui-fade-end)),transparent)}}}