@property --ui-table-bg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-table-border{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-table-fg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-table-head-bg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-table-hover-bg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-table-muted{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-table-stripe-bg{syntax:"<color>";inherits:true;initial-value:rgba(0,0,0,0)}@property --ui-table-border-width{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-table-radius{syntax:"<length-percentage>";inherits:true;initial-value:0px}@property --ui-table-padding{syntax:"<length-percentage>+";inherits:true;initial-value:0px}@layer reset, base, components, utilities;@layer base{:root{--ui-table-bg: var(--ui-surface, Canvas);--ui-table-fg: var(--ui-fg, CanvasText);--ui-table-muted: var(--ui-muted, GrayText);--ui-table-border: var(--ui-border, ButtonBorder);--ui-table-border-width: var(--ui-border-width, 0.0625rem);--ui-table-radius: var(--ui-radius, 0.375rem);--ui-table-padding: 1.75rem;--ui-table-head-bg: color-mix(in oklch, var(--ui-table-bg, Canvas), var(--ui-table-fg, CanvasText) 1%);--ui-table-hover-bg: var(--ui-table-head-bg);--ui-table-stripe-bg: color-mix(in oklch, var(--ui-table-bg, Canvas), var(--ui-table-fg, CanvasText) 3%)}}@layer base{@scope (table){:scope{box-sizing:border-box;overflow:hidden;table-layout:auto;border-spacing:0;border-collapse:separate;border-radius:var(--ui-table-radius, 0.375rem);border:var(--ui-table-border-width, 0.0625rem) solid var(--ui-table-border, ButtonBorder);background-color:var(--ui-table-bg, Canvas);color:var(--ui-table-fg, CanvasText);font-size:.875rem}:is(th,td){position:relative;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}}}@layer components{@scope (table){:scope>thead{background:var(--ui-table-head-bg, Canvas);user-select:none}:scope>thead>tr:last-child>:is(th,td){border-block-end:var(--ui-table-border-width, 0.0625rem) solid var(--ui-table-border, ButtonBorder)}th{padding-block:calc(var(--ui-table-padding, 1.75rem)/2);padding-inline:var(--ui-table-padding, 1.75rem)}td{padding-block:calc(var(--ui-table-padding, 1.75rem)/3.5);padding-inline:var(--ui-table-padding, 1.75rem)}@media(hover: hover)and (pointer: fine){:scope>tbody>tr:hover{background:var(--ui-table-hover-bg, Canvas)}}:scope.ui-strip>tbody>tr:nth-child(even){background:var(--ui-table-stripe-bg, Canvas)}:scope[data-align=center] :is(th,td){text-align:center}:scope[data-align=end] :is(th,td){text-align:end}:scope>tbody:empty{display:table-caption;caption-side:bottom}:scope>tbody:empty::after{content:attr(data-no-data);display:block;padding:var(--ui-table-padding, 1.75rem);color:var(--ui-table-muted, GrayText);text-align:center}}}