.af-data-grid [data-pin]{position:sticky}.af-data-grid thead th[data-pin]{z-index:3}.af-data-grid tbody td[data-pin]{z-index:2;background-color:var(--af-color-surface)}.af-data-grid tbody tr:hover>td[data-pin]{background-image:linear-gradient(var(--af-color-surface-hover), var(--af-color-surface-hover))}.af-data-grid tbody tr.af-row-selected>td[data-pin]{background-image:linear-gradient(var(--data-table-selection-fill), var(--data-table-selection-fill))}.af-data-grid tbody tr[data-row-tone=danger]>td[data-pin]{background-image:linear-gradient(color-mix(in srgb, var(--af-color-danger) 4%, transparent), color-mix(in srgb, var(--af-color-danger) 4%, transparent))}.af-data-grid [data-pin-edge]:after{content:"";pointer-events:none;width:8px;position:absolute;top:0;bottom:0}.af-data-grid [data-pin-edge=left]:after{background:linear-gradient(to right, color-mix(in srgb, var(--af-color-foreground) 16%, transparent), transparent);right:-8px}.af-data-grid [data-pin-edge=right]:after{background:linear-gradient(to left, color-mix(in srgb, var(--af-color-foreground) 16%, transparent), transparent);left:-8px}.af-grid-th-tools{align-items:center;gap:2px;margin-left:auto;display:inline-flex}.af-grid-th-btn{min-width:24px;min-height:24px;color:var(--af-color-foreground-muted);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.af-grid-th-btn:hover,.af-grid-th-btn[aria-expanded=true]{background:var(--af-color-surface-hover);color:var(--af-color-foreground)}.af-grid-th-btn:focus-visible,.af-data-grid thead th button:focus-visible{outline:2px solid var(--af-color-primary);outline-offset:-1px}.af-grid-menu-btn{opacity:.55}.af-data-grid thead th:hover .af-grid-menu-btn,.af-data-grid thead th:focus-within .af-grid-menu-btn,.af-grid-menu-btn[aria-expanded=true]{opacity:1}@media (pointer:coarse){.af-grid-menu-btn{opacity:1}}.af-data-grid thead th[data-dragging=true]{opacity:.5}.af-data-grid thead th[data-drop=before]{box-shadow:inset 2px 0 0 var(--af-color-primary)}.af-data-grid thead th[data-drop=after]{box-shadow:inset -2px 0 0 var(--af-color-primary)}.af-grid-resize{touch-action:none}.af-grid-resize:focus-visible{outline:2px solid var(--af-color-primary)}@media (prefers-reduced-motion:no-preference){.af-grid-th-btn,.af-grid-menu-btn,.af-grid-chip{transition:background-color .12s,opacity .12s}}