@servicetitan/anvil2 2.9.1 → 3.0.0

package/dist/DataTable.css

@@ -1,798 +1,611 @@
-@layer starter, reset, base, state, application;
-@layer reset {
-  ._table-header-cell_nfkc_2,
-  ._table-body-cell_nfkc_3,
-  ._table-footer-cell_nfkc_4 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
-}
-@layer base {
-  ._table-body-cell_nfkc_3,
-  ._table-header-cell_nfkc_2,
-  ._table-footer-cell_nfkc_4 {
-    border-block-end: 1px solid var(--a2-table-cell-border-color);
-    vertical-align: var(--a2-table-cell-vertical-align);
-    color: var(--a2-table-cell-font-color);
-    padding-block-start: var(--a2-table-cell-padding-block-start);
-    padding-block-end: var(--a2-table-cell-padding-block-end);
-    padding-inline-start: var(--a2-table-cell-padding-inline-start);
-    padding-inline-end: var(--a2-table-cell-padding-inline-end);
-    text-wrap: balance;
-    background-color: var(--a2-table-cell-background-color);
-    font-weight: var(--a2-table-cell-font-weight);
-  }
-  ._table-body-cell_nfkc_3._last-pinned-left-column_nfkc_33:before, ._table-body-cell_nfkc_3._first-pinned-right-column_nfkc_33:before,
-  ._table-header-cell_nfkc_2._last-pinned-left-column_nfkc_33:before,
-  ._table-header-cell_nfkc_2._first-pinned-right-column_nfkc_33:before,
-  ._table-footer-cell_nfkc_4._last-pinned-left-column_nfkc_33:before,
-  ._table-footer-cell_nfkc_4._first-pinned-right-column_nfkc_33:before {
-    --a2-table-cell-overflow-gradient-degree: 90deg;
-    content: "";
-    inset-block: 0;
-    inset-inline-end: -5px;
-    width: 5px;
-    position: absolute;
-    z-index: 1;
-    opacity: 0.5;
-    background: linear-gradient(var(--a2-table-cell-overflow-gradient-degree), var(--overlay-color-active) 0%, transparent 50%);
-  }
-  ._table-body-cell_nfkc_3._first-pinned-right-column_nfkc_33:before,
-  ._table-header-cell_nfkc_2._first-pinned-right-column_nfkc_33:before,
-  ._table-footer-cell_nfkc_4._first-pinned-right-column_nfkc_33:before {
-    --a2-table-cell-overflow-gradient-degree: 270deg;
-    inset-inline-start: -5px;
-  }
-  ._table-body-cell_nfkc_3 ._empty-cell_nfkc_54 {
-    color: var(--a2-table-cell-empty-font-color);
-  }
-  ._table-header-cell_nfkc_2 {
-    --a2-table-cell-vertical-align: baseline;
-    --a2-table-cell-font-color: var(--foreground-color);
-    --a2-table-cell-font-weight: var(--font-weight-bold);
-    --a2-table-cell-padding-block-start: var(--size-3);
-    --a2-table-cell-padding-block-end: var(--size-2);
-    --a2-table-cell-background-color: var(--a2-table-header-background-color);
-    white-space: nowrap;
-    text-align: start;
-  }
-  ._table-footer-cell_nfkc_4 {
-    --a2-table-cell-font-weight: var(--font-weight-bold);
-    --a2-table-cell-background-color: var(--a2-table-footer-background-color);
-  }
-  ._table-cell-internal-select_nfkc_71,
-  ._table-cell-internal-expand_nfkc_72 {
-    justify-content: center;
-    --a2-table-cell-padding-inline-end: 0;
-    --a2-table-cell-padding-inline-start: 0;
-  }
-  ._table-cell-internal-select_nfkc_71 div[data-anv=checkbox],
-  ._table-cell-internal-expand_nfkc_72 div[data-anv=checkbox] {
-    width: 24px;
-  }
-  ._table-header-cell_nfkc_2._table-cell-internal-select_nfkc_71 {
-    --a2-table-cell-padding-block-start: var(--size-2);
-    --a2-table-cell-padding-block-end: 0;
-  }
-  ._table-header-cell_nfkc_2._table-cell-internal-expand_nfkc_72 {
-    --a2-table-cell-padding-block-start: var(--size-1);
-    --a2-table-cell-padding-block-end: 0;
-  }
-}
-@layer state {
-  ._table-header-cell-group_nfkc_91:not(:last-of-type):after {
-    content: "";
-    position: absolute;
-    inset-block: 0;
-    inset-inline-end: 0;
-    width: 2px;
-    right: 0;
-    border-inline-end: 2px solid var(--a2-table-column-group-divider-color);
-  }
-  ._table-header-cell-sortable_nfkc_100,
-  ._table-header-cell-interactive_nfkc_101 {
-    cursor: pointer;
-  }
-}
-table[data-anv=simple-table-base] tbody td._table-body-cell_nfkc_3,
-table[data-anv=simple-table-base] tfoot td._table-footer-cell_nfkc_4 {
-  padding: revert-layer;
-  line-height: revert-layer;
-  text-align: revert-layer;
-  vertical-align: revert-layer;
-}
-
-table[data-anv=simple-table-base] tfoot th._table-footer-cell-heading_nfkc_113 {
-  vertical-align: revert-layer;
-  font-weight: revert-layer;
-  color: revert-layer;
-  padding: revert-layer;
-  line-height: revert-layer;
-  text-align: revert-layer;
-}
-
-table[data-anv=simple-table-base] thead th._table-header-cell_nfkc_2 {
-  vertical-align: revert-layer;
-  font-weight: revert-layer;
-  color: revert-layer;
-  padding: revert-layer;
-  line-height: revert-layer;
-  text-align: revert-layer;
-}@layer starter, reset, base, state, application;
-@layer base {
-  ._truncate-chips_1lgyk_2 {
-    display: flex;
-    flex-direction: row;
-    gap: 0.125rem;
-    min-width: 0;
-    flex-grow: 0;
-    flex-shrink: 1;
-  }
-}@layer starter, reset, base, state, application;
-
-code._code_1u8e7_1,
-._highlight_1u8e7_2,
-._list_1u8e7_3,
-._container_1u8e7_4 {
-  all: revert-layer;
-}
-
-@layer base {
-  ._highlight_1u8e7_2 {
-    background-color: var(--background-color-warning, #ffbe00);
-    border-radius: 0.1875rem;
-    padding-inline: 0.125rem;
-  }
-  code._code_1u8e7_1 {
-    font-family: monospace;
-    font-size: 0.75rem;
-    background-color: var(--background-color-stronger, #eeeeee);
-    border-radius: 0.1875rem;
-    padding: 0.125rem;
-  }
-  ._list_1u8e7_3 {
-    margin: 0;
-    padding-inline-start: 1.25rem;
-  }
-  ._list_1u8e7_3 li {
-    margin-block: 0.125rem;
-  }
-  ._container_1u8e7_4 {
-    display: flex;
-    flex-direction: column;
-    gap: 0.25rem;
-  }
-}@layer starter, reset, base, state, application;
-@layer reset {
-  ._table-base_1ihr3_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: table;
-  }
-  ._data-table-base_1ihr3_15 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: grid;
-  }
-}
-@layer base {
-  ._table-base_1ihr3_2 {
-    border-collapse: separate;
-    border-spacing: 0;
-    border-style: hidden;
-    border-width: 0;
-  }
-  ._data-table-base_1ihr3_15 {
-    width: var(--a2-table-width, 100%);
-    grid-template-columns: var(--a2-grid-template-columns);
-  }
-  ._data-table-base_1ihr3_15:has([data-virtualized-body=true]) {
-    display: block;
-  }
-}
-@layer state {}
-table._table-base_1ihr3_2 {
-  background-color: revert-layer;
-  max-width: revert-layer;
-  border-collapse: revert-layer;
-  border-spacing: revert-layer;
-}@layer starter, reset, base, state, application;
-@layer reset {
-  ._table-body_zx1bt_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
-}
-@layer base {
-  div._table-body_zx1bt_2 {
-    display: grid;
-    grid-column: 1/-1;
-    grid-template-columns: subgrid;
-  }
+.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   Table Cells Base
+   ============================================ */._table-header-cell_ofjhm_4,
+._table-body-cell_ofjhm_5,
+._table-footer-cell_ofjhm_6 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+  align-items: var(--a2-table-cell-align-items, initial);
+  background-color: var(--a2-table-cell-background-color);
+  border-block-end: 1px solid var(--a2-table-cell-border-color);
+  color: var(--a2-table-cell-font-color);
+  display: var(--a2-table-cell-display, table-cell);
+  font-weight: var(--a2-table-cell-font-weight);
+  padding-block-end: var(--a2-table-cell-padding-block-end);
+  padding-block-start: var(--a2-table-cell-padding-block-start);
+  padding-inline-end: var(--a2-table-cell-padding-inline-end);
+  padding-inline-start: var(--a2-table-cell-padding-inline-start);
+  text-wrap: balance;
+  vertical-align: var(--a2-table-cell-vertical-align);
+}._table-header-cell_ofjhm_4._last-pinned-left-column_ofjhm_31:before, ._table-header-cell_ofjhm_4._first-pinned-right-column_ofjhm_31:before,
+._table-body-cell_ofjhm_5._last-pinned-left-column_ofjhm_31:before,
+._table-body-cell_ofjhm_5._first-pinned-right-column_ofjhm_31:before,
+._table-footer-cell_ofjhm_6._last-pinned-left-column_ofjhm_31:before,
+._table-footer-cell_ofjhm_6._first-pinned-right-column_ofjhm_31:before {
+  --a2-table-cell-overflow-gradient-degree: 90deg;
+  background: linear-gradient(var(--a2-table-cell-overflow-gradient-degree), var(--a2-background-color-transparent-default-active) 0%, transparent 50%);
+  content: "";
+  inset-block: 0;
+  inset-inline-end: -5px;
+  opacity: 0.5;
+  position: absolute;
+  width: 5px;
+  z-index: 1;
+}._table-header-cell_ofjhm_4._first-pinned-right-column_ofjhm_31:before,
+._table-body-cell_ofjhm_5._first-pinned-right-column_ofjhm_31:before,
+._table-footer-cell_ofjhm_6._first-pinned-right-column_ofjhm_31:before {
+  --a2-table-cell-overflow-gradient-degree: 270deg;
+  inset-inline-start: -5px;
+}/* ============================================
+   Body Cell
+   ============================================ */._table-body-cell_ofjhm_5 ._empty-cell_ofjhm_56 {
+  color: var(--a2-table-cell-empty-font-color);
+}/* ============================================
+   Header Cell
+   ============================================ */._table-header-cell_ofjhm_4 {
+  --a2-table-cell-background-color: var(--a2-table-header-background-color);
+  --a2-table-cell-font-color: var(--a2-foreground-color);
+  --a2-table-cell-font-weight: var(--a2-font-weight-bold);
+  --a2-table-cell-padding-block-end: var(--a2-size-2);
+  --a2-table-cell-padding-block-start: var(--a2-size-3);
+  --a2-table-cell-vertical-align: baseline;
+  text-align: start;
+  white-space: nowrap;
+}._table-header-cell_ofjhm_4._table-cell-internal-select_ofjhm_73 {
+  --a2-table-cell-padding-block-end: 0;
+  --a2-table-cell-padding-block-start: var(--a2-size-2);
+}._table-header-cell_ofjhm_4._table-cell-internal-expand_ofjhm_77 {
+  --a2-table-cell-padding-block-end: 0;
+  --a2-table-cell-padding-block-start: var(--a2-size-1);
+}._table-header-cell-sortable_ofjhm_82,
+._table-header-cell-interactive_ofjhm_83 {
+  cursor: pointer;
+}._table-header-cell-group_ofjhm_87:not(:last-of-type):after {
+  border-inline-end: 2px solid var(--a2-table-column-group-divider-color);
+  content: "";
+  inset-block: 0;
+  inset-inline-end: 0;
+  position: absolute;
+  right: 0;
+  width: 2px;
+}/* ============================================
+   Footer Cell
+   ============================================ */._table-footer-cell_ofjhm_6 {
+  --a2-table-cell-background-color: var(--a2-table-footer-background-color);
+  --a2-table-cell-font-weight: var(--a2-font-weight-bold);
+}/* ============================================
+   Internal Cells (Select/Expand)
+   ============================================ */._table-cell-internal-select_ofjhm_73,
+._table-cell-internal-expand_ofjhm_77 {
+  --a2-table-cell-padding-inline-end: 0;
+  --a2-table-cell-padding-inline-start: 0;
+  justify-content: center;
+}._table-cell-internal-select_ofjhm_73 div[data-anv=checkbox],
+._table-cell-internal-expand_ofjhm_77 div[data-anv=checkbox] {
+  width: 24px;
 }
-@layer state {}
-table[data-anv=simple-table-base] ._table-body_zx1bt_2 {
-  background-color: revert-layer;
-}@layer starter, reset, base, state, application;
-@layer reset {
-  ._data-table-body-cell-input_wnkkd_2,
-  ._data-table-body-cell-select-trigger_wnkkd_3 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
+}.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   Truncate Chips
+   ============================================ */._truncate-chips_19u8s_4 {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 0;
+  flex-shrink: 1;
+  gap: var(--a2-size-half, 0.125rem);
+  min-width: 0;
 }
-@layer base {
-  ._data-table-body-cell-input_wnkkd_2 {
-    position: absolute;
-    inset: 0;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    border: none;
-    outline: none;
-    padding: var(--a2-table-cell-padding-block-start) var(--a2-table-cell-padding-inline-start) var(--a2-table-cell-padding-block-end) var(--a2-table-cell-padding-inline-end);
-    font-size: var(--a2-table-cell-font-size);
-    font-weight: var(--a2-table-cell-font-weight);
-    color: var(--a2-table-cell-font-color);
-  }
+}.anvil2{@layer starter, reset, base, state, application;._highlight_1t8gj_1 {
+  background-color: var(--a2-background-color-warning, var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278))));
+  border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
+  padding-inline: var(--a2-size-half, 0.125rem);
+}code._code_1t8gj_7 {
+  font-family: monospace;
+  font-size: var(--a2-font-size-200, 0.75rem);
+  background-color: var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)));
+  border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
+  padding: var(--a2-size-half, 0.125rem);
+}._list_1t8gj_15 {
+  margin: 0;
+  padding-inline-start: var(--a2-size-5, 1.25rem);
+}._list_1t8gj_15 li {
+  margin-block: var(--a2-size-half, 0.125rem);
+}._container_1t8gj_23 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--a2-size-1, 0.25rem);
 }
-@layer state {
-  ._data-table-body-cell-editable_wnkkd_36 ._data-table-body-cell-edit-icon-container_wnkkd_36 {
-    display: none;
-  }
-  ._data-table-body-cell-editable_wnkkd_36:hover, ._data-table-body-cell-editable_wnkkd_36:focus, ._data-table-body-cell-editable_wnkkd_36:focus-within {
-    cursor: pointer;
-    position: relative;
-  }
-  ._data-table-body-cell-editable_wnkkd_36:hover ._data-table-body-cell-edit-icon-container_wnkkd_36, ._data-table-body-cell-editable_wnkkd_36:focus ._data-table-body-cell-edit-icon-container_wnkkd_36, ._data-table-body-cell-editable_wnkkd_36:focus-within ._data-table-body-cell-edit-icon-container_wnkkd_36 {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    position: absolute;
-    inset-block: var(--a2-table-cell-outline-width, 0px);
-    inset-inline-end: var(--a2-table-cell-outline-width, 0px);
-    padding-inline-end: var(--size-2);
-    width: 4.5rem;
-    background: linear-gradient(90deg, transparent 0%, var(--a2-table-cell-edit-background-color) 70%);
-    pointer-events: none;
-  }
+}.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   Table Base
+   ============================================ */._table-base_qvkwx_4 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: table;
+  border-collapse: separate;
+  border-spacing: 0;
+  border-style: hidden;
+  border-width: 0;
+}._data-table-base_qvkwx_22 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: grid;
+  grid-template-columns: var(--a2-grid-template-columns);
+  width: var(--a2-table-width, 100%);
+}._data-table-base_qvkwx_22:has([data-virtualized-body=true]) {
+  display: block;
 }
-[data-anv=table-container] input,
-[data-anv=table-container] input[type=text],
-[data-anv=table-container] input[type=text]:focus {
+}.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   Table Body
+   ============================================ */._table-body_1crpq_4 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
   display: revert-layer;
-  height: revert-layer;
-  padding: revert-layer;
-  margin-bottom: revert-layer;
-  font-size: revert-layer;
-  line-height: revert-layer;
-  color: revert-layer;
-  border-radius: revert-layer;
-  vertical-align: revert-layer;
-  background-color: revert-layer;
-  border: revert-layer;
-  border-color: revert-layer;
-  box-shadow: revert-layer;
-  transition: revert-layer;
-  font-family: revert-layer;
-  width: revert-layer;
+}/* ============================================
+   Data Table Body (Subgrid)
+   ============================================ */div._table-body_1crpq_4 {
+  display: grid;
+  grid-column: 1/-1;
+  grid-template-columns: subgrid;
 }
-
-[data-anv=table-container] button {
-  font-family: revert-layer;
-  font-size: revert-layer;
-  font-weight: revert-layer;
-  line-height: revert-layer;
-}@layer starter, reset, base, state, application;
-@layer reset {
-  ._data-table-body-cell_ab20z_2,
-  ._data-table-body-cell-input_ab20z_3 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: flex;
-  }
-}
-@layer base {
-  ._table-body-cell_ab20z_18,
-  ._table-header-cell_ab20z_19,
-  ._table-footer-cell_ab20z_20 {
-    display: flex;
-    align-items: center;
-  }
-  ._table-header-cell_ab20z_19 {
-    align-items: flex-end;
-  }
-  ._data-table-body-cell_ab20z_2 {
-    align-items: center;
-  }
-  ._data-table-cell-content_ab20z_30 {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 0.25rem;
-    width: 100%;
-  }
-  ._data-table-cell-content_ab20z_30[data-align=center] {
-    justify-content: center;
-    text-align: center;
-  }
-  ._data-table-cell-content_ab20z_30[data-align=end] {
-    justify-content: flex-end;
-    text-align: end;
-  }
-  ._data-table-cell-content_ab20z_30[data-align=start] {
-    justify-content: flex-start;
-    text-align: start;
-  }
-}
-@layer state {
-  ._data-table-body-cell_ab20z_2:focus, ._data-table-body-cell_ab20z_2:focus-within, ._data-table-body-cell_ab20z_2._data-table-body-cell-editing_ab20z_51,
-  ._data-table-header-cell_ab20z_52:focus,
-  ._data-table-header-cell_ab20z_52:focus-within,
-  ._data-table-header-cell_ab20z_52._data-table-body-cell-editing_ab20z_51,
-  ._data-table-footer-cell_ab20z_55:focus,
-  ._data-table-footer-cell_ab20z_55:focus-within,
-  ._data-table-footer-cell_ab20z_55._data-table-body-cell-editing_ab20z_51 {
-    --a2-table-cell-outline-width: 2px;
-    outline: 2px solid var(--focus-ring-color);
-    outline-offset: -2px;
-    position: relative;
-  }
-  ._data-table-body-cell_ab20z_2:focus button:focus-visible, ._data-table-body-cell_ab20z_2:focus button:focus-visible ~ *,
-  ._data-table-body-cell_ab20z_2:focus input:focus-visible,
-  ._data-table-body-cell_ab20z_2:focus input:focus-visible ~ *, ._data-table-body-cell_ab20z_2:focus-within button:focus-visible, ._data-table-body-cell_ab20z_2:focus-within button:focus-visible ~ *,
-  ._data-table-body-cell_ab20z_2:focus-within input:focus-visible,
-  ._data-table-body-cell_ab20z_2:focus-within input:focus-visible ~ *, ._data-table-body-cell_ab20z_2._data-table-body-cell-editing_ab20z_51 button:focus-visible, ._data-table-body-cell_ab20z_2._data-table-body-cell-editing_ab20z_51 button:focus-visible ~ *,
-  ._data-table-body-cell_ab20z_2._data-table-body-cell-editing_ab20z_51 input:focus-visible,
-  ._data-table-body-cell_ab20z_2._data-table-body-cell-editing_ab20z_51 input:focus-visible ~ *,
-  ._data-table-header-cell_ab20z_52:focus button:focus-visible,
-  ._data-table-header-cell_ab20z_52:focus button:focus-visible ~ *,
-  ._data-table-header-cell_ab20z_52:focus input:focus-visible,
-  ._data-table-header-cell_ab20z_52:focus input:focus-visible ~ *,
-  ._data-table-header-cell_ab20z_52:focus-within button:focus-visible,
-  ._data-table-header-cell_ab20z_52:focus-within button:focus-visible ~ *,
-  ._data-table-header-cell_ab20z_52:focus-within input:focus-visible,
-  ._data-table-header-cell_ab20z_52:focus-within input:focus-visible ~ *,
-  ._data-table-header-cell_ab20z_52._data-table-body-cell-editing_ab20z_51 button:focus-visible,
-  ._data-table-header-cell_ab20z_52._data-table-body-cell-editing_ab20z_51 button:focus-visible ~ *,
-  ._data-table-header-cell_ab20z_52._data-table-body-cell-editing_ab20z_51 input:focus-visible,
-  ._data-table-header-cell_ab20z_52._data-table-body-cell-editing_ab20z_51 input:focus-visible ~ *,
-  ._data-table-footer-cell_ab20z_55:focus button:focus-visible,
-  ._data-table-footer-cell_ab20z_55:focus button:focus-visible ~ *,
-  ._data-table-footer-cell_ab20z_55:focus input:focus-visible,
-  ._data-table-footer-cell_ab20z_55:focus input:focus-visible ~ *,
-  ._data-table-footer-cell_ab20z_55:focus-within button:focus-visible,
-  ._data-table-footer-cell_ab20z_55:focus-within button:focus-visible ~ *,
-  ._data-table-footer-cell_ab20z_55:focus-within input:focus-visible,
-  ._data-table-footer-cell_ab20z_55:focus-within input:focus-visible ~ *,
-  ._data-table-footer-cell_ab20z_55._data-table-body-cell-editing_ab20z_51 button:focus-visible,
-  ._data-table-footer-cell_ab20z_55._data-table-body-cell-editing_ab20z_51 button:focus-visible ~ *,
-  ._data-table-footer-cell_ab20z_55._data-table-body-cell-editing_ab20z_51 input:focus-visible,
-  ._data-table-footer-cell_ab20z_55._data-table-body-cell-editing_ab20z_51 input:focus-visible ~ * {
-    outline: none;
-  }
-  ._data-table-body-cell_ab20z_2._data-table-body-cell-editing_ab20z_51,
-  ._data-table-header-cell_ab20z_52._data-table-body-cell-editing_ab20z_51,
-  ._data-table-footer-cell_ab20z_55._data-table-body-cell-editing_ab20z_51 {
-    box-shadow: inset 0px 0px 4px 1px var(--focus-ring-color);
-  }
-  ._data-table-body-cell_ab20z_2[data-anv-is-hovered-col=true] {
-    --a2-table-cell-background-color: var(--a2-table-background-color);
-  }
-  ._data-table-body-cell_ab20z_2._data-table-body-cell-error_ab20z_104 {
-    --a2-table-cell-outline-width: 2px;
-    outline: 2px solid var(--border-color-danger, #e13212);
-    outline-offset: -2px;
-    border-block-end: 0px;
-    --a2-table-cell-font-color: var(--foreground-color-danger, #e13212);
-    --a2-table-cell-empty-font-color: var(--foreground-color-danger, #e13212);
-  }
-  ._data-table-body-cell_ab20z_2._data-table-body-cell-error_ab20z_104 > ._data-table-cell-content_ab20z_30 {
-    color: inherit;
-  }
-  ._data-table-body-cell_ab20z_2._data-table-body-cell-error_ab20z_104:focus, ._data-table-body-cell_ab20z_2._data-table-body-cell-error_ab20z_104:focus-within {
-    outline: 2px solid var(--focus-ring-color);
-  }
-  ._data-table-body-cell_ab20z_2._data-table-body-cell-error_ab20z_104._data-table-body-cell-editing_ab20z_51 {
-    --a2-table-cell-font-color: inherit;
-  }
-  ._data-table-body-cell_ab20z_2._data-table-body-cell-warning_ab20z_121 {
-    --a2-table-cell-outline-width: 2px;
-    outline: 2px solid var(--status-color-warning, #ffbe00);
-    outline-offset: -2px;
-    border-block-end: 0px;
-  }
-  ._data-table-body-cell_ab20z_2._data-table-body-cell-warning_ab20z_121:focus, ._data-table-body-cell_ab20z_2._data-table-body-cell-warning_ab20z_121:focus-within {
-    outline: 2px solid var(--focus-ring-color);
-  }
-  ._cell-error-icon_ab20z_130,
-  ._cell-warning-icon_ab20z_131 {
-    flex-shrink: 0;
-  }
-  ._cell-error-icon_ab20z_130 {
-    color: var(--foreground-color-danger, #e13212);
-  }
-  ._cell-warning-icon_ab20z_131 {
-    color: var(--status-color-warning, #ffbe00);
-  }
-}@layer starter, reset, base, state, application;
-@layer reset {
-  ._data-table-body-row_1lv2u_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
+}.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   DataTable Editable Cell Base
+   ============================================ */input._data-table-body-cell-input_i8xxd_4,
+._data-table-body-cell-select-trigger_i8xxd_5 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+}input._data-table-body-cell-input_i8xxd_4 {
+  border: none;
+  bottom: 0;
+  color: var(--a2-table-cell-font-color);
+  font-size: var(--a2-table-cell-font-size);
+  font-weight: var(--a2-table-cell-font-weight);
+  height: 100%;
+  inset: 0;
+  left: 0;
+  outline: none;
+  padding: var(--a2-table-cell-padding-block-start) var(--a2-table-cell-padding-inline-start) var(--a2-table-cell-padding-block-end) var(--a2-table-cell-padding-inline-end);
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 100%;
+}/* ============================================
+   DataTable Editable Cell States
+   ============================================ */._data-table-body-cell-editable_i8xxd_39 ._data-table-body-cell-edit-icon-container_i8xxd_39 {
+  display: none;
+}._data-table-body-cell-editable_i8xxd_39:hover, ._data-table-body-cell-editable_i8xxd_39:focus, ._data-table-body-cell-editable_i8xxd_39:focus-within {
+  cursor: pointer;
+  position: relative;
+}._data-table-body-cell-editable_i8xxd_39:hover ._data-table-body-cell-edit-icon-container_i8xxd_39, ._data-table-body-cell-editable_i8xxd_39:focus ._data-table-body-cell-edit-icon-container_i8xxd_39, ._data-table-body-cell-editable_i8xxd_39:focus-within ._data-table-body-cell-edit-icon-container_i8xxd_39 {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  position: absolute;
+  inset-block: var(--a2-table-cell-outline-width, 0px);
+  inset-inline-end: var(--a2-table-cell-outline-width, 0px);
+  padding-inline-end: var(--a2-size-2);
+  width: 4.5rem;
+  background: linear-gradient(90deg, transparent 0%, var(--a2-table-cell-edit-background-color) 70%);
+  pointer-events: none;
 }
-@layer base {
-  ._data-table-body-row_1lv2u_2 {
-    display: grid;
-    grid-column: 1/-1;
-    grid-template-columns: subgrid;
-  }
-  ._data-table-body-sub-component-row_1lv2u_22 {
-    display: block;
-    grid-column: 1/-1;
-  }
-  ._data-table-body-sub-component-container_1lv2u_26 {
-    --a2-table-body-sub-component-padding: var(--size-6);
-    background-color: var(--a2-table-body-background-color);
-    width: 100%;
-  }
-  ._data-table-body-sub-component-container_1lv2u_26 ._data-table-body-sub-component-content_1lv2u_31 {
-    padding: var(--a2-table-body-sub-component-padding);
-    border-block-end: 1px solid var(--a2-table-cell-border-color);
-  }
-  ._data-table-body-virtualized_1lv2u_35 {
-    position: relative;
-    display: block;
-    width: 100%;
-  }
-  ._data-table-body-row-virtualized_1lv2u_40 {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    display: grid;
-    grid-template-columns: var(--a2-grid-template-columns);
-  }
+}.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   DataTable Cell Base
+   ============================================ */._data-table-body-cell_12iyq_4,
+._data-table-body-cell-input_12iyq_5 {
+  align-items: center;
+  display: flex;
+}._table-body-cell_12iyq_10,
+._table-header-cell_12iyq_11,
+._table-footer-cell_12iyq_12 {
+  --a2-table-cell-align-items: center;
+  --a2-table-cell-display: flex;
+}._table-header-cell_12iyq_11 {
+  --a2-table-cell-align-items: flex-end;
+}/* ============================================
+   DataTable Cell Content
+   ============================================ */._data-table-cell-content_12iyq_24 {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--a2-size-1, 0.25rem);
+  width: 100%;
+}._data-table-cell-content_12iyq_24[data-align=center] {
+  justify-content: center;
+  text-align: center;
+}._data-table-cell-content_12iyq_24[data-align=end] {
+  justify-content: flex-end;
+  text-align: end;
+}._data-table-cell-content_12iyq_24[data-align=start] {
+  justify-content: flex-start;
+  text-align: start;
+}/* ============================================
+   DataTable Cell States
+   ============================================ */._data-table-body-cell_12iyq_4:focus, ._data-table-body-cell_12iyq_4:focus-within, ._data-table-body-cell_12iyq_4._data-table-body-cell-editing_12iyq_47,
+._data-table-header-cell_12iyq_48:focus,
+._data-table-header-cell_12iyq_48:focus-within,
+._data-table-header-cell_12iyq_48._data-table-body-cell-editing_12iyq_47,
+._data-table-footer-cell_12iyq_51:focus,
+._data-table-footer-cell_12iyq_51:focus-within,
+._data-table-footer-cell_12iyq_51._data-table-body-cell-editing_12iyq_47 {
+  --a2-table-cell-outline-width: 2px;
+  outline: 2px solid var(--a2-focus-ring-color-default);
+  outline-offset: -2px;
+  position: relative;
+}._data-table-body-cell_12iyq_4:focus button:focus-visible, ._data-table-body-cell_12iyq_4:focus button:focus-visible ~ *,
+._data-table-body-cell_12iyq_4:focus input:focus-visible,
+._data-table-body-cell_12iyq_4:focus input:focus-visible ~ *, ._data-table-body-cell_12iyq_4:focus-within button:focus-visible, ._data-table-body-cell_12iyq_4:focus-within button:focus-visible ~ *,
+._data-table-body-cell_12iyq_4:focus-within input:focus-visible,
+._data-table-body-cell_12iyq_4:focus-within input:focus-visible ~ *, ._data-table-body-cell_12iyq_4._data-table-body-cell-editing_12iyq_47 button:focus-visible, ._data-table-body-cell_12iyq_4._data-table-body-cell-editing_12iyq_47 button:focus-visible ~ *,
+._data-table-body-cell_12iyq_4._data-table-body-cell-editing_12iyq_47 input:focus-visible,
+._data-table-body-cell_12iyq_4._data-table-body-cell-editing_12iyq_47 input:focus-visible ~ *,
+._data-table-header-cell_12iyq_48:focus button:focus-visible,
+._data-table-header-cell_12iyq_48:focus button:focus-visible ~ *,
+._data-table-header-cell_12iyq_48:focus input:focus-visible,
+._data-table-header-cell_12iyq_48:focus input:focus-visible ~ *,
+._data-table-header-cell_12iyq_48:focus-within button:focus-visible,
+._data-table-header-cell_12iyq_48:focus-within button:focus-visible ~ *,
+._data-table-header-cell_12iyq_48:focus-within input:focus-visible,
+._data-table-header-cell_12iyq_48:focus-within input:focus-visible ~ *,
+._data-table-header-cell_12iyq_48._data-table-body-cell-editing_12iyq_47 button:focus-visible,
+._data-table-header-cell_12iyq_48._data-table-body-cell-editing_12iyq_47 button:focus-visible ~ *,
+._data-table-header-cell_12iyq_48._data-table-body-cell-editing_12iyq_47 input:focus-visible,
+._data-table-header-cell_12iyq_48._data-table-body-cell-editing_12iyq_47 input:focus-visible ~ *,
+._data-table-footer-cell_12iyq_51:focus button:focus-visible,
+._data-table-footer-cell_12iyq_51:focus button:focus-visible ~ *,
+._data-table-footer-cell_12iyq_51:focus input:focus-visible,
+._data-table-footer-cell_12iyq_51:focus input:focus-visible ~ *,
+._data-table-footer-cell_12iyq_51:focus-within button:focus-visible,
+._data-table-footer-cell_12iyq_51:focus-within button:focus-visible ~ *,
+._data-table-footer-cell_12iyq_51:focus-within input:focus-visible,
+._data-table-footer-cell_12iyq_51:focus-within input:focus-visible ~ *,
+._data-table-footer-cell_12iyq_51._data-table-body-cell-editing_12iyq_47 button:focus-visible,
+._data-table-footer-cell_12iyq_51._data-table-body-cell-editing_12iyq_47 button:focus-visible ~ *,
+._data-table-footer-cell_12iyq_51._data-table-body-cell-editing_12iyq_47 input:focus-visible,
+._data-table-footer-cell_12iyq_51._data-table-body-cell-editing_12iyq_47 input:focus-visible ~ * {
+  outline: none;
+}._data-table-body-cell_12iyq_4._data-table-body-cell-editing_12iyq_47,
+._data-table-header-cell_12iyq_48._data-table-body-cell-editing_12iyq_47,
+._data-table-footer-cell_12iyq_51._data-table-body-cell-editing_12iyq_47 {
+  box-shadow: inset 0px 0px 4px 1px var(--a2-focus-ring-color-default);
+}._data-table-body-cell_12iyq_4[data-anv-is-hovered-col=true] {
+  --a2-table-cell-background-color: var(--a2-table-background-color);
+}._data-table-body-cell_12iyq_4._data-table-body-cell-error_12iyq_101 {
+  --a2-table-cell-outline-width: 2px;
+  --a2-table-cell-empty-font-color: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)));
+  --a2-table-cell-font-color: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)));
+  outline: 2px solid var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
+  outline-offset: -2px;
+  border-block-end: 0px;
+}._data-table-body-cell_12iyq_4._data-table-body-cell-error_12iyq_101 > ._data-table-cell-content_12iyq_24,
+._data-table-body-cell_12iyq_4._data-table-body-cell-error_12iyq_101 > [data-anv=flex] {
+  color: inherit;
+}._data-table-body-cell_12iyq_4._data-table-body-cell-error_12iyq_101._data-table-body-cell-editing_12iyq_47 {
+  --a2-table-cell-font-color: inherit;
+}._data-table-body-cell_12iyq_4._data-table-body-cell-warning_12iyq_116 {
+  --a2-table-cell-outline-width: 2px;
+  outline: 2px solid var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)));
+  outline-offset: -2px;
+  border-block-end: 0px;
+}._data-table-body-cell_12iyq_4._data-table-body-cell-error_12iyq_101:focus, ._data-table-body-cell_12iyq_4._data-table-body-cell-error_12iyq_101:focus-within, ._data-table-body-cell_12iyq_4._data-table-body-cell-warning_12iyq_116:focus, ._data-table-body-cell_12iyq_4._data-table-body-cell-warning_12iyq_116:focus-within {
+  outline: 2px solid var(--a2-focus-ring-color-default);
+}._cell-error-icon_12iyq_126 {
+  color: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)));
+  flex-shrink: 0;
+}._cell-warning-icon_12iyq_131 {
+  color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)));
+  flex-shrink: 0;
 }
-@layer state {
-  ._data-table-body-cell-group_1lv2u_50:not(:last-of-type):after {
-    content: "";
-    position: absolute;
-    inset-block: 0;
-    inset-inline-end: 0;
-    width: 2px;
-    right: 0;
-    border-inline-end: 2px solid var(--a2-table-column-group-divider-color);
-  }
-}@layer starter, reset, base, state, application;
-@layer reset {
-  ._table-footer_9bv2z_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
+}.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   DataTable Body Row
+   ============================================ */._data-table-body-row_8akvx_4 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+  display: grid;
+  grid-column: 1/-1;
+  grid-template-columns: subgrid;
+}/* ============================================
+   DataTable Body Sub-Component Row
+   ============================================ */._data-table-body-sub-component-row_8akvx_24 {
+  display: block;
+  grid-column: 1/-1;
+}/* ============================================
+   DataTable Body Virtualized
+   ============================================ */._data-table-body-virtualized_8akvx_32 {
+  display: block;
+  position: relative;
+  width: 100%;
+}._data-table-body-row-virtualized_8akvx_38 {
+  display: grid;
+  grid-template-columns: var(--a2-grid-template-columns);
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}._data-table-body-sub-component-container_8akvx_47 {
+  --a2-table-body-sub-component-padding: var(--a2-size-6);
+  background-color: var(--a2-table-body-background-color);
+  width: 100%;
+}._data-table-body-sub-component-content_8akvx_53 {
+  border-block-end: 1px solid var(--a2-table-cell-border-color);
+  padding: var(--a2-table-body-sub-component-padding);
+}/* ============================================
+   DataTable Body Cell Group
+   ============================================ */._data-table-body-cell-group_8akvx_61:not(:last-of-type):after {
+  border-inline-end: 2px solid var(--a2-table-column-group-divider-color);
+  content: "";
+  inset-block: 0;
+  inset-inline-end: 0;
+  position: absolute;
+  right: 0;
+  width: 2px;
 }
-@layer base {
-  ._table-footer_9bv2z_2 {
-    --a2-table-footer-bottom-offset: 0;
-    position: sticky;
-    bottom: var(--a2-table-footer-bottom-offset);
-    z-index: 2;
-    background-color: var(--a2-table-background-color);
-  }
-  ._table-footer_9bv2z_2 ._table-footer-row_9bv2z_24:last-of-type ._table-footer-cell_9bv2z_24:first-child {
-    border-end-start-radius: var(--a2-table-border-radius);
-    box-shadow: calc(-1 * var(--a2-table-footer-spacing)) 0 var(--a2-table-background-color);
-  }
-  ._table-footer_9bv2z_2 ._table-footer-row_9bv2z_24:last-of-type ._table-footer-cell_9bv2z_24:last-child {
-    border-end-end-radius: var(--a2-table-border-radius);
-    box-shadow: var(--a2-table-footer-spacing) 0 var(--a2-table-background-color);
-  }
-  div._table-footer_9bv2z_2 {
-    display: grid;
-    grid-column: 1/-1;
-    grid-template-columns: subgrid;
-  }
-}@layer starter, reset, base, state, application;
-@layer reset {
-  ._data-table-footer-row_13en8_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
+}.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   Table Footer
+   ============================================ */._table-footer_1d2jp_4 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+  --a2-table-footer-bottom-offset: 0;
+  background-color: var(--a2-table-background-color);
+  bottom: var(--a2-table-footer-bottom-offset);
+  position: sticky;
+  z-index: 2;
+}._table-footer-row_1d2jp_23:last-of-type ._table-footer-cell_1d2jp_23:first-child {
+  border-end-start-radius: var(--a2-table-border-radius);
+  box-shadow: calc(-1 * var(--a2-table-footer-spacing)) 0 var(--a2-table-background-color);
+}._table-footer-row_1d2jp_23:last-of-type ._table-footer-cell_1d2jp_23:last-child {
+  border-end-end-radius: var(--a2-table-border-radius);
+  box-shadow: var(--a2-table-footer-spacing) 0 var(--a2-table-background-color);
+}/* ============================================
+   Data Table Footer (Subgrid)
+   ============================================ */div._table-footer_1d2jp_4 {
+  display: grid;
+  grid-column: 1/-1;
+  grid-template-columns: subgrid;
 }
-@layer base {
-  ._data-table-footer_13en8_2 {
-    padding-block-start: var(--a2-table-footer-spacing);
-  }
-  ._data-table-footer-row_13en8_2 {
-    display: grid;
-    grid-column: 1/-1;
-    grid-template-columns: subgrid;
-    position: relative;
-  }
+}.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   DataTable Footer
+   ============================================ */._data-table-footer_98moz_4 {
+  padding-block-start: var(--a2-table-footer-spacing);
+}._data-table-footer-row_98moz_8 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+  display: grid;
+  grid-column: 1/-1;
+  grid-template-columns: subgrid;
+  position: relative;
 }
-@layer state {}@layer starter, reset, base, state, application;
-@layer reset {
-  ._table-header_nz2nu_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
+}.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   Table Header
+   ============================================ */._table-header_1s8lb_4 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+  background-color: var(--a2-table-header-background-color);
+  position: sticky;
+  top: 0;
+  z-index: 2;
+}/* ============================================
+   Data Table Header (Subgrid)
+   ============================================ */div._table-header_1s8lb_4 {
+  display: grid;
+  grid-column: 1/-1;
+  grid-template-columns: subgrid;
 }
-@layer base {
-  ._table-header_nz2nu_2 {
-    position: sticky;
-    top: 0;
-    z-index: 2;
-    background-color: var(--a2-table-header-background-color);
-  }
-  div._table-header_nz2nu_2 {
-    display: grid;
-    grid-column: 1/-1;
-    grid-template-columns: subgrid;
-  }
-  [data-anv="data-table-base"]:has([data-virtualized-body="true"]) div._table-header_nz2nu_2 {
-    grid-template-columns: var(--a2-grid-template-columns);
-  }
+}[data-anv="data-table-base"]:has([data-virtualized-body="true"]) div._table-header_1s8lb_4 {
+  grid-template-columns: var(--a2-grid-template-columns);
+}.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   Resize Handle
+   ============================================ */._resize-handle_sv3kd_4 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+  --a2-table-column-resize-handle-color: var(--a2-border-color);
+  --a2-table-column-resize-handle-width: var(--a2-size-half);
+  background-color: var(--a2-table-resize-handle-bg, transparent);
+  border-inline-end: var(--a2-table-resize-handle-border, none);
+  cursor: col-resize;
+  height: auto;
+  inset-block: 0;
+  inset-inline-end: 0;
+  opacity: var(--a2-table-resize-handle-opacity, 1);
+  position: absolute;
+  touch-action: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  width: var(--a2-size-3);
+}th:hover ._resize-handle_sv3kd_4, div[role=columnheader]:hover ._resize-handle_sv3kd_4 {
+  --a2-table-resize-handle-bg: var(--a2-overlay-color-hover);
+  --a2-table-resize-handle-border: var(--a2-table-column-resize-handle-width)
+    solid var(--a2-table-column-resize-handle-color);
+  --a2-table-resize-handle-opacity: 0.5;
+}._resize-handle_sv3kd_4._resizing_sv3kd_36 {
+  --a2-table-resize-handle-bg: var(--a2-overlay-color-hover);
+  --a2-table-resize-handle-opacity: 1;
 }
-@layer state {}@layer starter, reset, base, state, application;
-@layer reset {
-  ._resize-handle_spw3o_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
+}.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   DataTable Header Row
+   ============================================ */._data-table-header-row_1n8uq_4 {
+  display: grid;
+  grid-column: 1/-1;
+  grid-template-columns: subgrid;
 }
-@layer base {
-  ._resize-handle_spw3o_2 {
-    --a2-table-column-resize-handle-width: var(--size-half);
-    --a2-table-column-resize-handle-color: var(--border-color);
-    position: absolute;
-    width: var(--size-3);
-    height: auto;
-    background-color: transparent;
-    cursor: col-resize;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-    touch-action: none;
-    inset-block: 0;
-    inset-inline-end: 0;
-  }
-  th:hover ._resize-handle_spw3o_2, div[role=columnheader]:hover ._resize-handle_spw3o_2 {
-    border-inline-end: var(--a2-table-column-resize-handle-width) solid var(--a2-table-column-resize-handle-color);
-    background-color: var(--overlay-color-hover);
-    opacity: 0.5;
-  }
-  ._resize-handle_spw3o_2._resizing_spw3o_35 {
-    background-color: var(--overlay-color-hover);
-    opacity: 1;
-  }
-}@layer starter, reset, base, state, application;
-@layer reset {
-  ._table-header_w353z_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
+}[data-anv="data-table-base"]:has([data-virtualized-body="true"]) ._data-table-header-row_1n8uq_4 {
+  grid-template-columns: var(--a2-grid-template-columns);
+}.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   Table Container
+   ============================================ */._table-container_qokgc_4 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: flex;
+  --a2-table-background-color: var(--a2-background-color-stronger);
+  --a2-table-body-background-color: var(--a2-background-color-default);
+  --a2-table-border-color: var(--a2-border-color-subdued);
+  --a2-table-border-radius: var(--a2-border-radius-large);
+  --a2-table-border-width: var(--a2-border-width-strong);
+  --a2-table-cell-background-color: var(--a2-table-body-background-color);
+  --a2-table-cell-border-color: var(--a2-table-background-color);
+  --a2-table-cell-edit-background-color: var(--a2-table-background-color);
+  --a2-table-cell-empty-font-color: var(--a2-foreground-color-subdued);
+  --a2-table-cell-font-color: var(--a2-foreground-color-default);
+  --a2-table-cell-font-weight: var(--a2-font-weight-normal);
+  --a2-table-cell-padding-block-end: var(--a2-size-2);
+  --a2-table-cell-padding-block-start: var(--a2-size-2);
+  --a2-table-cell-padding-inline-end: var(--a2-size-3);
+  --a2-table-cell-padding-inline-start: var(--a2-size-3);
+  --a2-table-cell-vertical-align: middle;
+  --a2-table-column-group-divider-color: var(--a2-background-color-strongest);
+  --a2-table-font-size: var(--a2-font-size-300);
+  --a2-table-footer-background-color: var(--a2-background-color-strong);
+  --a2-table-footer-spacing: var(--a2-size-2);
+  --a2-table-header-background-color: var(--a2-table-background-color);
+  --a2-table-padding-block-end: var(--a2-size-2);
+  --a2-table-padding-block-start: 0;
+  --a2-table-padding-inline-end: var(--a2-size-2);
+  --a2-table-padding-inline-start: var(--a2-size-2);
+  --a2-table-sub-component-padding: var(--a2-size-6);
+  background-color: var(--a2-table-background-color);
+  border: var(--a2-table-border-width) solid var(--a2-table-border-color);
+  border-radius: var(--a2-table-border-radius);
+  font-size: var(--a2-table-font-size);
+  height: -moz-fit-content;
+  height: fit-content;
+  max-height: 100%;
+  max-width: 100%;
+  min-height: 0;
+  min-width: 0;
+  padding: var(--a2-table-padding-block-start) var(--a2-table-padding-inline-end) var(--a2-table-padding-block-end) var(--a2-table-padding-inline-start);
+  position: relative;
+  width: -moz-fit-content;
+  width: fit-content;
+}._table-scroll-container_qokgc_56 {
+  overflow-y: auto;
+  padding-inline: var(--a2-size-3);
+  scrollbar-width: thin;
+  width: 100%;
+}._table-scroll-container_qokgc_56::-webkit-scrollbar-corner {
+  background-color: var(--a2-table-background-color);
 }
-@layer base {
-  ._data-table-header-row_w353z_17 {
-    display: grid;
-    grid-column: 1/-1;
-    grid-template-columns: subgrid;
-  }
-  [data-anv="data-table-base"]:has([data-virtualized-body="true"]) ._data-table-header-row_w353z_17 {
-    grid-template-columns: var(--a2-grid-template-columns);
-  }
+}.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   DataTable Pagination
+   ============================================ */[data-anv=table-container] ._pagination_13hzr_4 {
+  background-color: var(--a2-table-background-color);
+  bottom: 0;
+  left: 0;
+  padding-block-end: var(--a2-size-2);
+  padding-block-start: var(--a2-size-2);
+  padding-inline: var(--a2-size-1) var(--a2-size-3);
+  position: sticky;
+  z-index: 2;
 }
-@layer state {}@layer starter, reset, base, state, application;
-@layer reset {
-  ._table-container_vqc6w_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: flex;
-  }
+}.anvil2{@layer starter, reset, base, state, application;/* ============================================
+   DataTable States
+   ============================================ */._container-with-pagination_1pd1e_4 {
+  --a2-table-padding-block-end: 0;
+}._footer-with-pagination_1pd1e_8 {
+  --a2-table-footer-bottom-offset: 2.5rem;
+}._empty-state-container_1pd1e_12 {
+  grid-column: 1/-1;
+  padding: var(--spacing-2);
+}._expand-button_1pd1e_17 svg {
+  transform: rotate(var(--a2-table-expand-rotation, 0deg));
+  transition: transform var(--a2-duration-fast) ease-in-out;
+}@media (prefers-reduced-motion: reduce) {
+  ._expand-button_1pd1e_17 svg {
+    transition-duration: 0.01ms !important;
+  }
+}._expand-button_1pd1e_17._expanded_1pd1e_27 svg {
+  --a2-table-expand-rotation: 90deg;
 }
-@layer base {
-  ._table-container_vqc6w_2 {
-    --a2-table-padding-block-start: 0;
-    --a2-table-padding-block-end: var(--size-2);
-    --a2-table-padding-inline-start: var(--size-2);
-    --a2-table-padding-inline-end: var(--size-2);
-    --a2-table-border-radius: var(--border-radius-large);
-    --a2-table-border-width: var(--border-width-strong);
-    --a2-table-border-color: var(--border-color-subdued);
-    --a2-table-background-color: var(--background-color-stronger);
-    --a2-table-font-size: var(--font-size-300);
-    --a2-table-column-group-divider-color: var(--background-color-strongest);
-    --a2-table-footer-spacing: var(--size-2);
-    --a2-table-body-background-color: var(--background-color);
-    --a2-table-header-background-color: var(--a2-table-background-color);
-    --a2-table-footer-background-color: var(--background-color-strong);
-    --a2-table-cell-font-color: var(--foreground-color);
-    --a2-table-cell-empty-font-color: var(--foreground-color-subdued);
-    --a2-table-cell-font-weight: var(--font-weight-normal);
-    --a2-table-cell-background-color: var(--a2-table-body-background-color);
-    --a2-table-cell-edit-background-color: var(--a2-table-background-color);
-    --a2-table-cell-border-color: var(--a2-table-background-color);
-    --a2-table-cell-vertical-align: middle;
-    --a2-table-cell-padding-inline-start: var(--size-3);
-    --a2-table-cell-padding-inline-end: var(--size-3);
-    --a2-table-cell-padding-block-start: var(--size-2);
-    --a2-table-cell-padding-block-end: var(--size-2);
-    --a2-table-sub-component-padding: var(--size-6);
-    padding: var(--a2-table-padding-block-start) var(--a2-table-padding-inline-end) var(--a2-table-padding-block-end) var(--a2-table-padding-inline-start);
-    background-color: var(--a2-table-background-color);
-    border: var(--a2-table-border-width) solid var(--a2-table-border-color);
-    border-radius: var(--a2-table-border-radius);
-    font-size: var(--a2-table-font-size);
-    height: -moz-fit-content;
-    height: fit-content;
-    max-height: 100%;
-    width: -moz-fit-content;
-    width: fit-content;
-    max-width: 100%;
-    min-height: 0;
-    min-width: 0;
-    position: relative;
-  }
-  ._table-container_vqc6w_2 ._table-scroll-container_vqc6w_57 {
-    overflow-y: auto;
-    scrollbar-width: thin;
-    padding-inline: var(--size-3);
-    width: 100%;
-  }
-  ._table-container_vqc6w_2 ._table-scroll-container_vqc6w_57::-webkit-scrollbar-corner {
-    background-color: var(--a2-table-background-color);
-  }
-}@layer starter, reset, base, state, application;
-@layer base {
-  ._pagination_d700v_2 {
-    position: sticky;
-    bottom: 0;
-    left: 0;
-    padding-block-end: var(--size-2);
-    padding-block-start: var(--size-2);
-    padding-inline: var(--size-1) var(--size-3);
-    z-index: 2;
-    background-color: var(--a2-table-background-color);
-  }
-}@layer starter, reset, base, state, application;
-@layer state {
-  ._container-with-pagination_1shcm_2 {
-    --a2-table-padding-block-end: 0;
-  }
-  ._footer-with-pagination_1shcm_5 {
-    --a2-table-footer-bottom-offset: 2.5rem;
-  }
-  ._empty-state-container_1shcm_8 {
-    grid-column: 1/-1;
-    padding: var(--spacing-2);
-  }
-  ._expand-button_1shcm_12 svg {
-    transform: rotate(0deg);
-    transition: transform var(--duration-fast) ease-in-out;
-  }
-  @media (prefers-reduced-motion: reduce) {
-    ._expand-button_1shcm_12 svg {
-      transition-duration: 0.01ms !important;
-    }
-  }
-  ._expand-button_1shcm_12._expanded_1shcm_21 svg {
-    transform: rotate(90deg);
-  }
 }