.ch-dt{font-family:var(--font-sans);position:relative}.ch-dt__bar{margin-bottom:var(--space-8);justify-content:flex-end;display:flex}.ch-dt__frame{border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);position:relative;overflow:hidden}.ch-dt__scroll{max-height:70vh;overflow:auto}.ch-dt__table th,.ch-dt__table td{white-space:nowrap}.ch-dt__sort{min-height:var(--hit);margin:calc(var(--cell-y) * -1) 0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.ch-dt__loading{gap:var(--space-16);padding:var(--space-16);flex-direction:column;display:flex}.ch-dt--sticky .ch-dt__table th:first-child,.ch-dt--sticky .ch-dt__table td:first-child{z-index:1;background:var(--c-surface);position:sticky;inset-inline-start:0}.ch-dt--sticky .ch-dt__table th:first-child{z-index:2;background:var(--c-surface-2)}.ch-dt--sticky[data-scroll=middle] .ch-dt__table :is(th,td):first-child,.ch-dt--sticky[data-scroll=end] .ch-dt__table :is(th,td):first-child{border-inline-end:1px solid var(--c-border-strong)}.ch-dt__frame:before,.ch-dt__frame:after{content:"";width:var(--space-24);z-index:3;pointer-events:none;opacity:0;transition:opacity var(--dur-fade) var(--ease);position:absolute;top:0;bottom:0}.ch-dt__frame:after{background:linear-gradient(to left,var(--c-border-strong),transparent);inset-inline-end:0}.ch-dt__frame:before{background:linear-gradient(to right,var(--c-border-strong),transparent);inset-inline-start:0}.ch-dt[data-scroll=start] .ch-dt__frame:after,.ch-dt[data-scroll=middle] .ch-dt__frame:after,.ch-dt[data-scroll=middle]:not(.ch-dt--sticky) .ch-dt__frame:before,.ch-dt[data-scroll=end]:not(.ch-dt--sticky) .ch-dt__frame:before{opacity:.35}.ch-filters{align-items:flex-end;gap:var(--space-12);margin-bottom:var(--space-16);flex-wrap:wrap;display:flex}.ch-filters>.ch-field{min-width:160px}