@layer components{.table-scroll{width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 60%, transparent);padding:var(--space-2);border-bottom:1px solid var(--color-divider);font-size:11px}.table td{padding:var(--space-2);border-bottom:1px solid color-mix(in srgb, var(--color-text) 8%, transparent)}.table tbody tr:hover{background:color-mix(in srgb, var(--color-text) 4%, transparent)}.data-table-scroll{min-width:0;overflow-x:auto}.data-table{width:100%}.data-table-scroll[data-rail]{scrollbar-width:none}.data-table-scroll[data-rail]::-webkit-scrollbar{display:none}.data-table-rail{min-height:12px;overflow:auto hidden}.data-table-rail-run{height:1px}.table tbody tr.data-table-open-row:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.data-table-fixed{table-layout:fixed}.table th.data-table-head{letter-spacing:.06em;color:color-mix(in srgb, var(--color-text) 65%, transparent);padding:11px 20px;font-size:12px;font-weight:600}.table td.data-table-cell{vertical-align:middle;padding:6px 20px}.data-table-roomy td.data-table-cell{padding-top:8px;padding-bottom:8px}.data-table-clickable{cursor:pointer}.table th.data-table-divider,.table td.data-table-divider{border-right:1px solid var(--color-divider)}.table th.data-table-center,.table td.data-table-center{text-align:center;white-space:nowrap}.table th.data-table-right,.table td.data-table-right{text-align:right;white-space:nowrap}.table th.data-table-nowrap,.table td.data-table-nowrap{white-space:nowrap}.table th.data-table-flush-start,.table td.data-table-flush-start{padding-left:0}.data-table[data-columns]{table-layout:fixed}.table[data-columns] :is(th.data-table-head,td.data-table-cell){text-overflow:ellipsis;position:relative;overflow:hidden}.table[data-columns] :is(th,td).data-table-divider{box-shadow:inset -1px 0 0 0 var(--color-divider);border-right:0}.data-table-grip{z-index:2;cursor:col-resize;touch-action:none;width:10px;position:absolute;top:0;bottom:0;right:0}.data-table-grip:after{content:"";background:0 0;width:1px;position:absolute;top:25%;bottom:25%;right:0}.data-table-grip:is(:hover,:focus-visible,:active,[data-dragging]):after{background:var(--color-accent);width:2px;top:0;bottom:0}.data-table-grip:focus-visible{outline:none}.data-table.data-table-measuring{table-layout:auto!important;width:max-content!important}.data-table.data-table-measuring col{width:auto!important}.data-table.data-table-measuring :is(th,td){overflow:visible!important}.data-table[data-pinned="1"] :is(th,td):first-child,.data-table[data-pinned="2"] :is(th,td):nth-child(-n+2),.data-table[data-pinned="3"] :is(th,td):nth-child(-n+3),.data-table[data-pinned="4"] :is(th,td):nth-child(-n+4){z-index:1;background:var(--color-bg);box-shadow:1px 0 0 0 var(--color-divider), 1px 0 0 0 var(--color-bg);position:sticky}.data-table[data-pinned] :is(th,td):first-child{left:0}.data-table[data-pinned] :is(th,td):nth-child(2){left:var(--pin-left-2,0)}.data-table[data-pinned] :is(th,td):nth-child(3){left:var(--pin-left-3,0)}.data-table[data-pinned] :is(th,td):nth-child(4){left:var(--pin-left-4,0)}.data-table-scroll[data-scrolled] :is(.data-table[data-pinned="1"] :is(th,td):first-child,.data-table[data-pinned="2"] :is(th,td):nth-child(2),.data-table[data-pinned="3"] :is(th,td):nth-child(3),.data-table[data-pinned="4"] :is(th,td):nth-child(4)){box-shadow:1px 0 0 0 color-mix(in srgb, var(--color-text) 40%, transparent), 1px 0 0 0 var(--color-bg), 7px 0 8px -5px #00000073}:is(.data-table[data-pinned="1"] tbody tr:hover>td:first-child,.data-table[data-pinned="2"] tbody tr:hover>td:nth-child(-n+2),.data-table[data-pinned="3"] tbody tr:hover>td:nth-child(-n+3),.data-table[data-pinned="4"] tbody tr:hover>td:nth-child(-n+4)){background:color-mix(in srgb, var(--color-text) 4%, var(--color-bg))}:is(.data-table[data-pinned="1"] tbody tr.data-table-open-row:hover>td:first-child,.data-table[data-pinned="2"] tbody tr.data-table-open-row:hover>td:nth-child(-n+2),.data-table[data-pinned="3"] tbody tr.data-table-open-row:hover>td:nth-child(-n+3),.data-table[data-pinned="4"] tbody tr.data-table-open-row:hover>td:nth-child(-n+4)){background:color-mix(in srgb, var(--color-accent) 10%, var(--color-bg))}.sort-button{width:100%;color:color-mix(in srgb, var(--color-text) 65%, transparent);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:600;display:flex}.sort-button[data-active=true]{color:var(--color-accent-ink)}.sort-button svg{flex:none}}.data-table.is-busy tbody{opacity:.4;pointer-events:none;transition:opacity .12s .15s}@media (prefers-reduced-motion:reduce){.data-table.is-busy tbody{transition:none}}
