@layer components{table[data-grid] thead th{resize:horizontal;background-clip:padding-box;min-width:8ch;max-width:40ch;overflow:auto}table[data-grid] thead th::-webkit-resizer{background:0 0}table[data-grid] thead th{position:relative}table[data-grid] thead th:after{content:"";cursor:col-resize;width:6px;position:absolute;inset-block:0;inset-inline-end:0}@container (width<=40rem){table[data-grid] thead{display:none}table[data-grid] tr{gap:var(--bf-space-1);padding:var(--bf-space-3);border:var(--bf-border-width) solid var(--bf-border);border-radius:var(--bf-radius);background:var(--bf-surface);margin-block-end:var(--bf-space-3);display:grid}table[data-grid] th,table[data-grid] td{border-block-end:0;padding:0;display:block}table[data-grid] th:after{display:none}}table[data-grid][data-table~=sticky-head] thead th{z-index:var(--bf-z-sticky);position:sticky;top:0}table[data-grid] td{font-variant-numeric:tabular-nums}table[data-grid] tbody tr[data-selected]{background:var(--bf-primary-subtle)}}