@layer arche.base;@layer arche.components{.arche-table{box-sizing:border-box;overscroll-behavior-x:contain;border:1px solid var(--arche-color-border-subtle);border-radius:var(--arche-radius-lg);--arche-table-cell-x:var(--arche-spacing-4);--arche-table-cell-y:var(--arche-spacing-3);--arche-table-heading-y:var(--arche-spacing-2);max-inline-size:100%;position:relative;overflow:auto}.arche-table[data-size=sm]{--arche-table-cell-x:var(--arche-spacing-3);--arche-table-cell-y:var(--arche-spacing-1);--arche-table-heading-y:var(--arche-spacing-1)}.arche-table__table{border-collapse:separate;border-spacing:0;inline-size:100%;font:var(--arche-typography-body);color:var(--arche-color-text);margin:0}.arche-table__caption{padding:var(--arche-table-cell-y) var(--arche-table-cell-x);caption-side:top;text-align:start;font-weight:var(--arche-font-weight-medium);color:var(--arche-color-text-strong);border-block-end:1px solid var(--arche-color-border-subtle)}.arche-table__caption[data-visually-hidden],.arche-table__label[data-visually-hidden]{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.arche-table__table>thead>tr>th{padding:var(--arche-table-heading-y) var(--arche-table-cell-x);text-align:start;vertical-align:middle;white-space:nowrap;font-size:var(--arche-font-size-xs);font-weight:var(--arche-font-weight-medium);color:var(--arche-color-text-muted);background:var(--arche-color-surface);border-block-end:1px solid var(--arche-color-border-subtle)}.arche-table__table>tbody>tr>*{padding:var(--arche-table-cell-y) var(--arche-table-cell-x);text-align:start;vertical-align:middle;white-space:nowrap;font-weight:var(--arche-font-weight-regular);border-block-end:1px solid var(--arche-color-border-subtle)}.arche-table__table>tbody>tr:last-child>*{border-block-end:0}.arche-table__table>tbody>tr>th{font-weight:var(--arche-font-weight-medium);color:var(--arche-color-text-strong)}.arche-table__table>*>tr>[data-align=end]{text-align:end}.arche-table__cell[data-numeric]{font-family:var(--arche-font-family-mono);font-variant-numeric:tabular-nums}.arche-table__table>tbody>tr>[data-wrap],.arche-table__table>tbody>tr>.arche-table__empty{white-space:normal}.arche-table__table>*>tr>.arche-table__select{inline-size:1.5rem;padding-inline-end:0}.arche-table__select>.arche-checkbox{padding-block:0}.arche-table[data-sticky-header] thead>tr>th{z-index:var(--arche-z-index-raised);position:sticky;inset-block-start:0}.arche-table__row{transition:background-color var(--arche-duration-fast) var(--arche-easing-standard)}.arche-table__row:hover{background-image:linear-gradient(var(--arche-color-hover), var(--arche-color-hover))}.arche-table__row:has(>.arche-table__select input:checked){background-color:var(--arche-color-selected-soft)}.arche-table__row:has(>.arche-table__select input:checked)>:first-child{box-shadow:inset 2px 0 0 var(--arche-color-selected)}.arche-table__row:has(>.arche-table__select input:checked)>:first-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){box-shadow:inset -2px 0 0 var(--arche-color-selected)}.arche-table__sort{align-items:center;gap:var(--arche-spacing-1);vertical-align:top;min-block-size:1.5rem;font:inherit;color:inherit;white-space:nowrap;border-radius:var(--arche-radius-md);cursor:pointer;transition:color var(--arche-duration-fast) var(--arche-easing-standard);background:0 0;border:0;margin:0;padding:0;display:inline-flex}.arche-table__heading[data-align=end] .arche-table__sort{flex-direction:row-reverse}.arche-table__sort:hover,.arche-table__heading[aria-sort] .arche-table__sort{color:var(--arche-color-text-strong)}.arche-table__sort-icon{color:var(--arche-color-text-subtle);transition:color var(--arche-duration-fast) var(--arche-easing-standard);flex:none}.arche-table__sort:hover .arche-table__sort-icon,.arche-table__heading[aria-sort] .arche-table__sort-icon{color:currentColor}.arche-table__table>tbody>tr>.arche-table__empty{padding-block:var(--arche-spacing-8);text-align:center;color:var(--arche-color-text-muted)}@media (forced-colors:active){.arche-table__row:has(>.arche-table__select input:checked){outline-offset:-2px;outline:2px solid highlight}}}