From 9c453001c19e6c5349c19516f04b288201c7a3ae Mon Sep 17 00:00:00 2001
From: Karl Kallavus <232199+karl-kallavus@users.noreply.github.com>
Date: Mon, 13 Nov 2023 15:04:14 +0100
Subject: [PATCH 1/8] fix: the lost part of the code has been restored (#2486)

---
 workspaces/tables/src/components/Table.tsx | 23 +++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/workspaces/tables/src/components/Table.tsx b/workspaces/tables/src/components/Table.tsx
index 84b341d4b2..c2918e5c68 100644
--- a/workspaces/tables/src/components/Table.tsx
+++ b/workspaces/tables/src/components/Table.tsx
@@ -80,6 +80,7 @@ const Table = ({
     rowsById,
     prepareRow,
     visibleColumns,
+    isAllRowsExpanded,
     toggleAllRowsExpanded,
     toggleRowExpanded,
     rowSpanHeaders,
@@ -92,6 +93,7 @@ const Table = ({
     } as TableOptions<object>,
     ...plugins
   ) as TableInstance<object> & {
+    isAllRowsExpanded: boolean;
     toggleAllRowsExpanded: (isExpanded?: boolean) => void;
     toggleRowExpanded: (rowId: string, isExpanded?: boolean) => void;
     rowSpanHeaders: RowSpanHeaderProps[];
@@ -115,15 +117,26 @@ const Table = ({
        * instead of directly setting the data.
        */
       expandedByDefault === undefined;
-      const selectableRows = (rows as unknown[] as UseExpandedRowProps<{}>[])
+      const selectableRows = (rows as unknown[] as (UseExpandedRowProps<{}> & {id: string})[])
         .filter(({ canExpand }) => canExpand);
       if (selectableRows.length === preExpandedState.length) {
         toggleAllRowsExpanded(true);
       } else {
-        toggleAllRowsExpanded(false);
-        preExpandedState.forEach((record) => {
-          toggleRowExpanded(Object.keys(record)[0] as string, true)
-        });
+        if (isAllRowsExpanded) {
+          /** All rows expanded by default. This collapses unselected rows then. */
+          const preExpandedSet = preExpandedState.reduce((acc, item) => {
+            acc[Object.keys(item)[0] as string] = true;
+            return acc;
+          }, {});
+          selectableRows.forEach(({ id }) => {
+            toggleRowExpanded(id, preExpandedSet[id] === true)
+          });
+        } else {
+          /** No rows expanded by default. This expands selected rows then. */
+          preExpandedState.forEach((record) => {
+            toggleRowExpanded(Object.keys(record)[0] as string, true)
+          });
+        }
       }
     } else {
       if (expandedByDefault === undefined || !data || !data.length) return;

From 587e0b4cc49c2671ff144d3cd71c31de9c52f70f Mon Sep 17 00:00:00 2001
From: YulianaYarema <59561179+yarema184@users.noreply.github.com>
Date: Wed, 15 Nov 2023 14:39:19 +0200
Subject: [PATCH 2/8] fix: bottomSheet defoult focus issue (#2490)

---
 .../core/src/bottomSheet/BottomSheet.tsx      | 22 ++++++++++++++++++-
 .../private/types/BottomSheetRootProps.ts     |  1 +
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/workspaces/core/src/bottomSheet/BottomSheet.tsx b/workspaces/core/src/bottomSheet/BottomSheet.tsx
index ce24f99243..c28e6a9843 100644
--- a/workspaces/core/src/bottomSheet/BottomSheet.tsx
+++ b/workspaces/core/src/bottomSheet/BottomSheet.tsx
@@ -1,4 +1,12 @@
-import React, { ReactNode, useCallback, useEffect, useReducer } from 'react';
+import React, {
+  ReactNode,
+  useCallback,
+  useEffect,
+  useReducer,
+  useRef,
+  MutableRefObject,
+  useState,
+} from 'react';
 import { Dialog, Transition } from '@headlessui/react';
 import type BottomSheetRootProps from './private/types/BottomSheetRootProps';
 import type DraghandleProps from './private/types/DraghandleProps';
@@ -20,7 +28,17 @@ const BottomSheetRoot = ({
   children,
   className,
   rootId,
+  initialFocus,
+  ...rest
 }: BottomSheetRootProps) => {
+  const defFocus = useRef(null);
+  const [focusElRef, setFocusElRef] =
+    useState<MutableRefObject<HTMLElement | null>>();
+
+  useEffect(() => {
+    initialFocus ? setFocusElRef(initialFocus) : setFocusElRef(defFocus);
+  }, [initialFocus]);
+
   const [state, dispatch] = useReducer(stateReducer, {
     bottomSheetChildren: [],
   });
@@ -53,6 +71,8 @@ const BottomSheetRoot = ({
           as="div"
           className={mergeClassnames('fixed inset-0 z-50', className)}
           onClose={onCloseHandler}
+          initialFocus={focusElRef}
+          {...rest}
         >
           {React.Children.map<ReactNode, ReactNode>(children, (child) => {
             if (React.isValidElement(child)) {
diff --git a/workspaces/core/src/bottomSheet/private/types/BottomSheetRootProps.ts b/workspaces/core/src/bottomSheet/private/types/BottomSheetRootProps.ts
index 405689f507..0f676bf9a2 100644
--- a/workspaces/core/src/bottomSheet/private/types/BottomSheetRootProps.ts
+++ b/workspaces/core/src/bottomSheet/private/types/BottomSheetRootProps.ts
@@ -8,6 +8,7 @@ type BottomSheetRootProps = {
   children?: React.ReactNode;
   className?: string;
   rootId?: string;
+  initialFocus?: React.MutableRefObject<HTMLElement | null>;
 };
 
 export default BottomSheetRootProps;

From c1676114e8f3d2fed7806777af03767cdbb4ea7d Mon Sep 17 00:00:00 2001
From: Karl Kallavus <232199+karl-kallavus@users.noreply.github.com>
Date: Wed, 15 Nov 2023 14:44:37 +0100
Subject: [PATCH 3/8] fix: optimization of the previous solution (#2491)

---
 .../examples/table/ExpandedWithKeepState.tsx  | 36 ++++++++++---------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/next-docs/public/examples/table/ExpandedWithKeepState.tsx b/next-docs/public/examples/table/ExpandedWithKeepState.tsx
index d800a3fa56..5488a23ea3 100644
--- a/next-docs/public/examples/table/ExpandedWithKeepState.tsx
+++ b/next-docs/public/examples/table/ExpandedWithKeepState.tsx
@@ -7,6 +7,7 @@ import KeepStateProps from '@heathmont/moon-table-tw/lib/private/types/KeepState
 interface HeaderProps {
   rowsById: { [key: string]: { id: string, canExpand: boolean } },
   isAllRowsExpanded: boolean;
+  toggleAllRowsExpanded: (isExpanded?: boolean) => void;
   getToggleAllRowsExpandedProps: () => React.HTMLAttributes<HTMLSpanElement>;
 }
 
@@ -27,6 +28,7 @@ const Example = () => {
           Header: ({
             rowsById,
             getToggleAllRowsExpandedProps,
+            toggleAllRowsExpanded,
             isAllRowsExpanded,
           }: HeaderProps) => {
             useEffect (() => {
@@ -36,25 +38,22 @@ const Example = () => {
                 .map(({ id }) => ({[id]: isAllRowsExpanded}))
             )}, [rowsById, isAllRowsExpanded]);
             return (
-              <div
-                className="flex h-full items-center"
-                onClick={(e) => {
-                  (e.target as HTMLElement).closest('span') !== null && toggleAllRowsExpandedState(allRowsExpandedState)
-                }}
-              >
-                <span {...getToggleAllRowsExpandedProps()}>
+              <div className="flex h-full items-center">
+                <span
+                  {...getToggleAllRowsExpandedProps()}
+                  onClick={(e) => {
+                    e.preventDefault();
+                    toggleAllRowsExpanded(!allRowsExpandedState);
+                    toggleAllRowsExpandedState(allRowsExpandedState);
+                  }}
+                >
                   {allRowsExpandedState ?  <ControlsChevronDown /> : <ControlsChevronRight />}
                 </span>
               </div>
             )
           },
-          Cell: ({ row }: any) =>
-          <div
-            className="flex h-full items-center"
-            onClick={(e) => {
-              (e.target as HTMLElement).closest('span') !== null && toggleRowExpandedState(row)
-            }}
-          >
+          Cell: ({ row, toggleRowExpanded }: any) =>
+          <div className="flex h-full items-center">
             {row.canExpand ? (
               <span
                 {...row.getToggleRowExpandedProps({
@@ -62,6 +61,11 @@ const Example = () => {
                     paddingLeft: `${row.depth * 2}rem`,
                   },
                 })}
+                onClick={(e) => {
+                  e.preventDefault();
+                  toggleRowExpanded(row.id, row.isExpanded !== true);
+                  toggleRowExpandedState(row);
+                }}
               >
                 {row.isExpanded ? <ControlsChevronDown /> : <ControlsChevronRight />}
               </span>
@@ -160,7 +164,7 @@ const Example = () => {
       if (allExpanded) {
         setExpandedRows([]);
       } else {
-        setExpandedRows(ers?.map(item => item));
+        setExpandedRows(ers?.map(item => { const key = Object.keys(item)[0]; return {[key]: true} }));
       }
 
       return ers;
@@ -195,7 +199,7 @@ const Example = () => {
 
   useEffect(() => { restoreTableState(PREFIX) }, []);
   useEffect(() => {
-    allRowsExpandedState && setExpandedRows(allExpandableRowSet?.map(item => item))
+    allRowsExpandedState && setExpandedRows(allExpandableRowSet?.map(item => { const key = Object.keys(item)[0]; return {[key]: true} }))
   }, [allRowsExpandedState]);
 
   useEffect(() => {

From b236a7c46b081fc601ac5ad893058dda05bc90e0 Mon Sep 17 00:00:00 2001
From: Karl Kallavus <232199+karl-kallavus@users.noreply.github.com>
Date: Thu, 16 Nov 2023 14:54:13 +0100
Subject: [PATCH 4/8] MDS-763 Table Viewing Extra-Long Data  (#2482)

* feat: an example for testing a table with extra long data

* feat: a view for table with extra long data

* feat: an example of Table Extra Long Data Viewing is completed (with failed tests)

* fix: temporarily commented tests for the Table example

* fix: temporarily commented tests for the Table example (renew)

* fix(test): patch ResizeObserver

* fmt
---
 next-docs/pages/components/table.tsx          |     6 +
 .../examples/table/ExpandedWithKeepState.tsx  |    63 +-
 .../examples/table/ExtraLongDataView.tsx      |   311 +
 .../__snapshots__/index.test.tsx.snap         | 35630 +++++++++-------
 .../examples/table/__tests__/index.test.tsx   |    19 +
 package.json                                  |     1 +
 6 files changed, 20610 insertions(+), 15420 deletions(-)
 create mode 100644 next-docs/public/examples/table/ExtraLongDataView.tsx

diff --git a/next-docs/pages/components/table.tsx b/next-docs/pages/components/table.tsx
index 618600d259..627c1402cb 100644
--- a/next-docs/pages/components/table.tsx
+++ b/next-docs/pages/components/table.tsx
@@ -16,6 +16,7 @@ import Editable from '../../public/examples/table/Editable';
 import ExpandableCheckboxes from '../../public/examples/table/ExpandableCheckboxes';
 import ExpandedRows from '../../public/examples/table/ExpandedRows';
 import ExpandedWithKeepState from '../../public/examples/table/ExpandedWithKeepState';
+import ExtraLongDataView from '../../public/examples/table/ExtraLongDataView';
 import LongData from '../../public/examples/table/LongData';
 import MiniMap from '../../public/examples/table/MiniMap';
 import RowGaps from '../../public/examples/table/RowGaps';
@@ -159,6 +160,11 @@ const PageTable = () => {
         preview={<CustomColumnWidths />}
         code={examples ? examples.CustomColumnWidths : 'Loading'}
       />
+      <Preview
+        title="Extra long data viewing"
+        preview={<ExtraLongDataView />}
+        code={examples ? examples.ExtraLongDataView : 'Loading'}
+      />
       <PropsTable
         title="Table props"
         data={[
diff --git a/next-docs/public/examples/table/ExpandedWithKeepState.tsx b/next-docs/public/examples/table/ExpandedWithKeepState.tsx
index 5488a23ea3..27ab04b2ef 100644
--- a/next-docs/public/examples/table/ExpandedWithKeepState.tsx
+++ b/next-docs/public/examples/table/ExpandedWithKeepState.tsx
@@ -31,12 +31,13 @@ const Example = () => {
             toggleAllRowsExpanded,
             isAllRowsExpanded,
           }: HeaderProps) => {
-            useEffect (() => {
+            useEffect(() => {
               setAllExpandableRowSet(
                 Object.values(rowsById)
-                .filter(({ canExpand }) => canExpand)
-                .map(({ id }) => ({[id]: isAllRowsExpanded}))
-            )}, [rowsById, isAllRowsExpanded]);
+                  .filter(({ canExpand }) => canExpand)
+                  .map(({ id }) => ({ [id]: isAllRowsExpanded }))
+              )
+            }, [rowsById, isAllRowsExpanded]);
             return (
               <div className="flex h-full items-center">
                 <span
@@ -47,30 +48,30 @@ const Example = () => {
                     toggleAllRowsExpandedState(allRowsExpandedState);
                   }}
                 >
-                  {allRowsExpandedState ?  <ControlsChevronDown /> : <ControlsChevronRight />}
+                  {allRowsExpandedState ? <ControlsChevronDown /> : <ControlsChevronRight />}
                 </span>
               </div>
             )
           },
           Cell: ({ row, toggleRowExpanded }: any) =>
-          <div className="flex h-full items-center">
-            {row.canExpand ? (
-              <span
-                {...row.getToggleRowExpandedProps({
-                  style: {
-                    paddingLeft: `${row.depth * 2}rem`,
-                  },
-                })}
-                onClick={(e) => {
-                  e.preventDefault();
-                  toggleRowExpanded(row.id, row.isExpanded !== true);
-                  toggleRowExpandedState(row);
-                }}
-              >
-                {row.isExpanded ? <ControlsChevronDown /> : <ControlsChevronRight />}
-              </span>
-            ) : null}
-          </div>
+            <div className="flex h-full items-center">
+              {row.canExpand ? (
+                <span
+                  {...row.getToggleRowExpandedProps({
+                    style: {
+                      paddingLeft: `${row.depth * 2}rem`,
+                    },
+                  })}
+                  onClick={(e) => {
+                    e.preventDefault();
+                    toggleRowExpanded(row.id, row.isExpanded !== true);
+                    toggleRowExpandedState(row);
+                  }}
+                >
+                  {row.isExpanded ? <ControlsChevronDown /> : <ControlsChevronRight />}
+                </span>
+              ) : null}
+            </div>
         },
       ],
     },
@@ -128,8 +129,8 @@ const Example = () => {
   const [isOpen, setIsOpen] = useState(false);
   const [title, setTitle] = useState('');
   const [panel, setPanel] = useState<ReactNode>();
-  const [expandedRows, setExpandedRows] = useState<{[key: string]: boolean}[] | undefined>();
-  const [allExpandableRowSet, setAllExpandableRowSet] = useState<{[key: string]: boolean}[] | undefined>();
+  const [expandedRows, setExpandedRows] = useState<{ [key: string]: boolean }[] | undefined>();
+  const [allExpandableRowSet, setAllExpandableRowSet] = useState<{ [key: string]: boolean }[] | undefined>();
   const [allRowsExpandedState, setAllRowsExpandedState] = useState(false);
   const [keepState, setKeepState] = useState<KeepStateProps>({});
   const closeModal = () => {
@@ -151,8 +152,8 @@ const Example = () => {
         return isExpanded
           ? er?.filter(item => !item[id])
           : er
-            ? [...er, {[id]: true}]
-            : [{[id]: true}];
+            ? [...er, { [id]: true }]
+            : [{ [id]: true }];
       });
     }
   };
@@ -164,7 +165,7 @@ const Example = () => {
       if (allExpanded) {
         setExpandedRows([]);
       } else {
-        setExpandedRows(ers?.map(item => { const key = Object.keys(item)[0]; return {[key]: true} }));
+        setExpandedRows(ers?.map(item => { const key = Object.keys(item)[0]; return { [key]: true } }));
       }
 
       return ers;
@@ -189,7 +190,7 @@ const Example = () => {
       const states = JSON.parse(storedData);
       if (states.expandedRows) {
         setExpandedRows(states.expandedRows);
-        setKeepState({expandedRows: states.expandedRows});
+        setKeepState({ expandedRows: states.expandedRows });
       }
     } catch (e) {
     } finally {
@@ -199,7 +200,7 @@ const Example = () => {
 
   useEffect(() => { restoreTableState(PREFIX) }, []);
   useEffect(() => {
-    allRowsExpandedState && setExpandedRows(allExpandableRowSet?.map(item => { const key = Object.keys(item)[0]; return {[key]: true} }))
+    allRowsExpandedState && setExpandedRows(allExpandableRowSet?.map(item => { const key = Object.keys(item)[0]; return { [key]: true } }))
   }, [allRowsExpandedState]);
 
   useEffect(() => {
@@ -298,7 +299,7 @@ const Example = () => {
         width={800}
         height={400}
         keepState={keepState}
-        /* expandedByDefault={true} */
+      /* expandedByDefault={true} */
       />
       <Modal open={isOpen} onClose={closeModal}>
         <Modal.Backdrop />
diff --git a/next-docs/public/examples/table/ExtraLongDataView.tsx b/next-docs/public/examples/table/ExtraLongDataView.tsx
new file mode 100644
index 0000000000..c4a1cb3ba5
--- /dev/null
+++ b/next-docs/public/examples/table/ExtraLongDataView.tsx
@@ -0,0 +1,311 @@
+import React, { useState } from "react";
+import { Table } from "@heathmont/moon-table-tw";
+import { Button, Chip, Modal, Tag, Tooltip } from "@heathmont/moon-core-tw";
+import { ControlsClose, FilesExternalLink, Other3DotsHorizontal, TimeCalendarDate } from "@heathmont/moon-icons-tw";
+
+const Example = () => {
+  const columnsInitial = [
+    {
+      id: 'leftSticky',
+      Header: '',
+      sticky: 'left',
+      columns: [
+        {
+          id: 'extraLongData_0',
+          Header: 'Location',
+          accessor: 'location',
+          Footer: '',
+          minWidth: 90,
+          width: 100,
+        },
+      ],
+    },
+    {
+      id: 'extraLongData',
+      Header: '',
+      columns: [
+        {
+          id: 'extraLongData_1',
+          Header: () => {
+            return (
+              <div className="flex h-full items-center gap-x-1">
+                <span>Deals</span>
+                <Tooltip open={showTip}>
+                  <Tooltip.Trigger className="max-h-6">
+                    <Chip
+                      variant={showTip ? undefined : "ghost"}
+                      iconOnly={<FilesExternalLink
+                        key="dealsExpand"
+                        className="text-moon-20 cursor-pointer"
+                        onClick={(e) => { expandDeals() }}
+                      />}
+                    />
+                  </Tooltip.Trigger>
+                    <Tooltip.Content position="top-start">
+                      Click to open view
+                    <Tooltip.Arrow />
+                  </Tooltip.Content>
+                </Tooltip>
+              </div>
+          )},
+          accessor: 'deals',
+          Footer: '',
+        },
+        {
+          Header: 'Amount',
+          accessor: 'amount',
+          Footer: '',
+          maxWidth: 90,
+          width: 90,
+        },
+        {
+          Header: 'Currency',
+          accessor: 'currency',
+          Footer: '',
+          maxWidth: 90,
+          width: 90,
+        },
+      ],
+    },
+    {
+      id: 'rightSticky',
+      Header: '',
+      sticky: 'right',
+      columns: [
+        {
+          id: 'extraLongData_2',
+          Header: 'Date range',
+          accessor: 'daterange',
+          Footer: '',
+          minWidth: 150,
+          width: 150,
+        },
+        {
+          id: 'extraLongData_3',
+          Header: 'Actions',
+          accessor: 'actions',
+          Footer: '',
+          minWidth: 70,
+          width: 70,
+        },
+      ],
+    },
+  ];
+
+  const columnsExpandedDeals = [
+    {
+      id: 'deLeftSticky',
+      Header: '',
+      sticky: 'left',
+      columns: [
+        {
+          id: 'de_0',
+          Header: 'Location',
+          accessor: 'location',
+          Footer: '',
+          minWidth: 100,
+          maxWidth: 100,
+        },
+      ],
+    },
+    {
+      id: 'deExtraLongData',
+      Header: '',
+      columns: [
+        {
+          id: 'de_1',
+          Header: 'Deals',
+          accessor: 'deals',
+          Footer: '',
+          width: 900,
+        }
+      ],
+    },
+    {
+      id: 'deRightSticky',
+      Header: '',
+      sticky: 'right',
+      columns: [
+        {
+          id: 'de_2',
+          Header: 'Date range',
+          accessor: 'daterange',
+          Footer: '',
+          minWidth: 200,
+          maxWidth: 200,
+        }
+      ],
+    },
+  ];
+
+  const [title, setTitle] = useState('');
+  const [view, setView] = useState<React.JSX.Element | undefined>();
+  const [isExpanded, setIsExpanded] = useState(false);
+
+  /** This service variable is being used to show/hide the tip
+   * that pays attention to the call view icon at the page start.
+   */
+  const [showTip, setShowTip] = useState(true);
+
+  const expandDeals = () => {
+    setShowTip(false);
+    setTitle('Deals view');
+    setView(<Table
+        columns={dealExpandedColumns}
+        data={data}
+        width={1200}
+        height={400}
+        selectable={true}
+        withFooter={false}
+      />);
+    setIsExpanded(true);
+  }
+
+  const collapseExpanded = () => setIsExpanded(false);
+
+  const makeData = () => {
+    return [
+      {
+        location: 'Lithuania',
+        deals: '',
+        daterange: <Chip size="sm" className="bg-transparent" iconLeft={<TimeCalendarDate className="text-moon-24" />}>23.10.01 - 23.10.31</Chip>,
+        amount: 22.97,
+        currency: <Tag className="bg-gray-100 text-lg text-gray-600 max-w-fit">USD</Tag>,
+        actions: tooltip(),
+      },
+      {
+        location: 'AMD',
+        deals: '',
+        daterange: <Chip size="sm" className="bg-transparent" iconLeft={<TimeCalendarDate className="text-moon-24" />}>23.10.01 - 23.10.31</Chip>,
+        amount: 22.97,
+        currency: <Tag className="bg-gray-100 text-lg text-gray-600 max-w-fit">USD</Tag>,
+        actions: tooltip(),
+      },
+      {
+        location: 'Europe',
+        deals: rearrangeData([{'10.0': { start: '10000', end: '20000' }}, {'9.0': { start: '20000', end: '30000' }}, {'8.0': { start: '30000', end: '40000' }}, {'7.0': { start: '40000', end: '50000' }}, {'6.0': { start: '50000', end: '60000' }}]),
+        daterange: <Chip size="sm" className="bg-transparent" iconLeft={<TimeCalendarDate className="text-moon-24" />}>23.10.01 - 23.10.31</Chip>,
+        amount: 22.97,
+        currency: <Tag className="bg-gray-100 text-lg text-gray-600 max-w-fit">USD</Tag>,
+        actions: tooltip(),
+      },
+      {
+        location: 'Europe',
+        deals: rearrangeData([{'5.0': { start: '2', end: '3' }}]),
+        daterange: <Chip size="sm" className="bg-transparent" iconLeft={<TimeCalendarDate className="text-moon-24" />}>23.12.01 -</Chip>,
+        amount: 22.97,
+        currency: <Tag className="bg-gray-100 text-lg text-gray-600 max-w-fit">USD</Tag>,
+        actions: tooltip(),
+      },
+      {
+        location: 'Europe',
+        deals: rearrangeData([{'0.0': { start: '0' }}]),
+        daterange: <Chip size="sm" className="bg-transparent" iconLeft={<TimeCalendarDate className="text-moon-24" />}>23.11.01 - 23.11.30</Chip>,
+        amount: 22.97,
+        currency: <Tag className="bg-gray-100 text-lg text-gray-600 max-w-fit">USD</Tag>,
+        actions: tooltip(),
+      },
+      {
+        location: 'Asia',
+        deals: rearrangeData([{'6.0': { start: '3', end: '4' }}]),
+        daterange: <Chip size="sm" className="bg-transparent" iconLeft={<TimeCalendarDate className="text-moon-24" />}>23.11.01 -</Chip>,
+        amount: 22.97,
+        currency: <Tag className="bg-gray-100 text-lg text-gray-600 max-w-fit">USD</Tag>,
+        actions: tooltip(),
+      },
+      {
+        location: 'Asia',
+        deals: rearrangeData([{'5.0': { start: '0', end: '150000' }}, {'4.0': { start: '150000', end: '500000' }}]),
+        daterange: <Chip size="sm" className="bg-transparent" iconLeft={<TimeCalendarDate className="text-moon-24" />}>23.05.01 - 23.10.31</Chip>,
+        amount: 22.97,
+        currency: <Tag className="bg-gray-100 text-lg text-gray-600 max-w-fit">USD</Tag>,
+        actions: tooltip(),
+      },
+    ];
+  }
+
+  const rearrangeData = (data: {[key: string]: { start?: string; end?: string }}[]) => {
+    const deals = data.map((value, index, src) => {
+      const [key, range] = Object.entries(value)[0];
+      return (
+        <>
+          <span className="mr-[5px]">{key}</span>
+          <span>({range.start ? range.start : ''}</span>
+          <span>-</span>
+          <span>{range.end ? range.end : ''})</span>
+          {(index < src.length - 1) && <span className="mx-2">|</span>}
+        </>
+      );
+    });
+
+    return (
+      <div className="px-3 text-moon-14 flex items-center overflow-x-auto">
+        {deals}
+      </div>
+    );
+  }
+
+  const tooltip = () => (
+    <Tooltip>
+      <Tooltip.Trigger className="max-h-6">
+        <Chip
+          variant="default"
+          iconOnly={<Other3DotsHorizontal className="text-moon-24 max-h-6" />}
+        />
+      </Tooltip.Trigger>
+        <Tooltip.Content position="top-start">
+          Any activity
+        <Tooltip.Arrow />
+      </Tooltip.Content>
+    </Tooltip>
+  );
+
+  const defaultColumn = React.useMemo(
+    () => ({
+      minWidth: 50,
+      width: 150,
+      maxWidth: Number.MAX_SAFE_INTEGER,
+    }),
+    []
+  );
+
+  const columns = React.useMemo(() => columnsInitial, [showTip]);
+  const dealExpandedColumns = React.useMemo(() => columnsExpandedDeals, [])
+  const data = React.useMemo(() => makeData(), []);
+
+  return (
+    <>
+      <Table
+        columns={columns}
+        data={data}
+        defaultColumn={defaultColumn}
+        width={900}
+        height={400}
+        withFooter={false}
+      />
+      <Modal open={isExpanded} onClose={collapseExpanded}>
+        <Modal.Backdrop />
+        <Modal.Panel className="bg-zeno w-auto max-w-fit max-h-screen">
+          <div className="px-4 pt-2 pb-4">
+            <div className="flex justify-between items-center gap-x-4 w-full mb-3">
+              <h3 className="text-moon-20 text-beerus font-light">
+                {title}
+              </h3>
+              <Button
+                className="bg-transparent p-0 outline-none"
+                onClick={collapseExpanded}
+              >
+                <ControlsClose className="text-moon-32"/>
+              </Button>
+            </div>
+            <div className="w-full bg-gohan rounded-md px-1 py-0.5">
+              {view}
+            </div>
+          </div>
+        </Modal.Panel>
+      </Modal>
+    </>
+  );
+};
+
+export default Example;
diff --git a/next-docs/public/examples/table/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/table/__tests__/__snapshots__/index.test.tsx.snap
index c63a4b86ca..fa23f0e68f 100644
--- a/next-docs/public/examples/table/__tests__/__snapshots__/index.test.tsx.snap
+++ b/next-docs/public/examples/table/__tests__/__snapshots__/index.test.tsx.snap
@@ -65424,7 +65424,7 @@ Object {
 }
 `;
 
-exports[`Table in RTL renders LongData 1`] = `
+exports[`Table in RTL renders ExtraLongDataView 1`] = `
 Object {
   "asFragment": [Function],
   "baseElement": <body>
@@ -65443,17 +65443,16 @@ Object {
             <div
               class="flex rounded-moon-s-sm sticky"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
+              style="display: flex; flex: 1 0 auto; min-width: 460px;"
             >
               <div
                 class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="2"
+                colspan="1"
                 data-sticky-last-left-td="true"
                 data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 300 0 auto; min-width: 20px; width: 300px; position: sticky; z-index: 3; left: 0px;"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
               >
-                Transactions
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -65463,11 +65462,10 @@ Object {
               </div>
               <div
                 class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="5"
+                colspan="3"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 750 0 auto; min-width: 50px; width: 750px; position: relative;"
+                style="box-sizing: border-box; flex: 330 0 auto; min-width: 150px; width: 330px; position: relative;"
               >
-                Info
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -65477,13 +65475,12 @@ Object {
               </div>
               <div
                 class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
-                colspan="1"
+                colspan="2"
                 data-sticky-first-right-td="true"
                 data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 220 0 auto; min-width: 220px; width: 220px; position: sticky; z-index: 3; right: 0px;"
               >
-                Status
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -65495,32 +65492,17 @@ Object {
             <div
               class="flex rounded-moon-s-sm sticky"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
+              style="display: flex; flex: 1 0 auto; min-width: 460px;"
             >
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                data-sticky-td="true"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                Transaction UUID
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
               <div
                 class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
                 data-sticky-last-left-td="true"
                 data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
               >
-                User & Supplier user
+                Location
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -65532,23 +65514,37 @@ Object {
                 class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px; position: relative;"
               >
-                Process time
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
-              >
-                Client
+                  class="flex h-full items-center gap-x-1"
+                >
+                  <span>
+                    Deals
+                  </span>
+                  <button
+                    aria-describedby="radix-:rai:"
+                    class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                    data-state="instant-open"
+                    type="button"
+                  >
+                    <svg
+                      class="text-moon-20 cursor-pointer"
+                      fill="none"
+                      height="1em"
+                      viewBox="0 0 32 32"
+                      width="1em"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M13.6683 7.66247L10 7.66246C8.34315 7.66246 7 9.00561 7 10.6625L7 22C7 23.6569 8.34315 25 10 25L21.3376 25C22.9944 25 24.3376 23.6569 24.3376 22V18.3317M14.3351 17.6649L24.3376 7.66246M19.0029 7.66241L24.3375 7.67218L24.3375 12.997"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                      />
+                    </svg>
+                  </button>
+                </div>
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -65560,9 +65556,9 @@ Object {
                 class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px; position: relative;"
               >
-                Game name & provider
+                Amount
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -65574,9 +65570,9 @@ Object {
                 class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px; position: relative;"
               >
-                Amount
+                Currency
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -65585,12 +65581,14 @@ Object {
                 />
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
                 colspan="1"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
               >
-                Currency
+                Date range
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -65601,12 +65599,11 @@ Object {
               <div
                 class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
                 colspan="1"
-                data-sticky-first-right-td="true"
                 data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
               >
-                Status
+                Actions
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -65617,60 +65614,48 @@ Object {
             </div>
             <div
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
+              style="display: flex; flex: 1 0 auto; min-width: 460px;"
             >
-              <div
-                class="relative"
-                colspan="1"
-                data-sticky-td="true"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              />
               <div
                 class="relative"
                 colspan="1"
                 data-sticky-last-left-td="true"
                 data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
               />
               <div
                 class="relative"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px; position: relative;"
               />
               <div
                 class="relative"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px; position: relative;"
               />
               <div
                 class="relative"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px; position: relative;"
               />
               <div
                 class="relative"
                 colspan="1"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
               />
               <div
                 class="relative"
                 colspan="1"
-                data-sticky-first-right-td="true"
                 data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
               />
             </div>
           </div>
@@ -65681,57 +65666,33 @@ Object {
             <div
               class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
+              style="display: flex; flex: 1 0 auto; min-width: 460px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
                 data-sticky-last-left-td="true"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                aleksandr@heathmonitoring.com
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                2023-09-19T14:31:46.105Z
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
               >
-                Bender (old) Coingaming
+                Lithuania
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                Pragmatic Play
-              </div>
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
+              />
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
               >
                 22.97
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
               >
                 <div
                   class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
@@ -65740,73 +65701,101 @@ Object {
                 </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
                 data-sticky-first-right-td="true"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                <button
+                  class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                  type="button"
                 >
-                  SUCCESS
-                </div>
+                  <svg
+                    class="text-moon-24"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                  </svg>
+                  23.10.01 - 23.10.31
+                </button>
               </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
-            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
               >
-                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+                <button
+                  class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                  data-state="closed"
+                  type="button"
+                >
+                  <svg
+                    class="text-moon-24 max-h-6"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                    <path
+                      d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                    <path
+                      d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                  </svg>
+                </button>
               </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 460px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
                 data-sticky-last-left-td="true"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                aleksandr@heathmonitoring.com
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                2023-09-19T14:31:46.105Z
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
               >
-                Bender (old) Coingaming
+                AMD
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                Pragmatic Play
-              </div>
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
+              />
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
               >
                 22.97
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
               >
                 <div
                   class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
@@ -65815,73 +65804,206 @@ Object {
                 </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
                 data-sticky-first-right-td="true"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                <button
+                  class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                  type="button"
                 >
-                  SUCCESS
-                </div>
+                  <svg
+                    class="text-moon-24"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                  </svg>
+                  23.10.01 - 23.10.31
+                </button>
               </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
-            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
               >
-                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+                <button
+                  class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                  data-state="closed"
+                  type="button"
+                >
+                  <svg
+                    class="text-moon-24 max-h-6"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                    <path
+                      d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                    <path
+                      d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                  </svg>
+                </button>
               </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 460px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
                 data-sticky-last-left-td="true"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                aleksandr@heathmonitoring.com
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                2023-09-19T14:31:46.105Z
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
               >
-                Bender (old) Coingaming
+                Europe
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
               >
-                Pragmatic Play
+                <div
+                  class="px-3 text-moon-14 flex items-center overflow-x-auto"
+                >
+                  <span
+                    class="mr-[5px]"
+                  >
+                    10.0
+                  </span>
+                  <span>
+                    (
+                    10000
+                  </span>
+                  <span>
+                    -
+                  </span>
+                  <span>
+                    20000
+                    )
+                  </span>
+                  <span
+                    class="mx-2"
+                  >
+                    |
+                  </span>
+                  <span
+                    class="mr-[5px]"
+                  >
+                    9.0
+                  </span>
+                  <span>
+                    (
+                    20000
+                  </span>
+                  <span>
+                    -
+                  </span>
+                  <span>
+                    30000
+                    )
+                  </span>
+                  <span
+                    class="mx-2"
+                  >
+                    |
+                  </span>
+                  <span
+                    class="mr-[5px]"
+                  >
+                    8.0
+                  </span>
+                  <span>
+                    (
+                    30000
+                  </span>
+                  <span>
+                    -
+                  </span>
+                  <span>
+                    40000
+                    )
+                  </span>
+                  <span
+                    class="mx-2"
+                  >
+                    |
+                  </span>
+                  <span
+                    class="mr-[5px]"
+                  >
+                    7.0
+                  </span>
+                  <span>
+                    (
+                    40000
+                  </span>
+                  <span>
+                    -
+                  </span>
+                  <span>
+                    50000
+                    )
+                  </span>
+                  <span
+                    class="mx-2"
+                  >
+                    |
+                  </span>
+                  <span
+                    class="mr-[5px]"
+                  >
+                    6.0
+                  </span>
+                  <span>
+                    (
+                    50000
+                  </span>
+                  <span>
+                    -
+                  </span>
+                  <span>
+                    60000
+                    )
+                  </span>
+                </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
               >
                 22.97
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
               >
                 <div
                   class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
@@ -65890,73 +66012,122 @@ Object {
                 </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
                 data-sticky-first-right-td="true"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                <button
+                  class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                  type="button"
                 >
-                  SUCCESS
-                </div>
+                  <svg
+                    class="text-moon-24"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                  </svg>
+                  23.10.01 - 23.10.31
+                </button>
               </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
-            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
               >
-                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+                <button
+                  class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                  data-state="closed"
+                  type="button"
+                >
+                  <svg
+                    class="text-moon-24 max-h-6"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                    <path
+                      d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                    <path
+                      d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                  </svg>
+                </button>
               </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 460px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
                 data-sticky-last-left-td="true"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                aleksandr@heathmonitoring.com
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                2023-09-19T14:31:46.105Z
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
               >
-                Bender (old) Coingaming
+                Europe
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
               >
-                Pragmatic Play
+                <div
+                  class="px-3 text-moon-14 flex items-center overflow-x-auto"
+                >
+                  <span
+                    class="mr-[5px]"
+                  >
+                    5.0
+                  </span>
+                  <span>
+                    (
+                    2
+                  </span>
+                  <span>
+                    -
+                  </span>
+                  <span>
+                    3
+                    )
+                  </span>
+                </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
               >
                 22.97
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
               >
                 <div
                   class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
@@ -65965,148 +66136,121 @@ Object {
                 </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
                 data-sticky-first-right-td="true"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                <button
+                  class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                  type="button"
                 >
-                  SUCCESS
-                </div>
-              </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                aleksandr@heathmonitoring.com
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                2023-09-19T14:31:46.105Z
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                Bender (old) Coingaming
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                Pragmatic Play
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                22.97
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
-                >
-                  USD
-                </div>
+                  <svg
+                    class="text-moon-24"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                  </svg>
+                  23.12.01 -
+                </button>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                <button
+                  class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                  data-state="closed"
+                  type="button"
                 >
-                  SUCCESS
-                </div>
+                  <svg
+                    class="text-moon-24 max-h-6"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                    <path
+                      d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                    <path
+                      d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                  </svg>
+                </button>
               </div>
             </div>
             <div
               class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
+              style="display: flex; flex: 1 0 auto; min-width: 460px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
                 data-sticky-last-left-td="true"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                aleksandr@heathmonitoring.com
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                2023-09-19T14:31:46.105Z
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
               >
-                Bender (old) Coingaming
+                Europe
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
               >
-                Pragmatic Play
+                <div
+                  class="px-3 text-moon-14 flex items-center overflow-x-auto"
+                >
+                  <span
+                    class="mr-[5px]"
+                  >
+                    0.0
+                  </span>
+                  <span>
+                    (
+                    0
+                  </span>
+                  <span>
+                    -
+                  </span>
+                  <span>
+                    )
+                  </span>
+                </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
               >
                 22.97
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
               >
                 <div
                   class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
@@ -66115,148 +66259,122 @@ Object {
                 </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
                 data-sticky-first-right-td="true"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
-                >
-                  SUCCESS
-                </div>
-              </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                aleksandr@heathmonitoring.com
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                2023-09-19T14:31:46.105Z
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                Bender (old) Coingaming
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                Pragmatic Play
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                22.97
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                <button
+                  class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                  type="button"
                 >
-                  USD
-                </div>
+                  <svg
+                    class="text-moon-24"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                  </svg>
+                  23.11.01 - 23.11.30
+                </button>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                <button
+                  class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                  data-state="closed"
+                  type="button"
                 >
-                  SUCCESS
-                </div>
+                  <svg
+                    class="text-moon-24 max-h-6"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                    <path
+                      d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                    <path
+                      d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                  </svg>
+                </button>
               </div>
             </div>
             <div
               class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
+              style="display: flex; flex: 1 0 auto; min-width: 460px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
                 data-sticky-last-left-td="true"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                aleksandr@heathmonitoring.com
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                2023-09-19T14:31:46.105Z
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
               >
-                Bender (old) Coingaming
+                Asia
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
               >
-                Pragmatic Play
+                <div
+                  class="px-3 text-moon-14 flex items-center overflow-x-auto"
+                >
+                  <span
+                    class="mr-[5px]"
+                  >
+                    6.0
+                  </span>
+                  <span>
+                    (
+                    3
+                  </span>
+                  <span>
+                    -
+                  </span>
+                  <span>
+                    4
+                    )
+                  </span>
+                </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
               >
                 22.97
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
               >
                 <div
                   class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
@@ -66265,148 +66383,143 @@ Object {
                 </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
                 data-sticky-first-right-td="true"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
-                >
-                  SUCCESS
-                </div>
-              </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                aleksandr@heathmonitoring.com
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                2023-09-19T14:31:46.105Z
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                Bender (old) Coingaming
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                Pragmatic Play
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                22.97
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                <button
+                  class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                  type="button"
                 >
-                  USD
-                </div>
+                  <svg
+                    class="text-moon-24"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                  </svg>
+                  23.11.01 -
+                </button>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                <button
+                  class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                  data-state="closed"
+                  type="button"
                 >
-                  SUCCESS
-                </div>
+                  <svg
+                    class="text-moon-24 max-h-6"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                    <path
+                      d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                    <path
+                      d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                  </svg>
+                </button>
               </div>
             </div>
             <div
               class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
+              style="display: flex; flex: 1 0 auto; min-width: 460px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
                 data-sticky-last-left-td="true"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                aleksandr@heathmonitoring.com
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                2023-09-19T14:31:46.105Z
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
               >
-                Bender (old) Coingaming
+                Asia
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
               >
-                Pragmatic Play
+                <div
+                  class="px-3 text-moon-14 flex items-center overflow-x-auto"
+                >
+                  <span
+                    class="mr-[5px]"
+                  >
+                    5.0
+                  </span>
+                  <span>
+                    (
+                    0
+                  </span>
+                  <span>
+                    -
+                  </span>
+                  <span>
+                    150000
+                    )
+                  </span>
+                  <span
+                    class="mx-2"
+                  >
+                    |
+                  </span>
+                  <span
+                    class="mr-[5px]"
+                  >
+                    4.0
+                  </span>
+                  <span>
+                    (
+                    150000
+                  </span>
+                  <span>
+                    -
+                  </span>
+                  <span>
+                    500000
+                    )
+                  </span>
+                </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
               >
                 22.97
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
               >
                 <div
                   class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
@@ -66415,469 +66528,1586 @@ Object {
                 </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
                 data-sticky-first-right-td="true"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                <button
+                  class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                  type="button"
                 >
-                  SUCCESS
-                </div>
-              </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+                  <svg
+                    class="text-moon-24"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                  </svg>
+                  23.05.01 - 23.10.31
+                </button>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
                 data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
               >
-                aleksandr@heathmonitoring.com
+                <button
+                  class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                  data-state="closed"
+                  type="button"
+                >
+                  <svg
+                    class="text-moon-24 max-h-6"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                    <path
+                      d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                    <path
+                      d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                    />
+                  </svg>
+                </button>
               </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      data-radix-popper-content-wrapper=""
+      style="position: fixed; left: 0px; top: 0px; transform: translate(0, -200%); min-width: max-content;"
+    >
+      <div
+        class="p-3 rounded-moon-s-xs text-moon-12 text-bulma bg-goku shadow-[0_6px_6px_-6px_rgba(0,0,0,0.16)] drop-shadow-[0_0_1px_rgba(0,0,0,0.4)]"
+        data-align="start"
+        data-side="top"
+        data-state="instant-open"
+        style="--radix-tooltip-content-transform-origin: var(--radix-popper-transform-origin); --radix-tooltip-content-available-width: var(--radix-popper-available-width); --radix-tooltip-content-available-height: var(--radix-popper-available-height); --radix-tooltip-trigger-width: var(--radix-popper-anchor-width); --radix-tooltip-trigger-height: var(--radix-popper-anchor-height); animation: none;"
+      >
+        Click to open view
+        <span
+          style="position: absolute; bottom: 0px; transform: translateY(100%); visibility: hidden;"
+        >
+          <div
+            class="relative top-[-7px] rotate-45 w-3 h-3 rounded-sm bg-goku"
+            height="5"
+            preserveaspectratio="none"
+            style="display: block;"
+            viewbox="0 0 30 10"
+            width="10"
+          />
+        </span>
+        <span
+          id="radix-:rai:"
+          role="tooltip"
+          style="position: absolute; border: 0px; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; word-wrap: normal;"
+        >
+          Click to open view
+        </span>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      dir="rtl"
+    >
+      <div
+        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+        role="table"
+        style="width: 900px; height: 400px;"
+      >
+        <div
+          class="flex flex-col sticky top-0 z-[99]"
+        >
+          <div
+            class="flex rounded-moon-s-sm sticky"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
+          >
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                2023-09-19T14:31:46.105Z
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="3"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 330 0 auto; min-width: 150px; width: 330px; position: relative;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                Bender (old) Coingaming
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+              colspan="2"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 220 0 auto; min-width: 220px; width: 220px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                Pragmatic Play
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+          </div>
+          <div
+            class="flex rounded-moon-s-sm sticky"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
+          >
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
+            >
+              Location
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                22.97
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px; position: relative;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                class="flex h-full items-center gap-x-1"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                <span>
+                  Deals
+                </span>
+                <button
+                  aria-describedby="radix-:rai:"
+                  class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                  data-state="instant-open"
+                  type="button"
                 >
-                  USD
-                </div>
+                  <svg
+                    class="text-moon-20 cursor-pointer"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M13.6683 7.66247L10 7.66246C8.34315 7.66246 7 9.00561 7 10.6625L7 22C7 23.6569 8.34315 25 10 25L21.3376 25C22.9944 25 24.3376 23.6569 24.3376 22V18.3317M14.3351 17.6649L24.3376 7.66246M19.0029 7.66241L24.3375 7.67218L24.3375 12.997"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </button>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
-                >
-                  SUCCESS
-                </div>
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px; position: relative;"
             >
+              Amount
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                aleksandr@heathmonitoring.com
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px; position: relative;"
+            >
+              Currency
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                2023-09-19T14:31:46.105Z
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+              colspan="1"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            >
+              Date range
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                Bender (old) Coingaming
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+              colspan="1"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
+            >
+              Actions
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                Pragmatic Play
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+          </div>
+          <div
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
+          >
+            <div
+              class="relative"
+              colspan="1"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
+            />
+          </div>
+        </div>
+        <div
+          class="flex flex-col relative z-0 no-scrollbar gap-1"
+          role="rowgroup"
+        >
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
+            >
+              Lithuania
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
+            />
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                22.97
+                USD
               </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                type="button"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  USD
-                </div>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                  <path
+                    d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+                23.10.01 - 23.10.31
+              </button>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                data-state="closed"
+                type="button"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                <svg
+                  class="text-moon-24 max-h-6"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  SUCCESS
-                </div>
-              </div>
+                  <path
+                    d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
             </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
+          >
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
+            >
+              AMD
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
+            />
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                aleksandr@heathmonitoring.com
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                2023-09-19T14:31:46.105Z
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                Bender (old) Coingaming
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                Pragmatic Play
+                USD
               </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                type="button"
               >
-                22.97
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-              >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  USD
-                </div>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                  <path
+                    d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+                23.10.01 - 23.10.31
+              </button>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                data-state="closed"
+                type="button"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                <svg
+                  class="text-moon-24 max-h-6"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  SUCCESS
-                </div>
-              </div>
+                  <path
+                    d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
             </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
+          >
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
+            >
+              Europe
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                class="px-3 text-moon-14 flex items-center overflow-x-auto"
               >
-                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+                <span
+                  class="mr-[5px]"
+                >
+                  10.0
+                </span>
+                <span>
+                  (
+                  10000
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  20000
+                  )
+                </span>
+                <span
+                  class="mx-2"
+                >
+                  |
+                </span>
+                <span
+                  class="mr-[5px]"
+                >
+                  9.0
+                </span>
+                <span>
+                  (
+                  20000
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  30000
+                  )
+                </span>
+                <span
+                  class="mx-2"
+                >
+                  |
+                </span>
+                <span
+                  class="mr-[5px]"
+                >
+                  8.0
+                </span>
+                <span>
+                  (
+                  30000
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  40000
+                  )
+                </span>
+                <span
+                  class="mx-2"
+                >
+                  |
+                </span>
+                <span
+                  class="mr-[5px]"
+                >
+                  7.0
+                </span>
+                <span>
+                  (
+                  40000
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  50000
+                  )
+                </span>
+                <span
+                  class="mx-2"
+                >
+                  |
+                </span>
+                <span
+                  class="mr-[5px]"
+                >
+                  6.0
+                </span>
+                <span>
+                  (
+                  50000
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  60000
+                  )
+                </span>
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                aleksandr@heathmonitoring.com
+                USD
               </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                type="button"
               >
-                2023-09-19T14:31:46.105Z
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+                23.10.01 - 23.10.31
+              </button>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                data-state="closed"
+                type="button"
               >
-                Bender (old) Coingaming
-              </div>
+                <svg
+                  class="text-moon-24 max-h-6"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
+            >
+              Europe
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                class="px-3 text-moon-14 flex items-center overflow-x-auto"
               >
-                Pragmatic Play
+                <span
+                  class="mr-[5px]"
+                >
+                  5.0
+                </span>
+                <span>
+                  (
+                  2
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  3
+                  )
+                </span>
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                22.97
+                USD
               </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                type="button"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  USD
-                </div>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                  <path
+                    d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+                23.12.01 -
+              </button>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                data-state="closed"
+                type="button"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                <svg
+                  class="text-moon-24 max-h-6"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  SUCCESS
-                </div>
-              </div>
+                  <path
+                    d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
+            >
+              Europe
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 80px;"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                class="px-3 text-moon-14 flex items-center overflow-x-auto"
               >
-                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+                <span
+                  class="mr-[5px]"
+                >
+                  0.0
+                </span>
+                <span>
+                  (
+                  0
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  )
+                </span>
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                aleksandr@heathmonitoring.com
+                USD
               </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                type="button"
               >
-                2023-09-19T14:31:46.105Z
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+                23.11.01 - 23.11.30
+              </button>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                data-state="closed"
+                type="button"
               >
-                Bender (old) Coingaming
-              </div>
+                <svg
+                  class="text-moon-24 max-h-6"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
+            >
+              Asia
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                class="px-3 text-moon-14 flex items-center overflow-x-auto"
               >
-                Pragmatic Play
+                <span
+                  class="mr-[5px]"
+                >
+                  6.0
+                </span>
+                <span>
+                  (
+                  3
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  4
+                  )
+                </span>
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                22.97
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+                23.11.01 -
+              </button>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                data-state="closed"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24 max-h-6"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
+            >
+              Asia
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                class="px-3 text-moon-14 flex items-center overflow-x-auto"
               >
-                <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                <span
+                  class="mr-[5px]"
                 >
-                  USD
-                </div>
+                  5.0
+                </span>
+                <span>
+                  (
+                  0
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  150000
+                  )
+                </span>
+                <span
+                  class="mx-2"
+                >
+                  |
+                </span>
+                <span
+                  class="mr-[5px]"
+                >
+                  4.0
+                </span>
+                <span>
+                  (
+                  150000
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  500000
+                  )
+                </span>
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+              >
+                USD
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+                23.05.01 - 23.10.31
+              </button>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                data-state="closed"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24 max-h-6"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+
+exports[`Table in RTL renders LongData 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <div
+        dir="rtl"
+      >
+        <div
+          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+          role="table"
+          style="width: 900px; height: 400px;"
+        >
+          <div
+            class="flex flex-col sticky top-0 z-[99]"
+          >
+            <div
+              class="flex rounded-moon-s-sm sticky"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
+            >
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="2"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 300 0 auto; min-width: 20px; width: 300px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Transactions
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="5"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 750 0 auto; min-width: 50px; width: 750px; position: relative;"
+              >
+                Info
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+                colspan="1"
                 data-sticky-first-right-td="true"
                 data-sticky-td="true"
-                role="cell"
+                role="columnheader"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
               >
+                Status
                 <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
-                >
-                  SUCCESS
-                </div>
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              class="flex rounded-moon-s-sm sticky"
               role="row"
               style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
                 data-sticky-td="true"
-                role="cell"
+                role="columnheader"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
-                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+                Transaction UUID
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
                 data-sticky-last-left-td="true"
                 data-sticky-td="true"
-                role="cell"
+                role="columnheader"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
-                aleksandr@heathmonitoring.com
+                User & Supplier user
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
               >
-                2023-09-19T14:31:46.105Z
+                Process time
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
               >
-                Bender (old) Coingaming
+                Client
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
               >
-                Pragmatic Play
+                Game name & provider
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
               >
-                22.97
+                Amount
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
               >
+                Currency
                 <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
-                >
-                  USD
-                </div>
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+                colspan="1"
                 data-sticky-first-right-td="true"
                 data-sticky-td="true"
-                role="cell"
+                role="columnheader"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
               >
+                Status
                 <div
-                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
-                >
-                  SUCCESS
-                </div>
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
             </div>
+            <div
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
+            >
+              <div
+                class="relative"
+                colspan="1"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              />
+            </div>
+          </div>
+          <div
+            class="flex flex-col relative z-0 no-scrollbar gap-1"
+            role="rowgroup"
+          >
             <div
               class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
@@ -68678,2855 +69908,1505 @@ Object {
                 </div>
               </div>
             </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </body>,
-  "container": <div>
-    <div
-      dir="rtl"
-    >
-      <div
-        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-        role="table"
-        style="width: 900px; height: 400px;"
-      >
-        <div
-          class="flex flex-col sticky top-0 z-[99]"
-        >
-          <div
-            class="flex rounded-moon-s-sm sticky"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="2"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 300 0 auto; min-width: 20px; width: 300px; position: sticky; z-index: 3; left: 0px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
-              Transactions
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="5"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 750 0 auto; min-width: 50px; width: 750px; position: relative;"
-            >
-              Info
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+              </div>
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
-              colspan="1"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
-              Status
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                aleksandr@heathmonitoring.com
+              </div>
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-          </div>
-          <div
-            class="flex rounded-moon-s-sm sticky"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              data-sticky-td="true"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              Transaction UUID
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                2023-09-19T14:31:46.105Z
+              </div>
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              User & Supplier user
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                Bender (old) Coingaming
+              </div>
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
-            >
-              Process time
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                Pragmatic Play
+              </div>
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
-            >
-              Client
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                22.97
+              </div>
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
-            >
-              Game name & provider
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                >
+                  USD
+                </div>
+              </div>
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                >
+                  SUCCESS
+                </div>
+              </div>
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
-              Amount
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
-            >
-              Currency
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+              </div>
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
-              colspan="1"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
-              Status
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                aleksandr@heathmonitoring.com
+              </div>
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-          </div>
-          <div
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative"
-              colspan="1"
-              data-sticky-td="true"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            />
-          </div>
-        </div>
-        <div
-          class="flex flex-col relative z-0 no-scrollbar gap-1"
-          role="rowgroup"
-        >
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                2023-09-19T14:31:46.105Z
+              </div>
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                Bender (old) Coingaming
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                Pragmatic Play
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                22.97
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                >
+                  USD
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                >
+                  SUCCESS
+                </div>
               </div>
             </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
-                USD
+                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
-                SUCCESS
+                aleksandr@heathmonitoring.com
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                2023-09-19T14:31:46.105Z
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                Bender (old) Coingaming
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                Pragmatic Play
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                22.97
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                >
+                  USD
+                </div>
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
               >
-                SUCCESS
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                >
+                  SUCCESS
+                </div>
               </div>
             </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
-                USD
+                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
-                SUCCESS
+                aleksandr@heathmonitoring.com
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                2023-09-19T14:31:46.105Z
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                Bender (old) Coingaming
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                Pragmatic Play
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                22.97
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                >
+                  USD
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                >
+                  SUCCESS
+                </div>
               </div>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
-                SUCCESS
+                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
-                USD
+                aleksandr@heathmonitoring.com
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                2023-09-19T14:31:46.105Z
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                Bender (old) Coingaming
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                Pragmatic Play
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                22.97
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                >
+                  USD
+                </div>
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
               >
-                USD
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                >
+                  SUCCESS
+                </div>
               </div>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
-                SUCCESS
+                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
-                USD
+                aleksandr@heathmonitoring.com
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                2023-09-19T14:31:46.105Z
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                Bender (old) Coingaming
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                Pragmatic Play
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                22.97
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                >
+                  USD
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                >
+                  SUCCESS
+                </div>
               </div>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
-                SUCCESS
+                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
-                USD
+                aleksandr@heathmonitoring.com
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                2023-09-19T14:31:46.105Z
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                Bender (old) Coingaming
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                Pragmatic Play
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                22.97
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                >
+                  USD
+                </div>
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
               >
-                USD
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                >
+                  SUCCESS
+                </div>
               </div>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
-                SUCCESS
+                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
-                USD
+                aleksandr@heathmonitoring.com
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                2023-09-19T14:31:46.105Z
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                Bender (old) Coingaming
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                Pragmatic Play
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                22.97
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                >
+                  USD
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                >
+                  SUCCESS
+                </div>
               </div>
             </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
-                USD
+                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
-                SUCCESS
+                aleksandr@heathmonitoring.com
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                2023-09-19T14:31:46.105Z
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                Bender (old) Coingaming
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                Pragmatic Play
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                22.97
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                >
+                  USD
+                </div>
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
               >
-                SUCCESS
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                >
+                  SUCCESS
+                </div>
               </div>
             </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
-                USD
+                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
-                SUCCESS
+                aleksandr@heathmonitoring.com
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                2023-09-19T14:31:46.105Z
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                Bender (old) Coingaming
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                Pragmatic Play
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                22.97
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                >
+                  USD
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                >
+                  SUCCESS
+                </div>
               </div>
             </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
-                USD
+                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
-                SUCCESS
+                aleksandr@heathmonitoring.com
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                2023-09-19T14:31:46.105Z
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                Bender (old) Coingaming
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                Pragmatic Play
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                22.97
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                >
+                  USD
+                </div>
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
               >
-                SUCCESS
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                >
+                  SUCCESS
+                </div>
               </div>
             </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
-                USD
+                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
-                SUCCESS
+                aleksandr@heathmonitoring.com
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              22.97
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                USD
+                2023-09-19T14:31:46.105Z
               </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
               >
-                SUCCESS
+                Bender (old) Coingaming
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                Pragmatic Play
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                22.97
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                >
+                  USD
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                >
+                  SUCCESS
+                </div>
               </div>
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 80px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
             </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
-              Pragmatic Play
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                aleksandr@heathmonitoring.com
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                2023-09-19T14:31:46.105Z
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                Bender (old) Coingaming
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                Pragmatic Play
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                22.97
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                >
+                  USD
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                >
+                  SUCCESS
+                </div>
+              </div>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
-              22.97
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                aleksandr@heathmonitoring.com
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                2023-09-19T14:31:46.105Z
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                Bender (old) Coingaming
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                Pragmatic Play
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                22.97
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                >
+                  USD
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                >
+                  SUCCESS
+                </div>
+              </div>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
-                USD
+                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                aleksandr@heathmonitoring.com
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                2023-09-19T14:31:46.105Z
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                Bender (old) Coingaming
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                Pragmatic Play
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                22.97
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                >
+                  USD
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                >
+                  SUCCESS
+                </div>
               </div>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 80px;"
             >
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
-                SUCCESS
+                84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                aleksandr@heathmonitoring.com
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                2023-09-19T14:31:46.105Z
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                Bender (old) Coingaming
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                Pragmatic Play
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                22.97
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+                >
+                  USD
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <div
+                  class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+                >
+                  SUCCESS
+                </div>
               </div>
             </div>
           </div>
+        </div>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      dir="rtl"
+    >
+      <div
+        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+        role="table"
+        style="width: 900px; height: 400px;"
+      >
+        <div
+          class="flex flex-col sticky top-0 z-[99]"
+        >
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            class="flex rounded-moon-s-sm sticky"
             role="row"
             style="display: flex; flex: 1 0 auto; min-width: 80px;"
           >
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="2"
               data-sticky-last-left-td="true"
               data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              aleksandr@heathmonitoring.com
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              2023-09-19T14:31:46.105Z
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Bender (old) Coingaming
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
-            >
-              Pragmatic Play
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 300 0 auto; min-width: 20px; width: 300px; position: sticky; z-index: 3; left: 0px;"
             >
-              22.97
+              Transactions
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
             </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="5"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 750 0 auto; min-width: 50px; width: 750px; position: relative;"
             >
+              Info
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
-              >
-                USD
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
             </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+              colspan="1"
               data-sticky-first-right-td="true"
               data-sticky-td="true"
-              role="cell"
+              role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
             >
+              Status
               <div
-                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
-              >
-                SUCCESS
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
             </div>
           </div>
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            class="flex rounded-moon-s-sm sticky"
             role="row"
             style="display: flex; flex: 1 0 auto; min-width: 80px;"
           >
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
               data-sticky-td="true"
-              role="cell"
+              role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
             >
-              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+              Transaction UUID
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
             </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
               data-sticky-last-left-td="true"
               data-sticky-td="true"
-              role="cell"
+              role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
             >
-              aleksandr@heathmonitoring.com
+              User & Supplier user
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
             </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
             >
-              2023-09-19T14:31:46.105Z
+              Process time
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
             </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
             >
-              Bender (old) Coingaming
+              Client
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
             </div>
             <div
-              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
             >
-              Pragmatic Play
-            </div>
-            <div
+              Game name & provider
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+            >
+              Amount
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+            >
+              Currency
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+              colspan="1"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
+              Status
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+          </div>
+          <div
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative"
+              colspan="1"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            />
+          </div>
+        </div>
+        <div
+          class="flex flex-col relative z-0 no-scrollbar gap-1"
+          role="rowgroup"
+        >
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
               class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
@@ -71933,2920 +71813,2557 @@ Object {
               </div>
             </div>
           </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  "debug": [Function],
-  "findAllByAltText": [Function],
-  "findAllByDisplayValue": [Function],
-  "findAllByLabelText": [Function],
-  "findAllByPlaceholderText": [Function],
-  "findAllByRole": [Function],
-  "findAllByTestId": [Function],
-  "findAllByText": [Function],
-  "findAllByTitle": [Function],
-  "findByAltText": [Function],
-  "findByDisplayValue": [Function],
-  "findByLabelText": [Function],
-  "findByPlaceholderText": [Function],
-  "findByRole": [Function],
-  "findByTestId": [Function],
-  "findByText": [Function],
-  "findByTitle": [Function],
-  "getAllByAltText": [Function],
-  "getAllByDisplayValue": [Function],
-  "getAllByLabelText": [Function],
-  "getAllByPlaceholderText": [Function],
-  "getAllByRole": [Function],
-  "getAllByTestId": [Function],
-  "getAllByText": [Function],
-  "getAllByTitle": [Function],
-  "getByAltText": [Function],
-  "getByDisplayValue": [Function],
-  "getByLabelText": [Function],
-  "getByPlaceholderText": [Function],
-  "getByRole": [Function],
-  "getByTestId": [Function],
-  "getByText": [Function],
-  "getByTitle": [Function],
-  "queryAllByAltText": [Function],
-  "queryAllByDisplayValue": [Function],
-  "queryAllByLabelText": [Function],
-  "queryAllByPlaceholderText": [Function],
-  "queryAllByRole": [Function],
-  "queryAllByTestId": [Function],
-  "queryAllByText": [Function],
-  "queryAllByTitle": [Function],
-  "queryByAltText": [Function],
-  "queryByDisplayValue": [Function],
-  "queryByLabelText": [Function],
-  "queryByPlaceholderText": [Function],
-  "queryByRole": [Function],
-  "queryByTestId": [Function],
-  "queryByText": [Function],
-  "queryByTitle": [Function],
-  "rerender": [Function],
-  "unmount": [Function],
-}
-`;
-
-exports[`Table in RTL renders MiniMap 1`] = `
-Object {
-  "asFragment": [Function],
-  "baseElement": <body>
-    <div>
-      <div
-        dir="rtl"
-      >
-        <div
-          class="relative h-full w-full overflow-auto"
-        >
           <div
-            class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-            role="table"
-            style="width: 800px; height: 400px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
           >
             <div
-              class="flex flex-col sticky top-0 z-[99]"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
             >
               <div
-                class="flex rounded-moon-s-sm sticky"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
-              >
-                <div
-                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                  colspan="2"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="columnheader"
-                  style="box-sizing: border-box; flex: 300 0 auto; min-width: 200px; width: 300px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Name
-                  <div
-                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                    draggable="false"
-                    role="separator"
-                    style="cursor: col-resize;"
-                  />
-                </div>
-                <div
-                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                  colspan="3"
-                  role="columnheader"
-                  style="box-sizing: border-box; flex: 400 0 auto; min-width: 300px; width: 400px; position: relative;"
-                >
-                  Info
-                  <div
-                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                    draggable="false"
-                    role="separator"
-                    style="cursor: col-resize;"
-                  />
-                </div>
-                <div
-                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
-                  colspan="1"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="columnheader"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  Progress
-                  <div
-                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                    draggable="false"
-                    role="separator"
-                    style="cursor: col-resize;"
-                  />
-                </div>
-              </div>
-              <div
-                class="flex rounded-moon-s-sm sticky"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <div
-                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                  colspan="1"
-                  data-sticky-td="true"
-                  role="columnheader"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  First Name
-                  <div
-                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                    draggable="false"
-                    role="separator"
-                    style="cursor: col-resize;"
-                  />
-                </div>
-                <div
-                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                  colspan="1"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="columnheader"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Last Name
-                  <div
-                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                    draggable="false"
-                    role="separator"
-                    style="cursor: col-resize;"
-                  />
-                </div>
-                <div
-                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                  colspan="1"
-                  role="columnheader"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
-                >
-                  Age
-                  <div
-                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                    draggable="false"
-                    role="separator"
-                    style="cursor: col-resize;"
-                  />
-                </div>
-                <div
-                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                  colspan="1"
-                  role="columnheader"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
-                >
-                  Visits
-                  <div
-                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                    draggable="false"
-                    role="separator"
-                    style="cursor: col-resize;"
-                  />
-                </div>
-                <div
-                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                  colspan="1"
-                  role="columnheader"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
-                >
-                  Activity
-                  <div
-                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                    draggable="false"
-                    role="separator"
-                    style="cursor: col-resize;"
-                  />
-                </div>
-                <div
-                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
-                  colspan="1"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="columnheader"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  Profile Progress
-                  <div
-                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                    draggable="false"
-                    role="separator"
-                    style="cursor: col-resize;"
-                  />
-                </div>
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <div
-                  class="relative"
-                  colspan="1"
-                  data-sticky-td="true"
-                  role="columnheader"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                />
-                <div
-                  class="relative"
-                  colspan="1"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="columnheader"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                />
-                <div
-                  class="relative"
-                  colspan="1"
-                  role="columnheader"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
-                />
-                <div
-                  class="relative"
-                  colspan="1"
-                  role="columnheader"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
-                />
-                <div
-                  class="relative"
-                  colspan="1"
-                  role="columnheader"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
-                />
-                <div
-                  class="relative"
-                  colspan="1"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="columnheader"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                />
+                SUCCESS
               </div>
             </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
             <div
-              class="flex flex-col relative z-0 no-scrollbar gap-1"
-              role="rowgroup"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
             >
               <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
-              >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    0
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    0
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  0
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    0
-                  </span>
-                </div>
-              </div>
-              <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    30
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    100
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  100
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    100
-                  </span>
-                </div>
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    60
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    200
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  200
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    200
-                  </span>
-                </div>
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    90
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    300
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  300
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    300
-                  </span>
-                </div>
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    120
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    400
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  400
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    400
-                  </span>
-                </div>
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    150
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    500
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  500
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    500
-                  </span>
-                </div>
-              </div>
-              <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
-              >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    180
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    600
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  600
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    600
-                  </span>
-                </div>
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    210
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    700
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  700
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    700
-                  </span>
-                </div>
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    240
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    800
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  800
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    800
-                  </span>
-                </div>
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    270
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    900
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  900
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    900
-                  </span>
-                </div>
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    300
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    1000
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  1000
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    1000
-                  </span>
-                </div>
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    330
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    1100
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  1100
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    1100
-                  </span>
-                </div>
-              </div>
-              <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
-              >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    360
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    1200
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  1200
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    1200
-                  </span>
-                </div>
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    390
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    1300
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  1300
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    1300
-                  </span>
-                </div>
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    420
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    1400
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  1400
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    1400
-                  </span>
-                </div>
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    450
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    1500
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  1500
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    1500
-                  </span>
-                </div>
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    480
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    1600
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  1600
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    1600
-                  </span>
-                </div>
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    510
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    1700
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  1700
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    1700
-                  </span>
-                </div>
-              </div>
-              <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
-              >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    540
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    1800
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  1800
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    1800
-                  </span>
-                </div>
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-                role="row"
-                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  data-sticky-last-left-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-                >
-                  Test
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-                >
-                  <span>
-                    570
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  <span>
-                    1900
-                  </span>
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-                >
-                  1900
-                </div>
-                <div
-                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                  data-sticky-first-right-td="true"
-                  data-sticky-td="true"
-                  role="cell"
-                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-                >
-                  <span>
-                    1900
-                  </span>
-                </div>
+                SUCCESS
               </div>
             </div>
           </div>
           <div
-            class="absolute bottom-4 shadow-md end-10 w-auto h-14 z-1 bg-goku rounded-moon-s-sm p-1 pointer-events-none transition-opacity opacity-0"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
           >
             <div
-              class="grid grid-flow-col h-full gap-1 relative auto-cols-[minmax(0,_2fr)]"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
             >
               <div
-                class="absolute w-0 h-0 overflow-hidden rounded-moon-s-sm border-2"
-              />
-              <div
-                class="h-full w-2 bg-gohan rounded-moon-s-sm"
-              />
-              <div
-                class="h-full w-2 bg-gohan rounded-moon-s-sm"
-              />
-              <div
-                class="h-full w-2 bg-gohan rounded-moon-s-sm"
-              />
-              <div
-                class="h-full w-2 bg-gohan rounded-moon-s-sm"
-              />
-              <div
-                class="h-full w-2 bg-gohan rounded-moon-s-sm"
-              />
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+              >
+                USD
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="h-full w-2 bg-gohan rounded-moon-s-sm"
-              />
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+              >
+                SUCCESS
+              </div>
             </div>
           </div>
-        </div>
-      </div>
-    </div>
-  </body>,
-  "container": <div>
-    <div
-      dir="rtl"
-    >
-      <div
-        class="relative h-full w-full overflow-auto"
-      >
-        <div
-          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-          role="table"
-          style="width: 800px; height: 400px;"
-        >
           <div
-            class="flex flex-col sticky top-0 z-[99]"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
           >
             <div
-              class="flex rounded-moon-s-sm sticky"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
             >
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="2"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 300 0 auto; min-width: 200px; width: 300px; position: sticky; z-index: 3; left: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                Name
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="3"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 400 0 auto; min-width: 300px; width: 400px; position: relative;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                Info
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
-                colspan="1"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                Progress
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                USD
               </div>
             </div>
             <div
-              class="flex rounded-moon-s-sm sticky"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
             >
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                data-sticky-td="true"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                First Name
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                Last Name
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                Age
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
-              >
-                Visits
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
-              >
-                Activity
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
-                colspan="1"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                Profile Progress
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                USD
               </div>
             </div>
             <div
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
             >
               <div
-                class="relative"
-                colspan="1"
-                data-sticky-td="true"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              />
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
+              >
+                SUCCESS
+              </div>
             </div>
           </div>
           <div
-            class="flex flex-col relative z-0 no-scrollbar gap-1"
-            role="rowgroup"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
           >
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  0
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  0
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                0
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <span>
-                  0
-                </span>
+                USD
               </div>
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                Test
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                Test
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <span>
-                  30
-                </span>
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <span>
-                  100
-                </span>
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                100
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <span>
-                  100
-                </span>
+                USD
               </div>
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  60
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  200
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                200
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <span>
-                  200
-                </span>
+                USD
               </div>
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                Test
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                Test
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <span>
-                  90
-                </span>
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <span>
-                  300
-                </span>
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                300
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <span>
-                  300
-                </span>
+                USD
               </div>
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                Test
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                Test
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <span>
-                  120
-                </span>
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <span>
-                  400
-                </span>
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                400
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  400
-                </span>
+                SUCCESS
               </div>
             </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <span>
-                  150
-                </span>
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <span>
-                  500
-                </span>
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                500
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <span>
-                  500
-                </span>
+                SUCCESS
               </div>
             </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                Test
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                Test
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <span>
-                  180
-                </span>
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <span>
-                  600
-                </span>
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                600
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <span>
-                  600
-                </span>
+                SUCCESS
               </div>
             </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                Test
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  210
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  700
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                700
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  700
-                </span>
+                SUCCESS
               </div>
             </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
             >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  240
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  800
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                800
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  800
-                </span>
-              </div>
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
             >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  270
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  900
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                900
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  900
-                </span>
-              </div>
+              aleksandr@heathmonitoring.com
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  300
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  1000
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                1000
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <span>
-                  1000
-                </span>
+                USD
               </div>
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                Test
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                Test
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                <span>
-                  330
-                </span>
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <span>
-                  1100
-                </span>
+                USD
               </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                1100
+                SUCCESS
               </div>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 80px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              aleksandr@heathmonitoring.com
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              2023-09-19T14:31:46.105Z
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Bender (old) Coingaming
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              Pragmatic Play
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <span>
-                  1100
-                </span>
+                USD
               </div>
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; right: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-roshi-10 text-lg text-roshi max-w-fit"
               >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  360
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  1200
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                1200
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  1200
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  390
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  1300
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                1300
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  1300
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  420
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  1400
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                1400
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  1400
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  450
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  1500
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                1500
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  1500
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  480
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  1600
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                1600
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  1600
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  510
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  1700
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                1700
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  1700
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  540
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  1800
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                1800
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  1800
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 600px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  570
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  1900
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                1900
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  1900
-                </span>
+                SUCCESS
               </div>
             </div>
           </div>
         </div>
-        <div
-          class="absolute bottom-4 shadow-md end-10 w-auto h-14 z-1 bg-goku rounded-moon-s-sm p-1 pointer-events-none transition-opacity opacity-0"
-        >
-          <div
-            class="grid grid-flow-col h-full gap-1 relative auto-cols-[minmax(0,_2fr)]"
-          >
-            <div
-              class="absolute w-0 h-0 overflow-hidden rounded-moon-s-sm border-2"
-            />
-            <div
-              class="h-full w-2 bg-gohan rounded-moon-s-sm"
-            />
-            <div
-              class="h-full w-2 bg-gohan rounded-moon-s-sm"
-            />
-            <div
-              class="h-full w-2 bg-gohan rounded-moon-s-sm"
-            />
-            <div
-              class="h-full w-2 bg-gohan rounded-moon-s-sm"
-            />
-            <div
-              class="h-full w-2 bg-gohan rounded-moon-s-sm"
-            />
-            <div
-              class="h-full w-2 bg-gohan rounded-moon-s-sm"
-            />
-          </div>
-        </div>
       </div>
     </div>
   </div>,
@@ -74904,7 +74421,7 @@ Object {
 }
 `;
 
-exports[`Table in RTL renders RowGaps 1`] = `
+exports[`Table in RTL renders MiniMap 1`] = `
 Object {
   "asFragment": [Function],
   "baseElement": <body>
@@ -74913,769 +74430,1507 @@ Object {
         dir="rtl"
       >
         <div
-          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-          role="table"
+          class="relative h-full w-full overflow-auto"
         >
           <div
-            class="flex flex-col sticky top-0 z-[99]"
+            class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+            role="table"
+            style="width: 800px; height: 400px;"
           >
             <div
-              class="flex rounded-moon-s-sm sticky"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              class="flex flex-col sticky top-0 z-[99]"
             >
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="flex rounded-moon-s-sm sticky"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                First Name
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Last Name
+                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                  colspan="2"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="columnheader"
+                  style="box-sizing: border-box; flex: 300 0 auto; min-width: 200px; width: 300px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Name
+                  <div
+                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                    draggable="false"
+                    role="separator"
+                    style="cursor: col-resize;"
+                  />
+                </div>
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                  colspan="3"
+                  role="columnheader"
+                  style="box-sizing: border-box; flex: 400 0 auto; min-width: 300px; width: 400px; position: relative;"
+                >
+                  Info
+                  <div
+                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                    draggable="false"
+                    role="separator"
+                    style="cursor: col-resize;"
+                  />
+                </div>
+                <div
+                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+                  colspan="1"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="columnheader"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  Progress
+                  <div
+                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                    draggable="false"
+                    role="separator"
+                    style="cursor: col-resize;"
+                  />
+                </div>
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="flex rounded-moon-s-sm sticky"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                Age
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                  colspan="1"
+                  data-sticky-td="true"
+                  role="columnheader"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  First Name
+                  <div
+                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                    draggable="false"
+                    role="separator"
+                    style="cursor: col-resize;"
+                  />
+                </div>
+                <div
+                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                  colspan="1"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="columnheader"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Last Name
+                  <div
+                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                    draggable="false"
+                    role="separator"
+                    style="cursor: col-resize;"
+                  />
+                </div>
+                <div
+                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                  colspan="1"
+                  role="columnheader"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+                >
+                  Age
+                  <div
+                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                    draggable="false"
+                    role="separator"
+                    style="cursor: col-resize;"
+                  />
+                </div>
+                <div
+                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                  colspan="1"
+                  role="columnheader"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+                >
+                  Visits
+                  <div
+                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                    draggable="false"
+                    role="separator"
+                    style="cursor: col-resize;"
+                  />
+                </div>
+                <div
+                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                  colspan="1"
+                  role="columnheader"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+                >
+                  Activity
+                  <div
+                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                    draggable="false"
+                    role="separator"
+                    style="cursor: col-resize;"
+                  />
+                </div>
+                <div
+                  class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+                  colspan="1"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="columnheader"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  Profile Progress
+                  <div
+                    class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                    draggable="false"
+                    role="separator"
+                    style="cursor: col-resize;"
+                  />
+                </div>
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                Visits
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
+                  class="relative"
+                  colspan="1"
+                  data-sticky-td="true"
+                  role="columnheader"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
                 />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Activity
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
+                  class="relative"
+                  colspan="1"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="columnheader"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
                 />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Status
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
+                  class="relative"
+                  colspan="1"
+                  role="columnheader"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+                />
+                <div
+                  class="relative"
+                  colspan="1"
+                  role="columnheader"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+                />
+                <div
+                  class="relative"
+                  colspan="1"
+                  role="columnheader"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+                />
+                <div
+                  class="relative"
+                  colspan="1"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="columnheader"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
                 />
               </div>
             </div>
             <div
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
-            >
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-            </div>
-          </div>
-          <div
-            class="flex flex-col relative z-0 no-scrollbar gap-0"
-            role="rowgroup"
-          >
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              class="flex flex-col relative z-0 no-scrollbar gap-1"
+              role="rowgroup"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  0
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                <span>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    0
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    0
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
                   0
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                0
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                0
-              </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  30
-                </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    0
+                  </span>
+                </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                <span>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    30
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    100
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
                   100
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                100
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                100
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-          role="table"
-        >
-          <div
-            class="flex flex-col sticky top-0 z-[99]"
-          >
-            <div
-              class="flex rounded-moon-s-sm sticky"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
-            >
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                First Name
+                </div>
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    100
+                  </span>
+                </div>
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                Last Name
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Age
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Visits
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    60
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    200
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  200
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    200
+                  </span>
+                </div>
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                Activity
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    90
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    300
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  300
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    300
+                  </span>
+                </div>
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                Status
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    120
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    400
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  400
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    400
+                  </span>
+                </div>
               </div>
-            </div>
-            <div
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
-            >
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-            </div>
-          </div>
-          <div
-            class="flex flex-col relative z-0 no-scrollbar gap-1"
-            role="rowgroup"
-          >
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
-            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                Test
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    150
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    500
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  500
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    500
+                  </span>
+                </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                Test
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    180
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    600
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  600
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    600
+                  </span>
+                </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                <span>
-                  0
-                </span>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    210
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    700
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  700
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    700
+                  </span>
+                </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                <span>
-                  0
-                </span>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    240
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    800
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  800
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    800
+                  </span>
+                </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                0
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                0
-              </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  30
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  100
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                100
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    270
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    900
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  900
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    900
+                  </span>
+                </div>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                100
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    300
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    1000
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  1000
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    1000
+                  </span>
+                </div>
               </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-          role="table"
-        >
-          <div
-            class="flex flex-col sticky top-0 z-[99]"
-          >
-            <div
-              class="flex rounded-moon-s-sm sticky"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
-            >
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                First Name
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    330
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    1100
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  1100
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    1100
+                  </span>
+                </div>
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                Last Name
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    360
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    1200
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  1200
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    1200
+                  </span>
+                </div>
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                Age
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    390
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    1300
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  1300
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    1300
+                  </span>
+                </div>
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                Visits
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    420
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    1400
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  1400
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    1400
+                  </span>
+                </div>
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                Activity
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    450
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    1500
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  1500
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    1500
+                  </span>
+                </div>
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
               >
-                Status
                 <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    480
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    1600
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  1600
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    1600
+                  </span>
+                </div>
+              </div>
+              <div
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              >
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    510
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    1700
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  1700
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    1700
+                  </span>
+                </div>
+              </div>
+              <div
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              >
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    540
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    1800
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  1800
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    1800
+                  </span>
+                </div>
+              </div>
+              <div
+                class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+                role="row"
+                style="display: flex; flex: 1 0 auto; min-width: 600px;"
+              >
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  data-sticky-last-left-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                >
+                  Test
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                >
+                  <span>
+                    570
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  <span>
+                    1900
+                  </span>
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                >
+                  1900
+                </div>
+                <div
+                  class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                  data-sticky-first-right-td="true"
+                  data-sticky-td="true"
+                  role="cell"
+                  style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                >
+                  <span>
+                    1900
+                  </span>
+                </div>
               </div>
             </div>
+          </div>
+          <div
+            class="absolute bottom-4 shadow-md end-10 w-auto h-14 z-1 bg-goku rounded-moon-s-sm p-1 pointer-events-none transition-opacity opacity-0"
+          >
             <div
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              class="grid grid-flow-col h-full gap-1 relative auto-cols-[minmax(0,_2fr)]"
             >
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="absolute w-0 h-0 overflow-hidden rounded-moon-s-sm border-2"
               />
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="h-full w-2 bg-gohan rounded-moon-s-sm"
               />
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="h-full w-2 bg-gohan rounded-moon-s-sm"
               />
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="h-full w-2 bg-gohan rounded-moon-s-sm"
               />
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="h-full w-2 bg-gohan rounded-moon-s-sm"
               />
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="h-full w-2 bg-gohan rounded-moon-s-sm"
+              />
+              <div
+                class="h-full w-2 bg-gohan rounded-moon-s-sm"
               />
             </div>
           </div>
+        </div>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      dir="rtl"
+    >
+      <div
+        class="relative h-full w-full overflow-auto"
+      >
+        <div
+          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+          role="table"
+          style="width: 800px; height: 400px;"
+        >
           <div
-            class="flex flex-col relative z-0 no-scrollbar gap-2"
-            role="rowgroup"
+            class="flex flex-col sticky top-0 z-[99]"
           >
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  0
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  0
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                0
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                0
-              </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              class="flex rounded-moon-s-sm sticky"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  30
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="2"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 300 0 auto; min-width: 200px; width: 300px; position: sticky; z-index: 3; left: 0px;"
               >
-                <span>
-                  100
-                </span>
+                Name
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="3"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 400 0 auto; min-width: 300px; width: 400px; position: relative;"
               >
-                100
+                Info
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+                colspan="1"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
               >
-                100
+                Progress
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
             </div>
-          </div>
-        </div>
-        <div
-          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-          role="table"
-        >
-          <div
-            class="flex flex-col sticky top-0 z-[99]"
-          >
             <div
               class="flex rounded-moon-s-sm sticky"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
               <div
                 class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
+                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
                 First Name
                 <div
@@ -75688,8 +75943,10 @@ Object {
               <div
                 class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
                 Last Name
                 <div
@@ -75703,7 +75960,7 @@ Object {
                 class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
               >
                 Age
                 <div
@@ -75717,7 +75974,7 @@ Object {
                 class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
               >
                 Visits
                 <div
@@ -75731,7 +75988,7 @@ Object {
                 class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
               >
                 Activity
                 <div
@@ -75742,12 +75999,14 @@ Object {
                 />
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
                 colspan="1"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
               >
-                Status
+                Profile Progress
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -75758,73 +76017,81 @@ Object {
             </div>
             <div
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
               <div
                 class="relative"
                 colspan="1"
+                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               />
               <div
                 class="relative"
                 colspan="1"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               />
               <div
                 class="relative"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
               />
               <div
                 class="relative"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
               />
               <div
                 class="relative"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
               />
               <div
                 class="relative"
                 colspan="1"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
               />
             </div>
           </div>
           <div
-            class="flex flex-col relative z-0 no-scrollbar gap-3"
+            class="flex flex-col relative z-0 no-scrollbar gap-1"
             role="rowgroup"
           >
             <div
               class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
                 Test
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
                 Test
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
                 <span>
                   0
@@ -75833,7 +76100,7 @@ Object {
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
               >
                 <span>
                   0
@@ -75842,41 +76109,48 @@ Object {
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
               >
                 0
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
               >
-                0
+                <span>
+                  0
+                </span>
               </div>
             </div>
             <div
               class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
                 Test
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
                 Test
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
                 <span>
                   30
@@ -75885,7 +76159,7 @@ Object {
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
               >
                 <span>
                   100
@@ -75894,1697 +76168,1790 @@ Object {
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
               >
                 100
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
               >
-                100
+                <span>
+                  100
+                </span>
               </div>
             </div>
-          </div>
-        </div>
-        <div
-          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-          role="table"
-        >
-          <div
-            class="flex flex-col sticky top-0 z-[99]"
-          >
             <div
-              class="flex rounded-moon-s-sm sticky"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
-                First Name
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                Test
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
-                Last Name
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                Test
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
-                Age
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                <span>
+                  60
+                </span>
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
               >
-                Visits
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                <span>
+                  200
+                </span>
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
               >
-                Activity
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                200
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
               >
-                Status
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
+                <span>
+                  200
+                </span>
               </div>
             </div>
             <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Test
+              </div>
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  90
+                </span>
+              </div>
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  300
+                </span>
+              </div>
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                300
+              </div>
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  300
+                </span>
+              </div>
             </div>
-          </div>
-          <div
-            class="flex flex-col relative z-0 no-scrollbar gap-4"
-            role="rowgroup"
-          >
             <div
               class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
                 Test
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
                 Test
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
                 <span>
-                  0
+                  120
                 </span>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
               >
                 <span>
-                  0
+                  400
                 </span>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
               >
-                0
+                400
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
               >
-                0
+                <span>
+                  400
+                </span>
               </div>
             </div>
             <div
               class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
               >
                 Test
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
               >
                 Test
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
               >
                 <span>
-                  30
+                  150
                 </span>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
               >
                 <span>
-                  100
+                  500
                 </span>
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
               >
-                100
+                500
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
               >
-                100
+                <span>
+                  500
+                </span>
               </div>
             </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </body>,
-  "container": <div>
-    <div
-      dir="rtl"
-    >
-      <div
-        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-        role="table"
-      >
-        <div
-          class="flex flex-col sticky top-0 z-[99]"
-        >
-          <div
-            class="flex rounded-moon-s-sm sticky"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
-              First Name
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Last Name
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Test
+              </div>
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  180
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  600
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                600
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  600
+                </span>
+              </div>
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
-              Age
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  210
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  700
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                700
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  700
+                </span>
+              </div>
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
-              Visits
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  240
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  800
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                800
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  800
+                </span>
+              </div>
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
-              Activity
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Status
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Test
+              </div>
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-          </div>
-          <div
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-          </div>
-        </div>
-        <div
-          class="flex flex-col relative z-0 no-scrollbar gap-0"
-          role="rowgroup"
-        >
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  270
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  900
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                900
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  900
+                </span>
+              </div>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
-              <span>
-                0
-              </span>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  300
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1000
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1000
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1000
+                </span>
+              </div>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
-              <span>
-                0
-              </span>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  330
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1100
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1100
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1100
+                </span>
+              </div>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
-              0
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  360
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1200
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1200
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1200
+                </span>
+              </div>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
-              0
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  390
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1300
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1300
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1300
+                </span>
+              </div>
             </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
-              Test
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  420
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1400
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1400
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1400
+                </span>
+              </div>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
-              Test
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  450
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1500
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1500
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1500
+                </span>
+              </div>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
-              <span>
-                30
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
-                100
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              100
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              100
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-        role="table"
-      >
-        <div
-          class="flex flex-col sticky top-0 z-[99]"
-        >
-          <div
-            class="flex rounded-moon-s-sm sticky"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              First Name
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Last Name
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Test
+              </div>
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Age
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  480
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1600
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1600
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1600
+                </span>
+              </div>
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
-              Visits
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  510
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1700
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1700
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1700
+                </span>
+              </div>
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
-              Activity
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  540
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1800
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1800
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1800
+                </span>
+              </div>
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 600px;"
             >
-              Status
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  570
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1900
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1900
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1900
+                </span>
+              </div>
             </div>
           </div>
+        </div>
+        <div
+          class="absolute bottom-4 shadow-md end-10 w-auto h-14 z-1 bg-goku rounded-moon-s-sm p-1 pointer-events-none transition-opacity opacity-0"
+        >
           <div
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            class="grid grid-flow-col h-full gap-1 relative auto-cols-[minmax(0,_2fr)]"
           >
             <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              class="absolute w-0 h-0 overflow-hidden rounded-moon-s-sm border-2"
             />
             <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              class="h-full w-2 bg-gohan rounded-moon-s-sm"
             />
             <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              class="h-full w-2 bg-gohan rounded-moon-s-sm"
             />
             <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              class="h-full w-2 bg-gohan rounded-moon-s-sm"
             />
             <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              class="h-full w-2 bg-gohan rounded-moon-s-sm"
             />
             <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              class="h-full w-2 bg-gohan rounded-moon-s-sm"
+            />
+            <div
+              class="h-full w-2 bg-gohan rounded-moon-s-sm"
             />
           </div>
         </div>
+      </div>
+    </div>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+
+exports[`Table in RTL renders RowGaps 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <div
+        dir="rtl"
+      >
         <div
-          class="flex flex-col relative z-0 no-scrollbar gap-1"
-          role="rowgroup"
+          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+          role="table"
         >
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
-                0
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
-                0
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              0
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              0
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            class="flex flex-col sticky top-0 z-[99]"
           >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              class="flex rounded-moon-s-sm sticky"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
-              <span>
-                30
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
-                100
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              100
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              100
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                First Name
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Last Name
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Age
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Visits
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Activity
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Status
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
             </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-        role="table"
-      >
-        <div
-          class="flex flex-col sticky top-0 z-[99]"
-        >
-          <div
-            class="flex rounded-moon-s-sm sticky"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
-              First Name
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Last Name
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Age
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Visits
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Activity
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Status
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
             </div>
           </div>
           <div
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-          </div>
-        </div>
-        <div
-          class="flex flex-col relative z-0 no-scrollbar gap-2"
-          role="rowgroup"
-        >
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            class="flex flex-col relative z-0 no-scrollbar gap-0"
+            role="rowgroup"
           >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
-              <span>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                <span>
+                  0
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                <span>
+                  0
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
                 0
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
                 0
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              0
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              0
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
-                30
-              </span>
+              </div>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
-              <span>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                <span>
+                  30
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                <span>
+                  100
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
                 100
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              100
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              100
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                100
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-        role="table"
-      >
         <div
-          class="flex flex-col sticky top-0 z-[99]"
+          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+          role="table"
         >
           <div
-            class="flex rounded-moon-s-sm sticky"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            class="flex flex-col sticky top-0 z-[99]"
           >
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              First Name
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              class="flex rounded-moon-s-sm sticky"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
-              Last Name
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Age
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                First Name
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Last Name
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Age
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Visits
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Activity
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Status
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
-              Visits
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Activity
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Status
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
             </div>
           </div>
           <div
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-          </div>
-        </div>
-        <div
-          class="flex flex-col relative z-0 no-scrollbar gap-3"
-          role="rowgroup"
-        >
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            class="flex flex-col relative z-0 no-scrollbar gap-1"
+            role="rowgroup"
           >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
-              <span>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                <span>
+                  0
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                <span>
+                  0
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
                 0
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
                 0
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              0
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              0
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
-                30
-              </span>
+              </div>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
-              <span>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                <span>
+                  30
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                <span>
+                  100
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
                 100
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              100
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              100
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                100
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-        role="table"
-      >
         <div
-          class="flex flex-col sticky top-0 z-[99]"
+          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+          role="table"
         >
           <div
-            class="flex rounded-moon-s-sm sticky"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            class="flex flex-col sticky top-0 z-[99]"
           >
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              class="flex rounded-moon-s-sm sticky"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
-              First Name
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                First Name
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Last Name
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Age
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Visits
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Activity
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Status
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
-              Last Name
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Age
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Visits
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Activity
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Status
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-          </div>
-          <div
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-          </div>
-        </div>
-        <div
-          class="flex flex-col relative z-0 no-scrollbar gap-4"
-          role="rowgroup"
-        >
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
-                0
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
-                0
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              0
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              0
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
-                30
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
-                100
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              100
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              100
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  "debug": [Function],
-  "findAllByAltText": [Function],
-  "findAllByDisplayValue": [Function],
-  "findAllByLabelText": [Function],
-  "findAllByPlaceholderText": [Function],
-  "findAllByRole": [Function],
-  "findAllByTestId": [Function],
-  "findAllByText": [Function],
-  "findAllByTitle": [Function],
-  "findByAltText": [Function],
-  "findByDisplayValue": [Function],
-  "findByLabelText": [Function],
-  "findByPlaceholderText": [Function],
-  "findByRole": [Function],
-  "findByTestId": [Function],
-  "findByText": [Function],
-  "findByTitle": [Function],
-  "getAllByAltText": [Function],
-  "getAllByDisplayValue": [Function],
-  "getAllByLabelText": [Function],
-  "getAllByPlaceholderText": [Function],
-  "getAllByRole": [Function],
-  "getAllByTestId": [Function],
-  "getAllByText": [Function],
-  "getAllByTitle": [Function],
-  "getByAltText": [Function],
-  "getByDisplayValue": [Function],
-  "getByLabelText": [Function],
-  "getByPlaceholderText": [Function],
-  "getByRole": [Function],
-  "getByTestId": [Function],
-  "getByText": [Function],
-  "getByTitle": [Function],
-  "queryAllByAltText": [Function],
-  "queryAllByDisplayValue": [Function],
-  "queryAllByLabelText": [Function],
-  "queryAllByPlaceholderText": [Function],
-  "queryAllByRole": [Function],
-  "queryAllByTestId": [Function],
-  "queryAllByText": [Function],
-  "queryAllByTitle": [Function],
-  "queryByAltText": [Function],
-  "queryByDisplayValue": [Function],
-  "queryByLabelText": [Function],
-  "queryByPlaceholderText": [Function],
-  "queryByRole": [Function],
-  "queryByTestId": [Function],
-  "queryByText": [Function],
-  "queryByTitle": [Function],
-  "rerender": [Function],
-  "unmount": [Function],
-}
-`;
-
-exports[`Table in RTL renders RowSizes 1`] = `
-Object {
-  "asFragment": [Function],
-  "baseElement": <body>
-    <div>
-      <div
-        dir="rtl"
-      >
-        <div
-          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-          role="table"
-        >
-          <div
-            class="flex flex-col sticky top-0 z-[99]"
-          >
-            <div
-              class="flex rounded-moon-s-sm sticky"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
-            >
-              <div
-                class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                First Name
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Last Name
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Age
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Visits
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Activity
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Status
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-            </div>
-            <div
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
-            >
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
               <div
                 class="relative"
@@ -77613,7 +77980,7 @@ Object {
             </div>
           </div>
           <div
-            class="flex flex-col relative z-0 no-scrollbar gap-1"
+            class="flex flex-col relative z-0 no-scrollbar gap-2"
             role="rowgroup"
           >
             <div
@@ -77622,21 +77989,21 @@ Object {
               style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 rounded-s-lg text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
@@ -77645,7 +78012,7 @@ Object {
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
@@ -77654,14 +78021,14 @@ Object {
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 0
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 rounded-e-lg text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
@@ -77674,21 +78041,21 @@ Object {
               style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 rounded-s-lg text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
@@ -77697,7 +78064,7 @@ Object {
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
@@ -77706,14 +78073,14 @@ Object {
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 100
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 rounded-e-lg text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
@@ -77735,7 +78102,7 @@ Object {
               style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
                 role="columnheader"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -77749,7 +78116,7 @@ Object {
                 />
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
                 role="columnheader"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -77763,7 +78130,7 @@ Object {
                 />
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
                 role="columnheader"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -77777,7 +78144,7 @@ Object {
                 />
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
                 role="columnheader"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -77791,7 +78158,7 @@ Object {
                 />
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
                 role="columnheader"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -77805,7 +78172,7 @@ Object {
                 />
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
                 role="columnheader"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -77862,7 +78229,7 @@ Object {
             </div>
           </div>
           <div
-            class="flex flex-col relative z-0 no-scrollbar gap-1"
+            class="flex flex-col relative z-0 no-scrollbar gap-3"
             role="rowgroup"
           >
             <div
@@ -77871,21 +78238,21 @@ Object {
               style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 rounded-s-lg text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
@@ -77894,7 +78261,7 @@ Object {
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
@@ -77903,14 +78270,14 @@ Object {
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 0
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 rounded-e-lg text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
@@ -77923,21 +78290,21 @@ Object {
               style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 rounded-s-lg text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
@@ -77946,7 +78313,7 @@ Object {
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
@@ -77955,14 +78322,14 @@ Object {
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 100
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 rounded-e-lg text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
                 role="cell"
                 style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
@@ -78111,7 +78478,7 @@ Object {
             </div>
           </div>
           <div
-            class="flex flex-col relative z-0 no-scrollbar gap-1"
+            class="flex flex-col relative z-0 no-scrollbar gap-4"
             role="rowgroup"
           >
             <div
@@ -78220,821 +78587,323 @@ Object {
             </div>
           </div>
         </div>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      dir="rtl"
+    >
+      <div
+        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+        role="table"
+      >
         <div
-          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-          role="table"
+          class="flex flex-col sticky top-0 z-[99]"
         >
           <div
-            class="flex flex-col sticky top-0 z-[99]"
+            class="flex rounded-moon-s-sm sticky"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
           >
             <div
-              class="flex rounded-moon-s-sm sticky"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
             >
+              First Name
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                First Name
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Last Name
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Last Name
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Age
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Visits
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Activity
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Status
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
             </div>
             <div
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
             >
+              Age
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
               />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Visits
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
               />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Activity
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
               />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Status
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
               />
             </div>
           </div>
           <div
-            class="flex flex-col relative z-0 no-scrollbar gap-1"
-            role="rowgroup"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
           >
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+          </div>
+        </div>
+        <div
+          class="flex flex-col relative z-0 no-scrollbar gap-0"
+          role="rowgroup"
+        >
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 rounded-s-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  0
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  0
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
                 0
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 rounded-e-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
                 0
-              </div>
+              </span>
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 rounded-s-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  30
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  100
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                100
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 rounded-e-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
+              0
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              0
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                30
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
                 100
-              </div>
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              100
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              100
             </div>
           </div>
         </div>
+      </div>
+      <div
+        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+        role="table"
+      >
         <div
-          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-          role="table"
+          class="flex flex-col sticky top-0 z-[99]"
         >
           <div
-            class="flex flex-col sticky top-0 z-[99]"
+            class="flex rounded-moon-s-sm sticky"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
           >
             <div
-              class="flex rounded-moon-s-sm sticky"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
             >
+              First Name
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                First Name
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Last Name
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Age
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Visits
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Activity
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Status
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
             </div>
             <div
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
             >
+              Last Name
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
               />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Age
               <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
               />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-            </div>
-          </div>
-          <div
-            class="flex flex-col relative z-0 no-scrollbar gap-1"
-            role="rowgroup"
-          >
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 rounded-s-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  0
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  0
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                0
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 rounded-e-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                0
-              </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 rounded-s-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  30
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  100
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                100
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 rounded-e-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                100
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-          role="table"
-        >
-          <div
-            class="flex flex-col sticky top-0 z-[99]"
-          >
-            <div
-              class="flex rounded-moon-s-sm sticky"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
-            >
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                First Name
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Last Name
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Age
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Visits
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Activity
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-              <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              >
-                Status
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
-            </div>
-            <div
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
-            >
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-              <div
-                class="relative"
-                colspan="1"
-                role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-              />
-            </div>
-          </div>
-          <div
-            class="flex flex-col relative z-0 no-scrollbar gap-1"
-            role="rowgroup"
-          >
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 rounded-s-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  0
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  0
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                0
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 rounded-e-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                0
-              </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 0px;"
-            >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 rounded-s-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  30
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                <span>
-                  100
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                100
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 rounded-e-lg text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-              >
-                100
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </body>,
-  "container": <div>
-    <div
-      dir="rtl"
-    >
-      <div
-        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-        role="table"
-      >
-        <div
-          class="flex flex-col sticky top-0 z-[99]"
-        >
-          <div
-            class="flex rounded-moon-s-sm sticky"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              First Name
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Last Name
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Age
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Visits
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Visits
               <div
                 class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                 draggable="false"
@@ -79043,7 +78912,7 @@ Object {
               />
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
               colspan="1"
               role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -79057,7 +78926,7 @@ Object {
               />
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
               colspan="1"
               role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -79123,21 +78992,21 @@ Object {
             style="display: flex; flex: 1 0 auto; min-width: 0px;"
           >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 rounded-s-lg text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               Test
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               Test
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79146,7 +79015,7 @@ Object {
               </span>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79155,14 +79024,14 @@ Object {
               </span>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               0
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 rounded-e-lg text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79175,21 +79044,21 @@ Object {
             style="display: flex; flex: 1 0 auto; min-width: 0px;"
           >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 rounded-s-lg text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               Test
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               Test
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79198,7 +79067,7 @@ Object {
               </span>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79207,14 +79076,14 @@ Object {
               </span>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               100
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 rounded-e-lg text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79236,7 +79105,7 @@ Object {
             style="display: flex; flex: 1 0 auto; min-width: 0px;"
           >
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
               colspan="1"
               role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -79250,7 +79119,7 @@ Object {
               />
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
               colspan="1"
               role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -79264,7 +79133,7 @@ Object {
               />
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
               colspan="1"
               role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -79278,7 +79147,7 @@ Object {
               />
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
               colspan="1"
               role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -79292,7 +79161,7 @@ Object {
               />
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
               colspan="1"
               role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -79306,7 +79175,7 @@ Object {
               />
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
               colspan="1"
               role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -79363,7 +79232,7 @@ Object {
           </div>
         </div>
         <div
-          class="flex flex-col relative z-0 no-scrollbar gap-1"
+          class="flex flex-col relative z-0 no-scrollbar gap-2"
           role="rowgroup"
         >
           <div
@@ -79372,21 +79241,21 @@ Object {
             style="display: flex; flex: 1 0 auto; min-width: 0px;"
           >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 rounded-s-lg text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               Test
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               Test
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79395,7 +79264,7 @@ Object {
               </span>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79404,14 +79273,14 @@ Object {
               </span>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               0
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 rounded-e-lg text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79424,21 +79293,21 @@ Object {
             style="display: flex; flex: 1 0 auto; min-width: 0px;"
           >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 rounded-s-lg text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               Test
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               Test
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79447,7 +79316,7 @@ Object {
               </span>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79456,14 +79325,14 @@ Object {
               </span>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               100
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 rounded-e-lg text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79612,7 +79481,7 @@ Object {
           </div>
         </div>
         <div
-          class="flex flex-col relative z-0 no-scrollbar gap-1"
+          class="flex flex-col relative z-0 no-scrollbar gap-3"
           role="rowgroup"
         >
           <div
@@ -79734,7 +79603,7 @@ Object {
             style="display: flex; flex: 1 0 auto; min-width: 0px;"
           >
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
               colspan="1"
               role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -79748,7 +79617,7 @@ Object {
               />
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
               colspan="1"
               role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -79762,7 +79631,7 @@ Object {
               />
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
               colspan="1"
               role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -79776,7 +79645,7 @@ Object {
               />
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
               colspan="1"
               role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -79790,7 +79659,7 @@ Object {
               />
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
               colspan="1"
               role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -79804,7 +79673,7 @@ Object {
               />
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
               colspan="1"
               role="columnheader"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
@@ -79861,7 +79730,7 @@ Object {
           </div>
         </div>
         <div
-          class="flex flex-col relative z-0 no-scrollbar gap-1"
+          class="flex flex-col relative z-0 no-scrollbar gap-4"
           role="rowgroup"
         >
           <div
@@ -79870,21 +79739,21 @@ Object {
             style="display: flex; flex: 1 0 auto; min-width: 0px;"
           >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 rounded-s-lg text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               Test
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               Test
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79893,7 +79762,7 @@ Object {
               </span>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79902,14 +79771,14 @@ Object {
               </span>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               0
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 rounded-e-lg text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79922,21 +79791,21 @@ Object {
             style="display: flex; flex: 1 0 auto; min-width: 0px;"
           >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 rounded-s-lg text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               Test
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               Test
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79945,7 +79814,7 @@ Object {
               </span>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79954,14 +79823,14 @@ Object {
               </span>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
               100
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 rounded-e-lg text-bulma bg-goku border-goku"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
@@ -79970,589 +79839,338 @@ Object {
           </div>
         </div>
       </div>
+    </div>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+
+exports[`Table in RTL renders RowSizes 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
       <div
-        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-        role="table"
+        dir="rtl"
       >
         <div
-          class="flex flex-col sticky top-0 z-[99]"
+          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+          role="table"
         >
           <div
-            class="flex rounded-moon-s-sm sticky"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            class="flex flex-col sticky top-0 z-[99]"
           >
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              class="flex rounded-moon-s-sm sticky"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
-              First Name
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+                class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                First Name
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Last Name
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Age
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Visits
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Activity
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Status
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
-              Last Name
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Age
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Visits
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Activity
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Status
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
             </div>
           </div>
           <div
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-          </div>
-        </div>
-        <div
-          class="flex flex-col relative z-0 no-scrollbar gap-1"
-          role="rowgroup"
-        >
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            class="flex flex-col relative z-0 no-scrollbar gap-1"
+            role="rowgroup"
           >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 rounded-s-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
-              <span>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 rounded-s-lg text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                <span>
+                  0
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                <span>
+                  0
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
                 0
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 rounded-e-lg text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
                 0
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              0
+              </div>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 rounded-e-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
-              0
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 rounded-s-lg text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                <span>
+                  30
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                <span>
+                  100
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                100
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 rounded-e-lg text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                100
+              </div>
             </div>
           </div>
+        </div>
+        <div
+          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+          role="table"
+        >
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            class="flex flex-col sticky top-0 z-[99]"
           >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 rounded-s-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
-                30
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
-                100
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              100
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 rounded-e-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              100
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-        role="table"
-      >
-        <div
-          class="flex flex-col sticky top-0 z-[99]"
-        >
-          <div
-            class="flex rounded-moon-s-sm sticky"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              First Name
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Last Name
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Age
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Visits
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Activity
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-            <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            >
-              Status
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
-            </div>
-          </div>
-          <div
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-            <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
-            />
-          </div>
-        </div>
-        <div
-          class="flex flex-col relative z-0 no-scrollbar gap-1"
-          role="rowgroup"
-        >
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 rounded-s-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
-                0
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
-                0
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              0
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 rounded-e-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              0
-            </div>
-          </div>
-          <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 0px;"
-          >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 rounded-s-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
-                30
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              <span>
-                100
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              100
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 rounded-e-lg text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
-            >
-              100
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  "debug": [Function],
-  "findAllByAltText": [Function],
-  "findAllByDisplayValue": [Function],
-  "findAllByLabelText": [Function],
-  "findAllByPlaceholderText": [Function],
-  "findAllByRole": [Function],
-  "findAllByTestId": [Function],
-  "findAllByText": [Function],
-  "findAllByTitle": [Function],
-  "findByAltText": [Function],
-  "findByDisplayValue": [Function],
-  "findByLabelText": [Function],
-  "findByPlaceholderText": [Function],
-  "findByRole": [Function],
-  "findByTestId": [Function],
-  "findByText": [Function],
-  "findByTitle": [Function],
-  "getAllByAltText": [Function],
-  "getAllByDisplayValue": [Function],
-  "getAllByLabelText": [Function],
-  "getAllByPlaceholderText": [Function],
-  "getAllByRole": [Function],
-  "getAllByTestId": [Function],
-  "getAllByText": [Function],
-  "getAllByTitle": [Function],
-  "getByAltText": [Function],
-  "getByDisplayValue": [Function],
-  "getByLabelText": [Function],
-  "getByPlaceholderText": [Function],
-  "getByRole": [Function],
-  "getByTestId": [Function],
-  "getByText": [Function],
-  "getByTitle": [Function],
-  "queryAllByAltText": [Function],
-  "queryAllByDisplayValue": [Function],
-  "queryAllByLabelText": [Function],
-  "queryAllByPlaceholderText": [Function],
-  "queryAllByRole": [Function],
-  "queryAllByTestId": [Function],
-  "queryAllByText": [Function],
-  "queryAllByTitle": [Function],
-  "queryByAltText": [Function],
-  "queryByDisplayValue": [Function],
-  "queryByLabelText": [Function],
-  "queryByPlaceholderText": [Function],
-  "queryByRole": [Function],
-  "queryByTestId": [Function],
-  "queryByText": [Function],
-  "queryByTitle": [Function],
-  "rerender": [Function],
-  "unmount": [Function],
-}
-`;
-
-exports[`Table in RTL renders SelectableCheckboxes 1`] = `
-Object {
-  "asFragment": [Function],
-  "baseElement": <body>
-    <div>
-      <div
-        dir="rtl"
-      >
-        <div
-          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-          role="table"
-          style="width: 800px; height: 400px;"
-        >
-          <div
-            class="flex flex-col sticky top-0 z-[99]"
-          >
-            <div
-              class="flex rounded-moon-s-sm sticky"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              class="flex rounded-moon-s-sm sticky"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
                 colspan="1"
-                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                Select
+                First Name
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -80561,14 +80179,12 @@ Object {
                 />
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="2"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+                colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 300 0 auto; min-width: 200px; width: 300px; position: sticky; z-index: 3; left: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                Name
+                Last Name
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -80577,12 +80193,12 @@ Object {
                 />
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-                colspan="4"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+                colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 500 0 auto; min-width: 400px; width: 500px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                Info
+                Age
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -80591,14 +80207,12 @@ Object {
                 />
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
                 colspan="1"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                Progress
+                Visits
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -80606,55 +80220,13 @@ Object {
                   style="cursor: col-resize;"
                 />
               </div>
-            </div>
-            <div
-              class="flex rounded-moon-s-sm sticky"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
-            >
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
                 colspan="1"
-                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_root"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_root"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
+                Activity
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -80663,13 +80235,12 @@ Object {
                 />
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
                 colspan="1"
-                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                First Name
+                Status
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -80677,72 +80248,179 @@ Object {
                   style="cursor: col-resize;"
                 />
               </div>
+            </div>
+            <div
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            >
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                class="relative"
                 colspan="1"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
-              >
-                Last Name
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                class="relative"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
-              >
-                Age
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                class="relative"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
-              >
-                Visits
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                class="relative"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
-              >
-                Activity
-                <div
-                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                  draggable="false"
-                  role="separator"
-                  style="cursor: col-resize;"
-                />
-              </div>
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                class="relative"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
-              >
-                Status
-                <div
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+            </div>
+          </div>
+          <div
+            class="flex flex-col relative z-0 no-scrollbar gap-1"
+            role="rowgroup"
+          >
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 rounded-s-lg text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                <span>
+                  0
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                <span>
+                  0
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                0
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 rounded-e-lg text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                0
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 rounded-s-lg text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                <span>
+                  30
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                <span>
+                  100
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                100
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 rounded-e-lg text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                100
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+          role="table"
+        >
+          <div
+            class="flex flex-col sticky top-0 z-[99]"
+          >
+            <div
+              class="flex rounded-moon-s-sm sticky"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            >
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                First Name
+                <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
                   role="separator"
@@ -80750,14 +80428,12 @@ Object {
                 />
               </div>
               <div
-                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                Profile Progress
+                Last Name
                 <div
                   class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
                   draggable="false"
@@ -80765,64 +80441,102 @@ Object {
                   style="cursor: col-resize;"
                 />
               </div>
-            </div>
-            <div
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
-            >
               <div
-                class="relative"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
-                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              />
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Age
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
               <div
-                class="relative"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
                 colspan="1"
-                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              />
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Visits
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Activity
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Status
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+            </div>
+            <div
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            >
               <div
                 class="relative"
                 colspan="1"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
               <div
                 class="relative"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
               <div
                 class="relative"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
               <div
                 class="relative"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
               <div
                 class="relative"
                 colspan="1"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
               <div
                 class="relative"
                 colspan="1"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
                 role="columnheader"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               />
             </div>
           </div>
@@ -80833,72 +80547,26 @@ Object {
             <div
               class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_0"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_0"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 <span>
                   0
@@ -80907,7 +80575,7 @@ Object {
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 <span>
                   0
@@ -80916,98 +80584,41 @@ Object {
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 0
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 0
               </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  0
-                </span>
-              </div>
             </div>
             <div
               class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_1"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_1"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 <span>
                   30
@@ -81016,7 +80627,7 @@ Object {
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 <span>
                   100
@@ -81025,1682 +80636,4501 @@ Object {
               <div
                 class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 100
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 100
               </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  100
-                </span>
-              </div>
             </div>
+          </div>
+        </div>
+        <div
+          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+          role="table"
+        >
+          <div
+            class="flex flex-col sticky top-0 z-[99]"
+          >
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              class="flex rounded-moon-s-sm sticky"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
+                First Name
                 <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_2"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_2"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                Test
+                Last Name
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                Test
+                Age
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                <span>
-                  60
-                </span>
+                Visits
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                <span>
-                  200
-                </span>
+                Activity
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                200
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                200
+                Status
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
+            </div>
+            <div
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  200
-                </span>
-              </div>
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
             </div>
+          </div>
+          <div
+            class="flex flex-col relative z-0 no-scrollbar gap-1"
+            role="rowgroup"
+          >
             <div
               class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_3"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_3"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 rounded-s-lg text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 <span>
-                  90
+                  0
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 <span>
-                  300
+                  0
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                300
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
-                300
+                0
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 rounded-e-lg text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
-                <span>
-                  300
-                </span>
+                0
               </div>
             </div>
             <div
               class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_4"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_4"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 rounded-s-lg text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 <span>
-                  120
+                  30
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 <span>
-                  400
+                  100
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
-                400
+                100
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 rounded-e-lg text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
-                400
+                100
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+          role="table"
+        >
+          <div
+            class="flex flex-col sticky top-0 z-[99]"
+          >
+            <div
+              class="flex rounded-moon-s-sm sticky"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            >
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                First Name
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                <span>
-                  400
-                </span>
+                Last Name
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Age
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Visits
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Activity
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              >
+                Status
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
             </div>
+            <div
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            >
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+            </div>
+          </div>
+          <div
+            class="flex flex-col relative z-0 no-scrollbar gap-1"
+            role="rowgroup"
+          >
             <div
               class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 rounded-s-lg text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_5"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_5"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
+                Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
-                Test
+                <span>
+                  0
+                </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 <span>
-                  150
+                  0
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
-                <span>
-                  500
-                </span>
+                0
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 rounded-e-lg text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
-                500
+                0
               </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 rounded-s-lg text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
-                500
+                Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 <span>
-                  500
+                  30
                 </span>
               </div>
-            </div>
-            <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
-            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_6"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_6"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  180
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 <span>
-                  600
+                  100
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                600
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
-                600
+                100
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 rounded-e-lg text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
-                <span>
-                  600
-                </span>
+                100
               </div>
             </div>
+          </div>
+        </div>
+        <div
+          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+          role="table"
+        >
+          <div
+            class="flex flex-col sticky top-0 z-[99]"
+          >
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              class="flex rounded-moon-s-sm sticky"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
+                First Name
                 <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_7"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_7"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                Test
+                Last Name
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                Test
+                Age
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                <span>
-                  210
-                </span>
+                Visits
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                <span>
-                  700
-                </span>
+                Activity
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
               >
-                700
+                Status
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
               </div>
+            </div>
+            <div
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
+            >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                700
-              </div>
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  700
-                </span>
-              </div>
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+              />
             </div>
+          </div>
+          <div
+            class="flex flex-col relative z-0 no-scrollbar gap-1"
+            role="rowgroup"
+          >
             <div
               class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_8"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_8"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 rounded-s-lg text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 <span>
-                  240
+                  0
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 <span>
-                  800
+                  0
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                800
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
-                800
+                0
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 rounded-e-lg text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
-                <span>
-                  800
-                </span>
+                0
               </div>
             </div>
             <div
               class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
               role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              style="display: flex; flex: 1 0 auto; min-width: 0px;"
             >
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_9"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_9"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 rounded-s-lg text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 Test
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 <span>
-                  270
+                  30
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
                 <span>
-                  900
+                  100
                 </span>
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                900
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
-                900
+                100
               </div>
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 rounded-e-lg text-bulma bg-goku border-goku"
                 role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
               >
-                <span>
-                  900
-                </span>
+                100
               </div>
             </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      dir="rtl"
+    >
+      <div
+        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+        role="table"
+      >
+        <div
+          class="flex flex-col sticky top-0 z-[99]"
+        >
+          <div
+            class="flex rounded-moon-s-sm sticky"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
             >
+              First Name
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_10"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_10"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  300
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  1000
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                1000
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                1000
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  1000
-                </span>
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
             >
+              Last Name
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_11"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_11"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  330
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  1100
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                1100
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                1100
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  1100
-                </span>
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
             >
+              Age
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_12"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_12"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  360
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  1200
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                1200
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                1200
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  1200
-                </span>
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
             >
+              Visits
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_13"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_13"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  390
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  1300
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                1300
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                1300
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  1300
-                </span>
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
             >
+              Activity
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_14"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_14"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-12 px-2 py-1 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Status
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  420
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  1400
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                1400
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                1400
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  1400
-                </span>
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
             </div>
+          </div>
+          <div
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+          </div>
+        </div>
+        <div
+          class="flex flex-col relative z-0 no-scrollbar gap-1"
+          role="rowgroup"
+        >
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 rounded-s-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_15"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_15"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  450
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  1500
-                </span>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                1500
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                1500
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  1500
-                </span>
-              </div>
+              Test
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
             >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                0
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                0
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              0
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 rounded-e-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              0
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 rounded-s-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                30
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                100
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              100
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-12 px-2 py-1 rounded-e-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              100
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+        role="table"
+      >
+        <div
+          class="flex flex-col sticky top-0 z-[99]"
+        >
+          <div
+            class="flex rounded-moon-s-sm sticky"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              First Name
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_16"
-                  >
-                    <input
-                      aria-checked="false"
-                      aria-label="Checkbox"
-                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
-                      id="any_unique_string_for_each_table_16"
-                      type="checkbox"
-                    />
-                    <span
-                      aria-hidden="true"
-                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
-                    >
-                      <svg
-                        class="transition-opacity opacity-0"
-                        fill="none"
-                        height="1em"
-                        viewBox="0 0 32 32"
-                        width="1em"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7 14.9412L13.6667 22L25 10"
-                          stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                        />
-                      </svg>
-                    </span>
-                  </label>
-                </div>
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                data-sticky-last-left-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
-              >
-                Test
-              </div>
-              <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                <span>
-                  480
-                </span>
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Last Name
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                <span>
-                  1600
-                </span>
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Age
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-              >
-                1600
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Visits
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-                role="cell"
-                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-              >
-                1600
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Activity
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-                data-sticky-first-right-td="true"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-              >
-                <span>
-                  1600
-                </span>
-              </div>
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
             </div>
             <div
-              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-              role="row"
-              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-1 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
             >
+              Status
               <div
-                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-                data-sticky-td="true"
-                role="cell"
-                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-              >
-                <div
-                  class="flex items-center h-full"
-                >
-                  <label
-                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
-                    for="any_unique_string_for_each_table_17"
-                  >
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+          </div>
+          <div
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+          </div>
+        </div>
+        <div
+          class="flex flex-col relative z-0 no-scrollbar gap-1"
+          role="rowgroup"
+        >
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 rounded-s-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                0
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                0
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              0
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 rounded-e-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              0
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 rounded-s-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                30
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                100
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              100
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-1 rounded-e-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              100
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+        role="table"
+      >
+        <div
+          class="flex flex-col sticky top-0 z-[99]"
+        >
+          <div
+            class="flex rounded-moon-s-sm sticky"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              First Name
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Last Name
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Age
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Visits
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Activity
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Status
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+          </div>
+          <div
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+          </div>
+        </div>
+        <div
+          class="flex flex-col relative z-0 no-scrollbar gap-1"
+          role="rowgroup"
+        >
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                0
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                0
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              0
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              0
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                30
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                100
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              100
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              100
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+        role="table"
+      >
+        <div
+          class="flex flex-col sticky top-0 z-[99]"
+        >
+          <div
+            class="flex rounded-moon-s-sm sticky"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              First Name
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Last Name
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Age
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Visits
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Activity
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-3 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Status
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+          </div>
+          <div
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+          </div>
+        </div>
+        <div
+          class="flex flex-col relative z-0 no-scrollbar gap-1"
+          role="rowgroup"
+        >
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 rounded-s-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                0
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                0
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              0
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 rounded-e-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              0
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 rounded-s-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                30
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                100
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              100
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-3 rounded-e-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              100
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+        role="table"
+      >
+        <div
+          class="flex flex-col sticky top-0 z-[99]"
+        >
+          <div
+            class="flex rounded-moon-s-sm sticky"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              First Name
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Last Name
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Age
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Visits
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Activity
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-4 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Status
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+          </div>
+          <div
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+          </div>
+        </div>
+        <div
+          class="flex flex-col relative z-0 no-scrollbar gap-1"
+          role="rowgroup"
+        >
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 rounded-s-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                0
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                0
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              0
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 rounded-e-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              0
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 rounded-s-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                30
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                100
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              100
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-4 rounded-e-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              100
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+        role="table"
+      >
+        <div
+          class="flex flex-col sticky top-0 z-[99]"
+        >
+          <div
+            class="flex rounded-moon-s-sm sticky"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              First Name
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Last Name
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Age
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Visits
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Activity
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-5 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            >
+              Status
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+          </div>
+          <div
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;"
+            />
+          </div>
+        </div>
+        <div
+          class="flex flex-col relative z-0 no-scrollbar gap-1"
+          role="rowgroup"
+        >
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 rounded-s-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                0
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                0
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              0
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 rounded-e-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              0
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 0px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 rounded-s-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                30
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              <span>
+                100
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              100
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-5 rounded-e-lg text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px;"
+            >
+              100
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+
+exports[`Table in RTL renders SelectableCheckboxes 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <div
+        dir="rtl"
+      >
+        <div
+          class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+          role="table"
+          style="width: 800px; height: 400px;"
+        >
+          <div
+            class="flex flex-col sticky top-0 z-[99]"
+          >
+            <div
+              class="flex rounded-moon-s-sm sticky"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                Select
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="2"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 300 0 auto; min-width: 200px; width: 300px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Name
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="4"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 500 0 auto; min-width: 400px; width: 500px; position: relative;"
+              >
+                Info
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+                colspan="1"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                Progress
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+            </div>
+            <div
+              class="flex rounded-moon-s-sm sticky"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_root"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_root"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                First Name
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Last Name
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+              >
+                Age
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+              >
+                Visits
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+              >
+                Activity
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+              >
+                Status
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+              <div
+                class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+                colspan="1"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                Profile Progress
+                <div
+                  class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                  draggable="false"
+                  role="separator"
+                  style="cursor: col-resize;"
+                />
+              </div>
+            </div>
+            <div
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative"
+                colspan="1"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+              />
+              <div
+                class="relative"
+                colspan="1"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="columnheader"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              />
+            </div>
+          </div>
+          <div
+            class="flex flex-col relative z-0 no-scrollbar gap-1"
+            role="rowgroup"
+          >
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_0"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_0"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  0
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  0
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                0
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                0
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  0
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_1"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_1"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  30
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  100
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                100
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                100
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  100
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_2"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_2"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  60
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  200
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                200
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                200
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  200
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_3"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_3"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  90
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  300
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                300
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                300
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  300
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_4"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_4"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  120
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  400
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                400
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                400
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  400
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_5"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_5"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  150
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  500
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                500
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                500
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  500
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_6"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_6"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  180
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  600
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                600
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                600
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  600
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_7"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_7"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  210
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  700
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                700
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                700
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  700
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_8"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_8"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  240
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  800
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                800
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                800
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  800
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_9"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_9"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  270
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  900
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                900
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                900
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  900
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_10"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_10"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  300
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1000
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1000
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                1000
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1000
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_11"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_11"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  330
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1100
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1100
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                1100
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1100
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_12"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_12"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  360
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1200
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1200
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                1200
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1200
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_13"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_13"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  390
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1300
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1300
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                1300
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1300
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_14"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_14"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  420
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1400
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1400
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                1400
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1400
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_15"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_15"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  450
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1500
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1500
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                1500
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1500
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_16"
+                  >
+                    <input
+                      aria-checked="false"
+                      aria-label="Checkbox"
+                      class="peer appearance-none h-6 w-6 outline-none align-top select-none"
+                      id="any_unique_string_for_each_table_16"
+                      type="checkbox"
+                    />
+                    <span
+                      aria-hidden="true"
+                      class="absolute top-1 start-1 flex w-4 h-4 items-center justify-center shadow-[0_0_0_1px_inset] transition-colors text-moon-16 rounded-moon-s-xs shadow-trunks peer-checked:shadow-none text-goten"
+                    >
+                      <svg
+                        class="transition-opacity opacity-0"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M7 14.9412L13.6667 22L25 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </label>
+                </div>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                data-sticky-last-left-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 300px;"
+              >
+                Test
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                <span>
+                  480
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                <span>
+                  1600
+                </span>
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              >
+                1600
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+                role="cell"
+                style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+              >
+                1600
+              </div>
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+                data-sticky-first-right-td="true"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              >
+                <span>
+                  1600
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+              role="row"
+              style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            >
+              <div
+                class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+                data-sticky-td="true"
+                role="cell"
+                style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+              >
+                <div
+                  class="flex items-center h-full"
+                >
+                  <label
+                    class="relative flex items-center gap-2 text-moon-14 text-bulma cursor-pointer"
+                    for="any_unique_string_for_each_table_17"
+                  >
                     <input
                       aria-checked="false"
                       aria-label="Checkbox"
@@ -159551,7 +161981,343 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              60
+              60
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              200
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            200
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            200
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <span>
+              200
+            </span>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 700px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
+            <span
+              style="cursor: pointer; padding-left: 0rem;"
+              title="Toggle Row Expanded"
+            >
+              <svg
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M11.5 7L20.5 16L11.5 25"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+              </svg>
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+          >
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              90
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              300
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            300
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            300
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <span>
+              300
+            </span>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 700px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
+            <span
+              style="cursor: pointer; padding-left: 0rem;"
+              title="Toggle Row Expanded"
+            >
+              <svg
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M11.5 7L20.5 16L11.5 25"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+              </svg>
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+          >
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              120
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              400
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            400
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            400
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <span>
+              400
+            </span>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 700px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
+            <span
+              style="cursor: pointer; padding-left: 0rem;"
+              title="Toggle Row Expanded"
+            >
+              <svg
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M11.5 7L20.5 16L11.5 25"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+              </svg>
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+          >
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              150
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              500
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            500
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            500
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <span>
+              500
+            </span>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 700px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
+            <span
+              style="cursor: pointer; padding-left: 0rem;"
+              title="Toggle Row Expanded"
+            >
+              <svg
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M11.5 7L20.5 16L11.5 25"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+              </svg>
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+          >
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              180
             </span>
           </div>
           <div
@@ -159560,7 +162326,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              200
+              600
             </span>
           </div>
           <div
@@ -159568,14 +162334,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            200
+            600
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            200
+            600
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -159585,7 +162351,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              200
+              600
             </span>
           </div>
         </div>
@@ -159635,7 +162401,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              90
+              210
             </span>
           </div>
           <div
@@ -159644,7 +162410,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              300
+              700
             </span>
           </div>
           <div
@@ -159652,14 +162418,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            300
+            700
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            300
+            700
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -159669,7 +162435,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              300
+              700
             </span>
           </div>
         </div>
@@ -159719,7 +162485,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              120
+              240
             </span>
           </div>
           <div
@@ -159728,7 +162494,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              400
+              800
             </span>
           </div>
           <div
@@ -159736,14 +162502,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            400
+            800
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            400
+            800
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -159753,7 +162519,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              400
+              800
             </span>
           </div>
         </div>
@@ -159803,7 +162569,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              150
+              270
             </span>
           </div>
           <div
@@ -159812,7 +162578,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              500
+              900
             </span>
           </div>
           <div
@@ -159820,14 +162586,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            500
+            900
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            500
+            900
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -159837,7 +162603,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              500
+              900
             </span>
           </div>
         </div>
@@ -159887,7 +162653,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              180
+              300
             </span>
           </div>
           <div
@@ -159896,7 +162662,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              600
+              1000
             </span>
           </div>
           <div
@@ -159904,14 +162670,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            600
+            1000
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            600
+            1000
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -159921,7 +162687,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              600
+              1000
             </span>
           </div>
         </div>
@@ -159971,7 +162737,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              210
+              330
             </span>
           </div>
           <div
@@ -159980,7 +162746,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              700
+              1100
             </span>
           </div>
           <div
@@ -159988,14 +162754,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            700
+            1100
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            700
+            1100
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -160005,7 +162771,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              700
+              1100
             </span>
           </div>
         </div>
@@ -160055,7 +162821,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              240
+              360
             </span>
           </div>
           <div
@@ -160064,7 +162830,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              800
+              1200
             </span>
           </div>
           <div
@@ -160072,14 +162838,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            800
+            1200
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            800
+            1200
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -160089,7 +162855,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              800
+              1200
             </span>
           </div>
         </div>
@@ -160139,7 +162905,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              270
+              390
             </span>
           </div>
           <div
@@ -160148,7 +162914,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              900
+              1300
             </span>
           </div>
           <div
@@ -160156,14 +162922,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            900
+            1300
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            900
+            1300
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -160173,7 +162939,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              900
+              1300
             </span>
           </div>
         </div>
@@ -160223,7 +162989,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              300
+              420
             </span>
           </div>
           <div
@@ -160232,7 +162998,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1000
+              1400
             </span>
           </div>
           <div
@@ -160240,14 +163006,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1000
+            1400
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1000
+            1400
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -160257,7 +163023,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              1000
+              1400
             </span>
           </div>
         </div>
@@ -160307,7 +163073,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              330
+              450
             </span>
           </div>
           <div
@@ -160316,7 +163082,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1100
+              1500
             </span>
           </div>
           <div
@@ -160324,14 +163090,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1100
+            1500
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1100
+            1500
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -160341,7 +163107,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              1100
+              1500
             </span>
           </div>
         </div>
@@ -160391,7 +163157,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              360
+              480
             </span>
           </div>
           <div
@@ -160400,7 +163166,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1200
+              1600
             </span>
           </div>
           <div
@@ -160408,14 +163174,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1200
+            1600
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1200
+            1600
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -160425,7 +163191,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              1200
+              1600
             </span>
           </div>
         </div>
@@ -160475,7 +163241,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              390
+              510
             </span>
           </div>
           <div
@@ -160484,7 +163250,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1300
+              1700
             </span>
           </div>
           <div
@@ -160492,14 +163258,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1300
+            1700
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1300
+            1700
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -160509,7 +163275,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              1300
+              1700
             </span>
           </div>
         </div>
@@ -160559,7 +163325,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              420
+              540
             </span>
           </div>
           <div
@@ -160568,7 +163334,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1400
+              1800
             </span>
           </div>
           <div
@@ -160576,14 +163342,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1400
+            1800
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1400
+            1800
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -160593,7 +163359,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              1400
+              1800
             </span>
           </div>
         </div>
@@ -160643,7 +163409,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              450
+              570
             </span>
           </div>
           <div
@@ -160652,7 +163418,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1500
+              1900
             </span>
           </div>
           <div
@@ -160660,14 +163426,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1500
+            1900
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1500
+            1900
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -160677,7 +163443,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              1500
+              1900
             </span>
           </div>
         </div>
@@ -160727,7 +163493,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              480
+              600
             </span>
           </div>
           <div
@@ -160736,7 +163502,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1600
+              2000
             </span>
           </div>
           <div
@@ -160744,14 +163510,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1600
+            2000
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1600
+            2000
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -160761,7 +163527,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              1600
+              2000
             </span>
           </div>
         </div>
@@ -160811,7 +163577,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              510
+              630
             </span>
           </div>
           <div
@@ -160820,7 +163586,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1700
+              2100
             </span>
           </div>
           <div
@@ -160828,14 +163594,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1700
+            2100
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1700
+            2100
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -160845,7 +163611,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              1700
+              2100
             </span>
           </div>
         </div>
@@ -160895,7 +163661,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              540
+              660
             </span>
           </div>
           <div
@@ -160904,7 +163670,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1800
+              2200
             </span>
           </div>
           <div
@@ -160912,14 +163678,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1800
+            2200
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1800
+            2200
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -160929,7 +163695,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              1800
+              2200
             </span>
           </div>
         </div>
@@ -160979,7 +163745,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              570
+              690
             </span>
           </div>
           <div
@@ -160988,7 +163754,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1900
+              2300
             </span>
           </div>
           <div
@@ -160996,14 +163762,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1900
+            2300
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1900
+            2300
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -161013,7 +163779,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              1900
+              2300
             </span>
           </div>
         </div>
@@ -161063,7 +163829,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              600
+              720
             </span>
           </div>
           <div
@@ -161072,7 +163838,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              2000
+              2400
             </span>
           </div>
           <div
@@ -161080,14 +163846,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            2000
+            2400
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            2000
+            2400
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -161097,7 +163863,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              2000
+              2400
             </span>
           </div>
         </div>
@@ -161147,7 +163913,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              630
+              750
             </span>
           </div>
           <div
@@ -161156,7 +163922,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              2100
+              2500
             </span>
           </div>
           <div
@@ -161164,14 +163930,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            2100
+            2500
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            2100
+            2500
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -161181,7 +163947,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              2100
+              2500
             </span>
           </div>
         </div>
@@ -161231,7 +163997,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              660
+              780
             </span>
           </div>
           <div
@@ -161240,7 +164006,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              2200
+              2600
             </span>
           </div>
           <div
@@ -161248,14 +164014,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            2200
+            2600
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            2200
+            2600
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -161265,7 +164031,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              2200
+              2600
             </span>
           </div>
         </div>
@@ -161315,7 +164081,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              690
+              810
             </span>
           </div>
           <div
@@ -161324,7 +164090,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              2300
+              2700
             </span>
           </div>
           <div
@@ -161332,14 +164098,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            2300
+            2700
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            2300
+            2700
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -161349,7 +164115,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              2300
+              2700
             </span>
           </div>
         </div>
@@ -161399,7 +164165,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              720
+              840
             </span>
           </div>
           <div
@@ -161408,7 +164174,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              2400
+              2800
             </span>
           </div>
           <div
@@ -161416,14 +164182,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            2400
+            2800
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            2400
+            2800
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -161433,7 +164199,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              2400
+              2800
             </span>
           </div>
         </div>
@@ -161483,7 +164249,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              750
+              870
             </span>
           </div>
           <div
@@ -161492,7 +164258,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              2500
+              2900
             </span>
           </div>
           <div
@@ -161500,14 +164266,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            2500
+            2900
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            2500
+            2900
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -161517,7 +164283,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              2500
+              2900
             </span>
           </div>
         </div>
@@ -161567,7 +164333,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              780
+              900
             </span>
           </div>
           <div
@@ -161576,7 +164342,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              2600
+              3000
             </span>
           </div>
           <div
@@ -161584,14 +164350,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            2600
+            3000
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            2600
+            3000
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -161601,7 +164367,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              2600
+              3000
             </span>
           </div>
         </div>
@@ -161651,7 +164417,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              810
+              930
             </span>
           </div>
           <div
@@ -161660,7 +164426,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              2700
+              3100
             </span>
           </div>
           <div
@@ -161668,14 +164434,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            2700
+            3100
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            2700
+            3100
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -161685,7 +164451,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              2700
+              3100
             </span>
           </div>
         </div>
@@ -161735,7 +164501,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              840
+              960
             </span>
           </div>
           <div
@@ -161744,7 +164510,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              2800
+              3200
             </span>
           </div>
           <div
@@ -161752,14 +164518,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            2800
+            3200
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            2800
+            3200
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -161769,7 +164535,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              2800
+              3200
             </span>
           </div>
         </div>
@@ -161819,7 +164585,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              870
+              990
             </span>
           </div>
           <div
@@ -161828,7 +164594,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              2900
+              3300
             </span>
           </div>
           <div
@@ -161836,14 +164602,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            2900
+            3300
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            2900
+            3300
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -161853,7 +164619,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              2900
+              3300
             </span>
           </div>
         </div>
@@ -161903,7 +164669,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              900
+              1020
             </span>
           </div>
           <div
@@ -161912,7 +164678,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              3000
+              3400
             </span>
           </div>
           <div
@@ -161920,14 +164686,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            3000
+            3400
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            3000
+            3400
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -161937,7 +164703,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              3000
+              3400
             </span>
           </div>
         </div>
@@ -161987,7 +164753,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              930
+              1050
             </span>
           </div>
           <div
@@ -161996,7 +164762,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              3100
+              3500
             </span>
           </div>
           <div
@@ -162004,14 +164770,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            3100
+            3500
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            3100
+            3500
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -162021,7 +164787,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              3100
+              3500
             </span>
           </div>
         </div>
@@ -162071,7 +164837,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              960
+              1080
             </span>
           </div>
           <div
@@ -162080,7 +164846,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              3200
+              3600
             </span>
           </div>
           <div
@@ -162088,14 +164854,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            3200
+            3600
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            3200
+            3600
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -162105,7 +164871,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              3200
+              3600
             </span>
           </div>
         </div>
@@ -162155,7 +164921,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              990
+              1110
             </span>
           </div>
           <div
@@ -162164,7 +164930,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              3300
+              3700
             </span>
           </div>
           <div
@@ -162172,14 +164938,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            3300
+            3700
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            3300
+            3700
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -162189,7 +164955,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              3300
+              3700
             </span>
           </div>
         </div>
@@ -162239,7 +165005,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              1020
+              1140
             </span>
           </div>
           <div
@@ -162248,7 +165014,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              3400
+              3800
             </span>
           </div>
           <div
@@ -162256,14 +165022,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            3400
+            3800
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            3400
+            3800
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
@@ -162273,7 +165039,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
             <span>
-              3400
+              3800
             </span>
           </div>
         </div>
@@ -162323,7 +165089,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              1050
+              1170
             </span>
           </div>
           <div
@@ -162332,7 +165098,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              3500
+              3900
             </span>
           </div>
           <div
@@ -162340,518 +165106,1643 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            3500
+            3900
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            3500
+            3900
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <span>
+              3900
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+
+exports[`Table renders ExpandedWithKeepState 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <div
+        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+        role="table"
+        style="width: 800px; height: 400px;"
+      >
+        <div
+          class="flex flex-col sticky top-0 z-[99]"
+        >
+          <div
+            class="flex rounded-moon-s-sm sticky"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+          >
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              Expand
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              Name
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="5"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 650 0 auto; min-width: 500px; width: 650px; position: relative;"
+            >
+              Info
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+              colspan="1"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
+              Actions
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+          </div>
+          <div
+            class="flex rounded-moon-s-sm sticky"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+          >
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              <div
+                class="flex h-full items-center"
+              >
+                <span
+                  style="cursor: pointer;"
+                  title="Toggle All Rows Expanded"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              First Name
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+            >
+              Age
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+            >
+              Visits
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+            >
+              Activity
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+            >
+              Status
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+            >
+              Profile Progress
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+              colspan="1"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
+              Actions
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 800px;"
           >
-            <span>
-              3500
-            </span>
+            <div
+              class="relative"
+              colspan="1"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            />
           </div>
         </div>
         <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 700px;"
+          class="flex flex-col relative z-0 no-scrollbar gap-1"
+          role="rowgroup"
         >
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 800px;"
           >
-            <span
-              style="cursor: pointer; padding-left: 0rem;"
-              title="Toggle Row Expanded"
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <div
+                class="flex h-full items-center"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              1080
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              3600
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            3600
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            3600
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              <span>
+                0
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                0
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              0
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              0
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                0
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+                data-state="closed"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 800px;"
           >
-            <span>
-              3600
-            </span>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              <div
+                class="flex h-full items-center"
+              >
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              <span>
+                30
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                100
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              100
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              100
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                100
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+                data-state="closed"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
           </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 700px;"
-        >
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 800px;"
           >
-            <span
-              style="cursor: pointer; padding-left: 0rem;"
-              title="Toggle Row Expanded"
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              <div
+                class="flex h-full items-center"
+              >
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              <span>
+                60
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                200
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              200
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              200
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                200
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+                data-state="closed"
+                type="button"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              1110
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              3700
-            </span>
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 800px;"
           >
-            3700
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              <div
+                class="flex h-full items-center"
+              >
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              <span>
+                90
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                300
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              300
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              300
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                300
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+                data-state="closed"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 800px;"
           >
-            3700
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              <div
+                class="flex h-full items-center"
+              >
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              <span>
+                120
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                400
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              400
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              400
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                400
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+                data-state="closed"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 800px;"
           >
-            <span>
-              3700
-            </span>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              <div
+                class="flex h-full items-center"
+              >
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              <span>
+                150
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                500
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              500
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              500
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                500
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+                data-state="closed"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
           </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 700px;"
-        >
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 800px;"
           >
-            <span
-              style="cursor: pointer; padding-left: 0rem;"
-              title="Toggle Row Expanded"
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              <div
+                class="flex h-full items-center"
+              >
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              <span>
+                180
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                600
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              600
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              600
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                600
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+                data-state="closed"
+                type="button"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              1140
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              3800
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            3800
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            3800
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-          >
-            <span>
-              3800
-            </span>
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
           </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 700px;"
-        >
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 800px;"
           >
-            <span
-              style="cursor: pointer; padding-left: 0rem;"
-              title="Toggle Row Expanded"
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
             >
-              <svg
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <div
+                class="flex h-full items-center"
               >
-                <path
-                  d="M11.5 7L20.5 16L11.5 25"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              1170
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              3900
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            3900
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              <span>
+                210
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                700
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              700
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              700
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                700
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+                data-state="closed"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 800px;"
           >
-            3900
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              <div
+                class="flex h-full items-center"
+              >
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              <span>
+                240
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                800
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              800
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              800
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                800
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+                data-state="closed"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 800px;"
           >
-            <span>
-              3900
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>,
-  "debug": [Function],
-  "findAllByAltText": [Function],
-  "findAllByDisplayValue": [Function],
-  "findAllByLabelText": [Function],
-  "findAllByPlaceholderText": [Function],
-  "findAllByRole": [Function],
-  "findAllByTestId": [Function],
-  "findAllByText": [Function],
-  "findAllByTitle": [Function],
-  "findByAltText": [Function],
-  "findByDisplayValue": [Function],
-  "findByLabelText": [Function],
-  "findByPlaceholderText": [Function],
-  "findByRole": [Function],
-  "findByTestId": [Function],
-  "findByText": [Function],
-  "findByTitle": [Function],
-  "getAllByAltText": [Function],
-  "getAllByDisplayValue": [Function],
-  "getAllByLabelText": [Function],
-  "getAllByPlaceholderText": [Function],
-  "getAllByRole": [Function],
-  "getAllByTestId": [Function],
-  "getAllByText": [Function],
-  "getAllByTitle": [Function],
-  "getByAltText": [Function],
-  "getByDisplayValue": [Function],
-  "getByLabelText": [Function],
-  "getByPlaceholderText": [Function],
-  "getByRole": [Function],
-  "getByTestId": [Function],
-  "getByText": [Function],
-  "getByTitle": [Function],
-  "queryAllByAltText": [Function],
-  "queryAllByDisplayValue": [Function],
-  "queryAllByLabelText": [Function],
-  "queryAllByPlaceholderText": [Function],
-  "queryAllByRole": [Function],
-  "queryAllByTestId": [Function],
-  "queryAllByText": [Function],
-  "queryAllByTitle": [Function],
-  "queryByAltText": [Function],
-  "queryByDisplayValue": [Function],
-  "queryByLabelText": [Function],
-  "queryByPlaceholderText": [Function],
-  "queryByRole": [Function],
-  "queryByTestId": [Function],
-  "queryByText": [Function],
-  "queryByTitle": [Function],
-  "rerender": [Function],
-  "unmount": [Function],
-}
-`;
-
-exports[`Table renders ExpandedWithKeepState 1`] = `
-Object {
-  "asFragment": [Function],
-  "baseElement": <body>
-    <div>
-      <div
-        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-        role="table"
-        style="width: 800px; height: 400px;"
-      >
-        <div
-          class="flex flex-col sticky top-0 z-[99]"
-        >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              <div
+                class="flex h-full items-center"
+              >
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              <span>
+                270
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                900
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              900
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              900
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                900
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+                data-state="closed"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
           <div
-            class="flex rounded-moon-s-sm sticky"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
             role="row"
             style="display: flex; flex: 1 0 auto; min-width: 800px;"
           >
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
               data-sticky-td="true"
-              role="columnheader"
+              role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
             >
-              Expand
               <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+                class="flex h-full items-center"
+              >
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               data-sticky-last-left-td="true"
               data-sticky-td="true"
-              role="columnheader"
+              role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
             >
-              Name
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+              Test
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="5"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 650 0 auto; min-width: 500px; width: 650px; position: relative;"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              Info
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+              <span>
+                300
+              </span>
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
-              colspan="1"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                1000
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              1000
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              1000
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                1000
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
               data-sticky-first-right-td="true"
               data-sticky-td="true"
-              role="columnheader"
+              role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
             >
-              Actions
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+                data-state="closed"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
             </div>
           </div>
           <div
-            class="flex rounded-moon-s-sm sticky"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
             role="row"
             style="display: flex; flex: 1 0 auto; min-width: 800px;"
           >
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
               data-sticky-td="true"
-              role="columnheader"
+              role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
             >
               <div
                 class="flex h-full items-center"
               >
                 <span
-                  style="cursor: pointer;"
-                  title="Toggle All Rows Expanded"
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
                 >
                   <svg
                     fill="none"
@@ -162869,179 +166760,200 @@ Object {
                   </svg>
                 </span>
               </div>
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               data-sticky-last-left-td="true"
               data-sticky-td="true"
-              role="columnheader"
+              role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
             >
-              First Name
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+              Test
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              Age
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+              <span>
+                330
+              </span>
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              Visits
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+              <span>
+                1100
+              </span>
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              Activity
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+              1100
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              Status
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+              1100
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              Profile Progress
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+              <span>
+                1100
+              </span>
             </div>
             <div
-              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
-              colspan="1"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
               data-sticky-first-right-td="true"
               data-sticky-td="true"
-              role="columnheader"
+              role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
             >
-              Actions
-              <div
-                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-                draggable="false"
-                role="separator"
-                style="cursor: col-resize;"
-              />
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+                data-state="closed"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
             </div>
           </div>
           <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
             role="row"
             style="display: flex; flex: 1 0 auto; min-width: 800px;"
           >
             <div
-              class="relative"
-              colspan="1"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
               data-sticky-td="true"
-              role="columnheader"
+              role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            />
+            >
+              <div
+                class="flex h-full items-center"
+              >
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
             <div
-              class="relative"
-              colspan="1"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               data-sticky-last-left-td="true"
               data-sticky-td="true"
-              role="columnheader"
+              role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            />
+            >
+              Test
+            </div>
             <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
-            />
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              <span>
+                360
+              </span>
+            </div>
             <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
-            />
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                1200
+              </span>
+            </div>
             <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
-            />
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              1200
+            </div>
             <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
-            />
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              1200
+            </div>
             <div
-              class="relative"
-              colspan="1"
-              role="columnheader"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
-            />
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                1200
+              </span>
+            </div>
             <div
-              class="relative"
-              colspan="1"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
               data-sticky-first-right-td="true"
               data-sticky-td="true"
-              role="columnheader"
+              role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-            />
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+                data-state="closed"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
           </div>
-        </div>
-        <div
-          class="flex flex-col relative z-0 no-scrollbar gap-1"
-          role="rowgroup"
-        >
           <div
             class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
             role="row"
@@ -163092,7 +167004,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                0
+                390
               </span>
             </div>
             <div
@@ -163101,7 +167013,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                0
+                1300
               </span>
             </div>
             <div
@@ -163109,14 +167021,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              0
+              1300
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              0
+              1300
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -163124,7 +167036,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                0
+                1300
               </span>
             </div>
             <div
@@ -163206,7 +167118,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                30
+                420
               </span>
             </div>
             <div
@@ -163215,7 +167127,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                100
+                1400
               </span>
             </div>
             <div
@@ -163223,14 +167135,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              100
+              1400
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              100
+              1400
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -163238,7 +167150,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                100
+                1400
               </span>
             </div>
             <div
@@ -163320,7 +167232,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                60
+                450
               </span>
             </div>
             <div
@@ -163329,7 +167241,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                200
+                1500
               </span>
             </div>
             <div
@@ -163337,14 +167249,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              200
+              1500
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              200
+              1500
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -163352,7 +167264,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                200
+                1500
               </span>
             </div>
             <div
@@ -163434,7 +167346,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                90
+                480
               </span>
             </div>
             <div
@@ -163443,7 +167355,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                300
+                1600
               </span>
             </div>
             <div
@@ -163451,14 +167363,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              300
+              1600
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              300
+              1600
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -163466,7 +167378,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                300
+                1600
               </span>
             </div>
             <div
@@ -163548,7 +167460,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                120
+                510
               </span>
             </div>
             <div
@@ -163557,7 +167469,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                400
+                1700
               </span>
             </div>
             <div
@@ -163565,14 +167477,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              400
+              1700
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              400
+              1700
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -163580,7 +167492,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                400
+                1700
               </span>
             </div>
             <div
@@ -163662,7 +167574,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                150
+                540
               </span>
             </div>
             <div
@@ -163671,7 +167583,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                500
+                1800
               </span>
             </div>
             <div
@@ -163679,14 +167591,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              500
+              1800
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              500
+              1800
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -163694,7 +167606,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                500
+                1800
               </span>
             </div>
             <div
@@ -163776,7 +167688,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                180
+                570
               </span>
             </div>
             <div
@@ -163785,7 +167697,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                600
+                1900
               </span>
             </div>
             <div
@@ -163793,24 +167705,138 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              600
+              1900
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              600
+              1900
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                1900
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+                data-state="closed"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            >
+              <div
+                class="flex h-full items-center"
+              >
+                <span
+                  style="cursor: pointer; padding-left: 0rem;"
+                  title="Toggle Row Expanded"
+                >
+                  <svg
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M11.5 7L20.5 16L11.5 25"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            >
+              Test
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
                 600
               </span>
             </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                2000
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              2000
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            >
+              2000
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            >
+              <span>
+                2000
+              </span>
+            </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
               data-sticky-first-right-td="true"
@@ -163890,7 +167916,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                210
+                630
               </span>
             </div>
             <div
@@ -163899,7 +167925,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                700
+                2100
               </span>
             </div>
             <div
@@ -163907,14 +167933,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              700
+              2100
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              700
+              2100
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -163922,7 +167948,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                700
+                2100
               </span>
             </div>
             <div
@@ -164004,7 +168030,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                240
+                660
               </span>
             </div>
             <div
@@ -164013,7 +168039,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                800
+                2200
               </span>
             </div>
             <div
@@ -164021,14 +168047,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              800
+              2200
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              800
+              2200
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -164036,7 +168062,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                800
+                2200
               </span>
             </div>
             <div
@@ -164118,7 +168144,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                270
+                690
               </span>
             </div>
             <div
@@ -164127,7 +168153,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                900
+                2300
               </span>
             </div>
             <div
@@ -164135,14 +168161,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              900
+              2300
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              900
+              2300
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -164150,7 +168176,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                900
+                2300
               </span>
             </div>
             <div
@@ -164232,7 +168258,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                300
+                720
               </span>
             </div>
             <div
@@ -164241,7 +168267,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1000
+                2400
               </span>
             </div>
             <div
@@ -164249,14 +168275,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              1000
+              2400
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              1000
+              2400
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -164264,7 +168290,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1000
+                2400
               </span>
             </div>
             <div
@@ -164346,7 +168372,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                330
+                750
               </span>
             </div>
             <div
@@ -164355,7 +168381,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1100
+                2500
               </span>
             </div>
             <div
@@ -164363,14 +168389,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              1100
+              2500
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              1100
+              2500
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -164378,7 +168404,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1100
+                2500
               </span>
             </div>
             <div
@@ -164460,7 +168486,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                360
+                780
               </span>
             </div>
             <div
@@ -164469,7 +168495,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1200
+                2600
               </span>
             </div>
             <div
@@ -164477,14 +168503,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              1200
+              2600
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              1200
+              2600
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -164492,7 +168518,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1200
+                2600
               </span>
             </div>
             <div
@@ -164574,7 +168600,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                390
+                810
               </span>
             </div>
             <div
@@ -164583,7 +168609,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1300
+                2700
               </span>
             </div>
             <div
@@ -164591,14 +168617,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              1300
+              2700
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              1300
+              2700
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -164606,7 +168632,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1300
+                2700
               </span>
             </div>
             <div
@@ -164688,7 +168714,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                420
+                840
               </span>
             </div>
             <div
@@ -164697,7 +168723,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1400
+                2800
               </span>
             </div>
             <div
@@ -164705,14 +168731,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              1400
+              2800
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              1400
+              2800
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -164720,7 +168746,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1400
+                2800
               </span>
             </div>
             <div
@@ -164802,7 +168828,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                450
+                870
               </span>
             </div>
             <div
@@ -164811,7 +168837,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1500
+                2900
               </span>
             </div>
             <div
@@ -164819,14 +168845,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              1500
+              2900
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              1500
+              2900
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -164834,7 +168860,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1500
+                2900
               </span>
             </div>
             <div
@@ -164916,7 +168942,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                480
+                900
               </span>
             </div>
             <div
@@ -164925,7 +168951,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1600
+                3000
               </span>
             </div>
             <div
@@ -164933,14 +168959,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              1600
+              3000
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              1600
+              3000
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -164948,7 +168974,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1600
+                3000
               </span>
             </div>
             <div
@@ -165030,7 +169056,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                510
+                930
               </span>
             </div>
             <div
@@ -165039,7 +169065,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1700
+                3100
               </span>
             </div>
             <div
@@ -165047,14 +169073,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              1700
+              3100
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              1700
+              3100
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -165062,7 +169088,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1700
+                3100
               </span>
             </div>
             <div
@@ -165144,7 +169170,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                540
+                960
               </span>
             </div>
             <div
@@ -165153,7 +169179,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1800
+                3200
               </span>
             </div>
             <div
@@ -165161,14 +169187,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              1800
+              3200
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              1800
+              3200
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -165176,7 +169202,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1800
+                3200
               </span>
             </div>
             <div
@@ -165258,7 +169284,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                570
+                990
               </span>
             </div>
             <div
@@ -165267,7 +169293,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1900
+                3300
               </span>
             </div>
             <div
@@ -165275,14 +169301,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              1900
+              3300
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              1900
+              3300
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -165290,7 +169316,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                1900
+                3300
               </span>
             </div>
             <div
@@ -165372,7 +169398,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                600
+                1020
               </span>
             </div>
             <div
@@ -165381,7 +169407,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                2000
+                3400
               </span>
             </div>
             <div
@@ -165389,14 +169415,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              2000
+              3400
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              2000
+              3400
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -165404,7 +169430,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                2000
+                3400
               </span>
             </div>
             <div
@@ -165486,7 +169512,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                630
+                1050
               </span>
             </div>
             <div
@@ -165495,7 +169521,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                2100
+                3500
               </span>
             </div>
             <div
@@ -165503,14 +169529,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              2100
+              3500
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              2100
+              3500
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -165518,7 +169544,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                2100
+                3500
               </span>
             </div>
             <div
@@ -165600,7 +169626,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                660
+                1080
               </span>
             </div>
             <div
@@ -165609,7 +169635,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                2200
+                3600
               </span>
             </div>
             <div
@@ -165617,14 +169643,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              2200
+              3600
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              2200
+              3600
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -165632,7 +169658,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                2200
+                3600
               </span>
             </div>
             <div
@@ -165714,7 +169740,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                690
+                1110
               </span>
             </div>
             <div
@@ -165723,7 +169749,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                2300
+                3700
               </span>
             </div>
             <div
@@ -165731,14 +169757,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              2300
+              3700
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              2300
+              3700
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -165746,7 +169772,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                2300
+                3700
               </span>
             </div>
             <div
@@ -165828,7 +169854,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                720
+                1140
               </span>
             </div>
             <div
@@ -165837,7 +169863,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                2400
+                3800
               </span>
             </div>
             <div
@@ -165845,14 +169871,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              2400
+              3800
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              2400
+              3800
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -165860,7 +169886,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                2400
+                3800
               </span>
             </div>
             <div
@@ -165942,7 +169968,7 @@ Object {
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
               <span>
-                750
+                1170
               </span>
             </div>
             <div
@@ -165951,7 +169977,7 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                2500
+                3900
               </span>
             </div>
             <div
@@ -165959,14 +169985,14 @@ Object {
               role="cell"
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
-              2500
+              3900
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
               role="cell"
               style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
             >
-              2500
+              3900
             </div>
             <div
               class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -165974,23 +170000,345 @@ Object {
               style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
             >
               <span>
-                2500
+                3900
+              </span>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+                data-state="closed"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+      role="table"
+      style="width: 800px; height: 400px;"
+    >
+      <div
+        class="flex flex-col sticky top-0 z-[99]"
+      >
+        <div
+          class="flex rounded-moon-s-sm sticky"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+            colspan="1"
+            data-sticky-td="true"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
+            Expand
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
+          </div>
+          <div
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+            colspan="1"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+          >
+            Name
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
+          </div>
+          <div
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+            colspan="5"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 650 0 auto; min-width: 500px; width: 650px; position: relative;"
+          >
+            Info
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
+          </div>
+          <div
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+            colspan="1"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            Actions
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
+          </div>
+        </div>
+        <div
+          class="flex rounded-moon-s-sm sticky"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+            colspan="1"
+            data-sticky-td="true"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
+            <div
+              class="flex h-full items-center"
+            >
+              <span
+                style="cursor: pointer;"
+                title="Toggle All Rows Expanded"
+              >
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
               </span>
             </div>
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
+          </div>
+          <div
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+            colspan="1"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+          >
+            First Name
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
+          </div>
+          <div
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+            colspan="1"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+          >
+            Age
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
+          </div>
+          <div
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+            colspan="1"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+          >
+            Visits
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
+          </div>
+          <div
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+            colspan="1"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+          >
+            Activity
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
+          </div>
+          <div
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+            colspan="1"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+          >
+            Status
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
+          </div>
+          <div
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+            colspan="1"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+          >
+            Profile Progress
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
+          </div>
+          <div
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+            colspan="1"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            Actions
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
+          </div>
+        </div>
+        <div
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative"
+            colspan="1"
+            data-sticky-td="true"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          />
+          <div
+            class="relative"
+            colspan="1"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+          />
+          <div
+            class="relative"
+            colspan="1"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+          />
+          <div
+            class="relative"
+            colspan="1"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+          />
+          <div
+            class="relative"
+            colspan="1"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+          />
+          <div
+            class="relative"
+            colspan="1"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+          />
+          <div
+            class="relative"
+            colspan="1"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+          />
+          <div
+            class="relative"
+            colspan="1"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          />
+        </div>
+      </div>
+      <div
+        class="flex flex-col relative z-0 no-scrollbar gap-1"
+        role="rowgroup"
+      >
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
+            <div
+              class="flex h-full items-center"
             >
-              <button
-                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-                data-state="closed"
-                type="button"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
                 <svg
-                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -165998,113 +170346,113 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    d="M11.5 7L20.5 16L11.5 25"
                     stroke="currentColor"
                     stroke-linecap="round"
+                    stroke-linejoin="round"
                   />
                 </svg>
-              </button>
+              </span>
             </div>
           </div>
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
           >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              0
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              0
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            0
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            0
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              0
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <div
-                class="flex h-full items-center"
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <span
-                  style="cursor: pointer; padding-left: 0rem;"
-                  title="Toggle Row Expanded"
-                >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              <span>
-                780
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                2600
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              2600
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              2600
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                2600
-              </span>
-            </div>
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="flex h-full items-center"
             >
-              <button
-                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-                data-state="closed"
-                type="button"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
                 <svg
-                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -166112,113 +170460,227 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    d="M11.5 7L20.5 16L11.5 25"
                     stroke="currentColor"
                     stroke-linecap="round"
+                    stroke-linejoin="round"
                   />
                 </svg>
-              </button>
+              </span>
             </div>
           </div>
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
           >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              30
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              100
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            100
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            100
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              100
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <div
-                class="flex h-full items-center"
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <span
-                  style="cursor: pointer; padding-left: 0rem;"
-                  title="Toggle Row Expanded"
-                >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              <span>
-                810
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                2700
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              2700
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              2700
-            </div>
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              class="flex h-full items-center"
             >
-              <span>
-                2700
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
+              >
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
               </span>
             </div>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+          >
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              60
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              200
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            200
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            200
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              200
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
+            >
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="flex h-full items-center"
             >
-              <button
-                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-                data-state="closed"
-                type="button"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
                 <svg
-                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -166226,113 +170688,113 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    d="M11.5 7L20.5 16L11.5 25"
                     stroke="currentColor"
                     stroke-linecap="round"
+                    stroke-linejoin="round"
                   />
                 </svg>
-              </button>
+              </span>
             </div>
           </div>
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
           >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              90
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              300
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            300
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            300
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              300
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <div
-                class="flex h-full items-center"
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <span
-                  style="cursor: pointer; padding-left: 0rem;"
-                  title="Toggle Row Expanded"
-                >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              <span>
-                840
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                2800
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              2800
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              2800
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                2800
-              </span>
-            </div>
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="flex h-full items-center"
             >
-              <button
-                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-                data-state="closed"
-                type="button"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
                 <svg
-                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -166340,113 +170802,227 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    d="M11.5 7L20.5 16L11.5 25"
                     stroke="currentColor"
                     stroke-linecap="round"
+                    stroke-linejoin="round"
                   />
                 </svg>
-              </button>
+              </span>
             </div>
           </div>
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
           >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              120
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              400
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            400
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            400
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              400
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <div
-                class="flex h-full items-center"
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <span
-                  style="cursor: pointer; padding-left: 0rem;"
-                  title="Toggle Row Expanded"
-                >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              <span>
-                870
-              </span>
-            </div>
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              class="flex h-full items-center"
             >
-              <span>
-                2900
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
+              >
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
               </span>
             </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              2900
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              2900
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+          >
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              150
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              500
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            500
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            500
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              500
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <span>
-                2900
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
+            <div
+              class="flex h-full items-center"
             >
-              <button
-                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-                data-state="closed"
-                type="button"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
                 <svg
-                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -166454,113 +171030,113 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    d="M11.5 7L20.5 16L11.5 25"
                     stroke="currentColor"
                     stroke-linecap="round"
+                    stroke-linejoin="round"
                   />
                 </svg>
-              </button>
+              </span>
             </div>
           </div>
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
           >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              180
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              600
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            600
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            600
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              600
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <div
-                class="flex h-full items-center"
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <span
-                  style="cursor: pointer; padding-left: 0rem;"
-                  title="Toggle Row Expanded"
-                >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              <span>
-                900
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                3000
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              3000
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              3000
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                3000
-              </span>
-            </div>
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="flex h-full items-center"
             >
-              <button
-                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-                data-state="closed"
-                type="button"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
                 <svg
-                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -166568,113 +171144,113 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    d="M11.5 7L20.5 16L11.5 25"
                     stroke="currentColor"
                     stroke-linecap="round"
+                    stroke-linejoin="round"
                   />
                 </svg>
-              </button>
+              </span>
             </div>
           </div>
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
           >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              210
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              700
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            700
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            700
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              700
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <div
-                class="flex h-full items-center"
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <span
-                  style="cursor: pointer; padding-left: 0rem;"
-                  title="Toggle Row Expanded"
-                >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              <span>
-                930
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                3100
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              3100
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              3100
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                3100
-              </span>
-            </div>
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="flex h-full items-center"
             >
-              <button
-                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-                data-state="closed"
-                type="button"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
                 <svg
-                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -166682,113 +171258,113 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    d="M11.5 7L20.5 16L11.5 25"
                     stroke="currentColor"
                     stroke-linecap="round"
+                    stroke-linejoin="round"
                   />
                 </svg>
-              </button>
+              </span>
             </div>
           </div>
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
           >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              <div
-                class="flex h-full items-center"
-              >
-                <span
-                  style="cursor: pointer; padding-left: 0rem;"
-                  title="Toggle Row Expanded"
-                >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              <span>
-                960
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                3200
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              3200
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              3200
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              240
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              800
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            800
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            800
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              800
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <span>
-                3200
-              </span>
-            </div>
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="flex h-full items-center"
             >
-              <button
-                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-                data-state="closed"
-                type="button"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
                 <svg
-                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -166796,113 +171372,113 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    d="M11.5 7L20.5 16L11.5 25"
                     stroke="currentColor"
                     stroke-linecap="round"
+                    stroke-linejoin="round"
                   />
                 </svg>
-              </button>
+              </span>
             </div>
           </div>
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
           >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              270
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              900
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            900
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            900
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              900
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <div
-                class="flex h-full items-center"
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <span
-                  style="cursor: pointer; padding-left: 0rem;"
-                  title="Toggle Row Expanded"
-                >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              <span>
-                990
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                3300
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              3300
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              3300
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                3300
-              </span>
-            </div>
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="flex h-full items-center"
             >
-              <button
-                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-                data-state="closed"
-                type="button"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
                 <svg
-                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -166910,113 +171486,227 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    d="M11.5 7L20.5 16L11.5 25"
                     stroke="currentColor"
                     stroke-linecap="round"
+                    stroke-linejoin="round"
                   />
                 </svg>
-              </button>
+              </span>
             </div>
           </div>
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
           >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              300
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1000
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            1000
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            1000
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1000
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <div
-                class="flex h-full items-center"
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <span
-                  style="cursor: pointer; padding-left: 0rem;"
-                  title="Toggle Row Expanded"
-                >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              <span>
-                1020
-              </span>
-            </div>
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              class="flex h-full items-center"
             >
-              <span>
-                3400
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
+              >
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
               </span>
             </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              3400
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              3400
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+          >
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              330
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1100
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            1100
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            1100
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1100
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <span>
-                3400
-              </span>
-            </div>
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="flex h-full items-center"
             >
-              <button
-                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-                data-state="closed"
-                type="button"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
                 <svg
-                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -167024,113 +171714,113 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    d="M11.5 7L20.5 16L11.5 25"
                     stroke="currentColor"
                     stroke-linecap="round"
+                    stroke-linejoin="round"
                   />
                 </svg>
-              </button>
+              </span>
             </div>
           </div>
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
           >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              360
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1200
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            1200
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            1200
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1200
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <div
-                class="flex h-full items-center"
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <span
-                  style="cursor: pointer; padding-left: 0rem;"
-                  title="Toggle Row Expanded"
-                >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              <span>
-                1050
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                3500
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              3500
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              3500
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                3500
-              </span>
-            </div>
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="flex h-full items-center"
             >
-              <button
-                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-                data-state="closed"
-                type="button"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
                 <svg
-                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -167138,113 +171828,113 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    d="M11.5 7L20.5 16L11.5 25"
                     stroke="currentColor"
                     stroke-linecap="round"
+                    stroke-linejoin="round"
                   />
                 </svg>
-              </button>
+              </span>
             </div>
           </div>
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
           >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              390
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1300
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            1300
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            1300
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1300
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <div
-                class="flex h-full items-center"
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <span
-                  style="cursor: pointer; padding-left: 0rem;"
-                  title="Toggle Row Expanded"
-                >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              <span>
-                1080
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                3600
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              3600
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              3600
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                3600
-              </span>
-            </div>
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="flex h-full items-center"
             >
-              <button
-                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-                data-state="closed"
-                type="button"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
                 <svg
-                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -167252,113 +171942,113 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    d="M11.5 7L20.5 16L11.5 25"
                     stroke="currentColor"
                     stroke-linecap="round"
+                    stroke-linejoin="round"
                   />
                 </svg>
-              </button>
+              </span>
             </div>
           </div>
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
           >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-            >
-              <div
-                class="flex h-full items-center"
-              >
-                <span
-                  style="cursor: pointer; padding-left: 0rem;"
-                  title="Toggle Row Expanded"
-                >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              <span>
-                1110
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                3700
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              3700
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              3700
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              420
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1400
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            1400
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            1400
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1400
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <span>
-                3700
-              </span>
-            </div>
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="flex h-full items-center"
             >
-              <button
-                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-                data-state="closed"
-                type="button"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
                 <svg
-                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -167366,113 +172056,113 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    d="M11.5 7L20.5 16L11.5 25"
                     stroke="currentColor"
                     stroke-linecap="round"
+                    stroke-linejoin="round"
                   />
                 </svg>
-              </button>
+              </span>
             </div>
           </div>
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
           >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              450
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1500
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            1500
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            1500
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1500
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <div
-                class="flex h-full items-center"
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <span
-                  style="cursor: pointer; padding-left: 0rem;"
-                  title="Toggle Row Expanded"
-                >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              <span>
-                1140
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                3800
-              </span>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              3800
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              3800
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              <span>
-                3800
-              </span>
-            </div>
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="flex h-full items-center"
             >
-              <button
-                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-                data-state="closed"
-                type="button"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
                 <svg
-                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -167480,113 +172170,227 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    d="M11.5 7L20.5 16L11.5 25"
                     stroke="currentColor"
                     stroke-linecap="round"
+                    stroke-linejoin="round"
                   />
                 </svg>
-              </button>
+              </span>
             </div>
           </div>
           <div
-            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-            role="row"
-            style="display: flex; flex: 1 0 auto; min-width: 800px;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
           >
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              480
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1600
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            1600
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            1600
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1600
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <div
-                class="flex h-full items-center"
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <span
-                  style="cursor: pointer; padding-left: 0rem;"
-                  title="Toggle Row Expanded"
-                >
-                  <svg
-                    fill="none"
-                    height="1em"
-                    viewBox="0 0 32 32"
-                    width="1em"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M11.5 7L20.5 16L11.5 25"
-                      stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                    />
-                  </svg>
-                </span>
-              </div>
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              data-sticky-last-left-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-            >
-              Test
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              <span>
-                1170
-              </span>
-            </div>
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+              class="flex h-full items-center"
             >
-              <span>
-                3900
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
+              >
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
               </span>
             </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-            >
-              3900
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-            >
-              3900
-            </div>
-            <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+          >
+            Test
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              510
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1700
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            1700
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            1700
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1700
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
             >
-              <span>
-                3900
-              </span>
-            </div>
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-td="true"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+          >
             <div
-              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-              data-sticky-first-right-td="true"
-              data-sticky-td="true"
-              role="cell"
-              style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+              class="flex h-full items-center"
             >
-              <button
-                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-                data-state="closed"
-                type="button"
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
                 <svg
-                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -167594,112 +172398,111 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                    d="M11.5 7L20.5 16L11.5 25"
                     stroke="currentColor"
                     stroke-linecap="round"
+                    stroke-linejoin="round"
                   />
                 </svg>
-              </button>
+              </span>
             </div>
           </div>
-        </div>
-      </div>
-    </div>
-  </body>,
-  "container": <div>
-    <div
-      class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
-      role="table"
-      style="width: 800px; height: 400px;"
-    >
-      <div
-        class="flex flex-col sticky top-0 z-[99]"
-      >
-        <div
-          class="flex rounded-moon-s-sm sticky"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
-        >
           <div
-            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-            colspan="1"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
             data-sticky-td="true"
-            role="columnheader"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
           >
-            Expand
-            <div
-              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-              draggable="false"
-              role="separator"
-              style="cursor: col-resize;"
-            />
+            Test
           </div>
           <div
-            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-            colspan="1"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="columnheader"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            Name
-            <div
-              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-              draggable="false"
-              role="separator"
-              style="cursor: col-resize;"
-            />
+            <span>
+              540
+            </span>
           </div>
           <div
-            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-            colspan="5"
-            role="columnheader"
-            style="box-sizing: border-box; flex: 650 0 auto; min-width: 500px; width: 650px; position: relative;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            Info
-            <div
-              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-              draggable="false"
-              role="separator"
-              style="cursor: col-resize;"
-            />
+            <span>
+              1800
+            </span>
           </div>
           <div
-            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
-            colspan="1"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            1800
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            1800
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              1800
+            </span>
+          </div>
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
             data-sticky-first-right-td="true"
             data-sticky-td="true"
-            role="columnheader"
+            role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
-            Actions
-            <div
-              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-              draggable="false"
-              role="separator"
-              style="cursor: col-resize;"
-            />
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
+            >
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
           </div>
         </div>
         <div
-          class="flex rounded-moon-s-sm sticky"
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
           role="row"
           style="display: flex; flex: 1 0 auto; min-width: 800px;"
         >
           <div
-            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-            colspan="1"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
             data-sticky-td="true"
-            role="columnheader"
+            role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
           >
             <div
               class="flex h-full items-center"
             >
               <span
-                style="cursor: pointer;"
-                title="Toggle All Rows Expanded"
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
               >
                 <svg
                   fill="none"
@@ -167717,179 +172520,200 @@ Object {
                 </svg>
               </span>
             </div>
-            <div
-              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-              draggable="false"
-              role="separator"
-              style="cursor: col-resize;"
-            />
           </div>
           <div
-            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-            colspan="1"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             data-sticky-last-left-td="true"
             data-sticky-td="true"
-            role="columnheader"
+            role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
           >
-            First Name
-            <div
-              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-              draggable="false"
-              role="separator"
-              style="cursor: col-resize;"
-            />
+            Test
           </div>
           <div
-            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-            colspan="1"
-            role="columnheader"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            Age
-            <div
-              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-              draggable="false"
-              role="separator"
-              style="cursor: col-resize;"
-            />
+            <span>
+              570
+            </span>
           </div>
           <div
-            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-            colspan="1"
-            role="columnheader"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            Visits
-            <div
-              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-              draggable="false"
-              role="separator"
-              style="cursor: col-resize;"
-            />
+            <span>
+              1900
+            </span>
           </div>
           <div
-            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-            colspan="1"
-            role="columnheader"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            Activity
-            <div
-              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-              draggable="false"
-              role="separator"
-              style="cursor: col-resize;"
-            />
+            1900
           </div>
           <div
-            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-            colspan="1"
-            role="columnheader"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            Status
-            <div
-              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-              draggable="false"
-              role="separator"
-              style="cursor: col-resize;"
-            />
+            1900
           </div>
           <div
-            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
-            colspan="1"
-            role="columnheader"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            Profile Progress
-            <div
-              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-              draggable="false"
-              role="separator"
-              style="cursor: col-resize;"
-            />
+            <span>
+              1900
+            </span>
           </div>
           <div
-            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
-            colspan="1"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
             data-sticky-first-right-td="true"
             data-sticky-td="true"
-            role="columnheader"
+            role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
           >
-            Actions
-            <div
-              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
-              draggable="false"
-              role="separator"
-              style="cursor: col-resize;"
-            />
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
+            >
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
           </div>
         </div>
         <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
           role="row"
           style="display: flex; flex: 1 0 auto; min-width: 800px;"
         >
           <div
-            class="relative"
-            colspan="1"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
             data-sticky-td="true"
-            role="columnheader"
+            role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          />
+          >
+            <div
+              class="flex h-full items-center"
+            >
+              <span
+                style="cursor: pointer; padding-left: 0rem;"
+                title="Toggle Row Expanded"
+              >
+                <svg
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.5 7L20.5 16L11.5 25"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
           <div
-            class="relative"
-            colspan="1"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             data-sticky-last-left-td="true"
             data-sticky-td="true"
-            role="columnheader"
+            role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          />
+          >
+            Test
+          </div>
           <div
-            class="relative"
-            colspan="1"
-            role="columnheader"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
-          />
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            <span>
+              600
+            </span>
+          </div>
           <div
-            class="relative"
-            colspan="1"
-            role="columnheader"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
-          />
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              2000
+            </span>
+          </div>
           <div
-            class="relative"
-            colspan="1"
-            role="columnheader"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
-          />
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            2000
+          </div>
           <div
-            class="relative"
-            colspan="1"
-            role="columnheader"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px; position: relative;"
-          />
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+          >
+            2000
+          </div>
           <div
-            class="relative"
-            colspan="1"
-            role="columnheader"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: relative;"
-          />
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            role="cell"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+          >
+            <span>
+              2000
+            </span>
+          </div>
           <div
-            class="relative"
-            colspan="1"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
             data-sticky-first-right-td="true"
             data-sticky-td="true"
-            role="columnheader"
+            role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-          />
+          >
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              data-state="closed"
+              type="button"
+            >
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
         </div>
-      </div>
-      <div
-        class="flex flex-col relative z-0 no-scrollbar gap-1"
-        role="rowgroup"
-      >
         <div
           class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
           role="row"
@@ -167940,7 +172764,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              0
+              630
             </span>
           </div>
           <div
@@ -167949,7 +172773,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              0
+              2100
             </span>
           </div>
           <div
@@ -167957,14 +172781,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            0
+            2100
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            0
+            2100
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -167972,7 +172796,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              0
+              2100
             </span>
           </div>
           <div
@@ -168054,7 +172878,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              30
+              660
             </span>
           </div>
           <div
@@ -168063,7 +172887,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              100
+              2200
             </span>
           </div>
           <div
@@ -168071,14 +172895,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            100
+            2200
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            100
+            2200
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -168086,7 +172910,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              100
+              2200
             </span>
           </div>
           <div
@@ -168168,7 +172992,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              60
+              690
             </span>
           </div>
           <div
@@ -168177,7 +173001,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              200
+              2300
             </span>
           </div>
           <div
@@ -168185,14 +173009,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            200
+            2300
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            200
+            2300
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -168200,7 +173024,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              200
+              2300
             </span>
           </div>
           <div
@@ -168282,7 +173106,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              90
+              720
             </span>
           </div>
           <div
@@ -168291,7 +173115,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              300
+              2400
             </span>
           </div>
           <div
@@ -168299,14 +173123,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            300
+            2400
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            300
+            2400
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -168314,7 +173138,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              300
+              2400
             </span>
           </div>
           <div
@@ -168396,7 +173220,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              120
+              750
             </span>
           </div>
           <div
@@ -168405,7 +173229,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              400
+              2500
             </span>
           </div>
           <div
@@ -168413,14 +173237,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            400
+            2500
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            400
+            2500
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -168428,7 +173252,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              400
+              2500
             </span>
           </div>
           <div
@@ -168510,7 +173334,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              150
+              780
             </span>
           </div>
           <div
@@ -168519,7 +173343,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              500
+              2600
             </span>
           </div>
           <div
@@ -168527,14 +173351,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            500
+            2600
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            500
+            2600
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -168542,7 +173366,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              500
+              2600
             </span>
           </div>
           <div
@@ -168624,7 +173448,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              180
+              810
             </span>
           </div>
           <div
@@ -168633,7 +173457,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              600
+              2700
             </span>
           </div>
           <div
@@ -168641,14 +173465,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            600
+            2700
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            600
+            2700
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -168656,7 +173480,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              600
+              2700
             </span>
           </div>
           <div
@@ -168738,7 +173562,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              210
+              840
             </span>
           </div>
           <div
@@ -168747,7 +173571,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              700
+              2800
             </span>
           </div>
           <div
@@ -168755,14 +173579,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            700
+            2800
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            700
+            2800
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -168770,7 +173594,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              700
+              2800
             </span>
           </div>
           <div
@@ -168852,7 +173676,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              240
+              870
             </span>
           </div>
           <div
@@ -168861,7 +173685,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              800
+              2900
             </span>
           </div>
           <div
@@ -168869,14 +173693,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            800
+            2900
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            800
+            2900
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -168884,7 +173708,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              800
+              2900
             </span>
           </div>
           <div
@@ -168964,246 +173788,18 @@ Object {
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              270
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
               900
             </span>
           </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            900
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            900
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              900
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-          >
-            <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-              data-state="closed"
-              type="button"
-            >
-              <svg
-                class="text-moon-24"
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                />
-              </svg>
-            </button>
-          </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
-        >
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
-            <div
-              class="flex h-full items-center"
-            >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
-              >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              300
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              1000
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            1000
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            1000
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              1000
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-          >
-            <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-              data-state="closed"
-              type="button"
-            >
-              <svg
-                class="text-moon-24"
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                />
-              </svg>
-            </button>
-          </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
-        >
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
-            <div
-              class="flex h-full items-center"
-            >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
-              >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              330
-            </span>
-          </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1100
+              3000
             </span>
           </div>
           <div
@@ -169211,14 +173807,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1100
+            3000
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1100
+            3000
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -169226,7 +173822,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1100
+              3000
             </span>
           </div>
           <div
@@ -169308,7 +173904,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              360
+              930
             </span>
           </div>
           <div
@@ -169317,7 +173913,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1200
+              3100
             </span>
           </div>
           <div
@@ -169325,14 +173921,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1200
+            3100
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1200
+            3100
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -169340,7 +173936,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1200
+              3100
             </span>
           </div>
           <div
@@ -169422,7 +174018,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              390
+              960
             </span>
           </div>
           <div
@@ -169431,7 +174027,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1300
+              3200
             </span>
           </div>
           <div
@@ -169439,14 +174035,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1300
+            3200
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1300
+            3200
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -169454,7 +174050,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1300
+              3200
             </span>
           </div>
           <div
@@ -169536,7 +174132,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              420
+              990
             </span>
           </div>
           <div
@@ -169545,7 +174141,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1400
+              3300
             </span>
           </div>
           <div
@@ -169553,14 +174149,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1400
+            3300
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1400
+            3300
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -169568,7 +174164,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1400
+              3300
             </span>
           </div>
           <div
@@ -169650,7 +174246,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              450
+              1020
             </span>
           </div>
           <div
@@ -169659,7 +174255,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1500
+              3400
             </span>
           </div>
           <div
@@ -169667,14 +174263,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1500
+            3400
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1500
+            3400
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -169682,7 +174278,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1500
+              3400
             </span>
           </div>
           <div
@@ -169764,7 +174360,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              480
+              1050
             </span>
           </div>
           <div
@@ -169773,7 +174369,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1600
+              3500
             </span>
           </div>
           <div
@@ -169781,14 +174377,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1600
+            3500
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1600
+            3500
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -169796,7 +174392,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1600
+              3500
             </span>
           </div>
           <div
@@ -169878,7 +174474,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              510
+              1080
             </span>
           </div>
           <div
@@ -169887,7 +174483,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1700
+              3600
             </span>
           </div>
           <div
@@ -169895,14 +174491,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1700
+            3600
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1700
+            3600
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -169910,7 +174506,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1700
+              3600
             </span>
           </div>
           <div
@@ -169992,7 +174588,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              540
+              1110
             </span>
           </div>
           <div
@@ -170001,7 +174597,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1800
+              3700
             </span>
           </div>
           <div
@@ -170009,14 +174605,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1800
+            3700
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1800
+            3700
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -170024,7 +174620,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1800
+              3700
             </span>
           </div>
           <div
@@ -170106,7 +174702,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              570
+              1140
             </span>
           </div>
           <div
@@ -170115,7 +174711,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1900
+              3800
             </span>
           </div>
           <div
@@ -170123,14 +174719,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            1900
+            3800
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            1900
+            3800
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -170138,7 +174734,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              1900
+              3800
             </span>
           </div>
           <div
@@ -170220,7 +174816,7 @@ Object {
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
             <span>
-              600
+              1170
             </span>
           </div>
           <div
@@ -170229,7 +174825,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              2000
+              3900
             </span>
           </div>
           <div
@@ -170237,14 +174833,14 @@ Object {
             role="cell"
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
-            2000
+            3900
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
             style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
           >
-            2000
+            3900
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
@@ -170252,7 +174848,7 @@ Object {
             style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
           >
             <span>
-              2000
+              3900
             </span>
           </div>
           <div
@@ -170267,42 +174863,394 @@ Object {
               data-state="closed"
               type="button"
             >
-              <svg
-                class="text-moon-24"
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+
+exports[`Table renders ExtraLongDataView 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <div
+        class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+        role="table"
+        style="width: 900px; height: 400px;"
+      >
+        <div
+          class="flex flex-col sticky top-0 z-[99]"
+        >
+          <div
+            class="flex rounded-moon-s-sm sticky"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
+          >
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
+            >
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="3"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 330 0 auto; min-width: 150px; width: 330px; position: relative;"
+            >
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+              colspan="2"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 220 0 auto; min-width: 220px; width: 220px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+          </div>
+          <div
+            class="flex rounded-moon-s-sm sticky"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
+          >
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
+            >
+              Location
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px; position: relative;"
+            >
+              <div
+                class="flex h-full items-center gap-x-1"
+              >
+                <span>
+                  Deals
+                </span>
+                <button
+                  aria-describedby="radix-:r55:"
+                  class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                  data-state="instant-open"
+                  type="button"
+                >
+                  <svg
+                    class="text-moon-20 cursor-pointer"
+                    fill="none"
+                    height="1em"
+                    viewBox="0 0 32 32"
+                    width="1em"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M13.6683 7.66247L10 7.66246C8.34315 7.66246 7 9.00561 7 10.6625L7 22C7 23.6569 8.34315 25 10 25L21.3376 25C22.9944 25 24.3376 23.6569 24.3376 22V18.3317M14.3351 17.6649L24.3376 7.66246M19.0029 7.66241L24.3375 7.67218L24.3375 12.997"
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                    />
+                  </svg>
+                </button>
+              </div>
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px; position: relative;"
+            >
+              Amount
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px; position: relative;"
+            >
+              Currency
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+              colspan="1"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            >
+              Date range
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+            <div
+              class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+              colspan="1"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
+            >
+              Actions
+              <div
+                class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+                draggable="false"
+                role="separator"
+                style="cursor: col-resize;"
+              />
+            </div>
+          </div>
+          <div
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
+          >
+            <div
+              class="relative"
+              colspan="1"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px; position: relative;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            />
+            <div
+              class="relative"
+              colspan="1"
+              data-sticky-td="true"
+              role="columnheader"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
+            />
+          </div>
+        </div>
+        <div
+          class="flex flex-col relative z-0 no-scrollbar gap-1"
+          role="rowgroup"
+        >
+          <div
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
+          >
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
+            >
+              Lithuania
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
+            />
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              <div
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+              >
+                USD
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                type="button"
               >
-                <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                />
-              </svg>
-            </button>
-          </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
-        >
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+                23.10.01 - 23.10.31
+              </button>
+            </div>
             <div
-              class="flex h-full items-center"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
             >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                data-state="closed"
+                type="button"
               >
                 <svg
+                  class="text-moon-24 max-h-6"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -170310,113 +175258,74 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M11.5 7L20.5 16L11.5 25"
+                    d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
                     stroke="currentColor"
                     stroke-linecap="round"
-                    stroke-linejoin="round"
                   />
                 </svg>
-              </span>
+              </button>
             </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              630
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2100
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            2100
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            2100
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2100
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
           >
-            <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-              data-state="closed"
-              type="button"
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
             >
-              <svg
-                class="text-moon-24"
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              AMD
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
+            />
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              <div
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
               >
-                <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                />
-              </svg>
-            </button>
-          </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
-        >
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
+                USD
+              </div>
+            </div>
             <div
-              class="flex h-full items-center"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
             >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                type="button"
               >
                 <svg
+                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -170424,113 +175333,27 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M11.5 7L20.5 16L11.5 25"
+                    d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
                     stroke="currentColor"
                     stroke-linecap="round"
-                    stroke-linejoin="round"
                   />
                 </svg>
-              </span>
+                23.10.01 - 23.10.31
+              </button>
             </div>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              660
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2200
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            2200
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            2200
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2200
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-          >
-            <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-              data-state="closed"
-              type="button"
-            >
-              <svg
-                class="text-moon-24"
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                />
-              </svg>
-            </button>
-          </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
-        >
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
             <div
-              class="flex h-full items-center"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
             >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                data-state="closed"
+                type="button"
               >
                 <svg
+                  class="text-moon-24 max-h-6"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -170538,113 +175361,207 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M11.5 7L20.5 16L11.5 25"
+                    d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
                     stroke="currentColor"
                     stroke-linecap="round"
-                    stroke-linejoin="round"
                   />
                 </svg>
-              </span>
+              </button>
             </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              690
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2300
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            2300
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            2300
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2300
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
           >
-            <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-              data-state="closed"
-              type="button"
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
             >
-              <svg
-                class="text-moon-24"
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              Europe
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
+            >
+              <div
+                class="px-3 text-moon-14 flex items-center overflow-x-auto"
               >
-                <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                />
-              </svg>
-            </button>
-          </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
-        >
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
+                <span
+                  class="mr-[5px]"
+                >
+                  10.0
+                </span>
+                <span>
+                  (
+                  10000
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  20000
+                  )
+                </span>
+                <span
+                  class="mx-2"
+                >
+                  |
+                </span>
+                <span
+                  class="mr-[5px]"
+                >
+                  9.0
+                </span>
+                <span>
+                  (
+                  20000
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  30000
+                  )
+                </span>
+                <span
+                  class="mx-2"
+                >
+                  |
+                </span>
+                <span
+                  class="mr-[5px]"
+                >
+                  8.0
+                </span>
+                <span>
+                  (
+                  30000
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  40000
+                  )
+                </span>
+                <span
+                  class="mx-2"
+                >
+                  |
+                </span>
+                <span
+                  class="mr-[5px]"
+                >
+                  7.0
+                </span>
+                <span>
+                  (
+                  40000
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  50000
+                  )
+                </span>
+                <span
+                  class="mx-2"
+                >
+                  |
+                </span>
+                <span
+                  class="mr-[5px]"
+                >
+                  6.0
+                </span>
+                <span>
+                  (
+                  50000
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  60000
+                  )
+                </span>
+              </div>
+            </div>
             <div
-              class="flex h-full items-center"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
             >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              <div
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+              >
+                USD
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+                23.10.01 - 23.10.31
+              </button>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                data-state="closed"
+                type="button"
               >
                 <svg
+                  class="text-moon-24 max-h-6"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -170652,113 +175569,95 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M11.5 7L20.5 16L11.5 25"
+                    d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
                     stroke="currentColor"
                     stroke-linecap="round"
-                    stroke-linejoin="round"
                   />
                 </svg>
-              </span>
+              </button>
             </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              720
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2400
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            2400
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            2400
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2400
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
           >
-            <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-              data-state="closed"
-              type="button"
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
             >
-              <svg
-                class="text-moon-24"
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              Europe
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
+            >
+              <div
+                class="px-3 text-moon-14 flex items-center overflow-x-auto"
               >
-                <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                />
-              </svg>
-            </button>
-          </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
-        >
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
+                <span
+                  class="mr-[5px]"
+                >
+                  5.0
+                </span>
+                <span>
+                  (
+                  2
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  3
+                  )
+                </span>
+              </div>
+            </div>
             <div
-              class="flex h-full items-center"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
             >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              <div
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+              >
+                USD
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                type="button"
               >
                 <svg
+                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -170766,113 +175665,27 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M11.5 7L20.5 16L11.5 25"
+                    d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
                     stroke="currentColor"
                     stroke-linecap="round"
-                    stroke-linejoin="round"
                   />
                 </svg>
-              </span>
+                23.12.01 -
+              </button>
             </div>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              750
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2500
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            2500
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            2500
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2500
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-          >
-            <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-              data-state="closed"
-              type="button"
-            >
-              <svg
-                class="text-moon-24"
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                />
-              </svg>
-            </button>
-          </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
-        >
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
             <div
-              class="flex h-full items-center"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
             >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                data-state="closed"
+                type="button"
               >
                 <svg
+                  class="text-moon-24 max-h-6"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -170880,113 +175693,94 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M11.5 7L20.5 16L11.5 25"
+                    d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
                     stroke="currentColor"
                     stroke-linecap="round"
-                    stroke-linejoin="round"
                   />
                 </svg>
-              </span>
+              </button>
             </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              780
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2600
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            2600
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            2600
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2600
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
           >
-            <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-              data-state="closed"
-              type="button"
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
             >
-              <svg
-                class="text-moon-24"
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              Europe
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
+            >
+              <div
+                class="px-3 text-moon-14 flex items-center overflow-x-auto"
               >
-                <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                />
-              </svg>
-            </button>
-          </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
-        >
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
+                <span
+                  class="mr-[5px]"
+                >
+                  0.0
+                </span>
+                <span>
+                  (
+                  0
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  )
+                </span>
+              </div>
+            </div>
             <div
-              class="flex h-full items-center"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
             >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              <div
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+              >
+                USD
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                type="button"
               >
                 <svg
+                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -170994,113 +175788,27 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M11.5 7L20.5 16L11.5 25"
+                    d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
                     stroke="currentColor"
                     stroke-linecap="round"
-                    stroke-linejoin="round"
                   />
                 </svg>
-              </span>
+                23.11.01 - 23.11.30
+              </button>
             </div>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              810
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2700
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            2700
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            2700
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2700
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-          >
-            <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-              data-state="closed"
-              type="button"
-            >
-              <svg
-                class="text-moon-24"
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                />
-              </svg>
-            </button>
-          </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
-        >
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
             <div
-              class="flex h-full items-center"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
             >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                data-state="closed"
+                type="button"
               >
                 <svg
+                  class="text-moon-24 max-h-6"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -171108,113 +175816,95 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M11.5 7L20.5 16L11.5 25"
+                    d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
                     stroke="currentColor"
                     stroke-linecap="round"
-                    stroke-linejoin="round"
                   />
                 </svg>
-              </span>
+              </button>
             </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              840
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2800
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            2800
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            2800
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2800
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
           >
-            <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-              data-state="closed"
-              type="button"
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
             >
-              <svg
-                class="text-moon-24"
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              Asia
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
+            >
+              <div
+                class="px-3 text-moon-14 flex items-center overflow-x-auto"
               >
-                <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                />
-              </svg>
-            </button>
-          </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
-        >
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
+                <span
+                  class="mr-[5px]"
+                >
+                  6.0
+                </span>
+                <span>
+                  (
+                  3
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  4
+                  )
+                </span>
+              </div>
+            </div>
             <div
-              class="flex h-full items-center"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
             >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              <div
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+              >
+                USD
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                type="button"
               >
                 <svg
+                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -171222,113 +175912,144 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M11.5 7L20.5 16L11.5 25"
+                    d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
                     stroke="currentColor"
                     stroke-linecap="round"
-                    stroke-linejoin="round"
                   />
                 </svg>
-              </span>
+                23.11.01 -
+              </button>
             </div>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              870
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2900
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            2900
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            2900
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              2900
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
-          >
-            <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-              data-state="closed"
-              type="button"
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
             >
-              <svg
-                class="text-moon-24"
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                data-state="closed"
+                type="button"
               >
-                <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                />
-              </svg>
-            </button>
+                <svg
+                  class="text-moon-24 max-h-6"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
+            </div>
           </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
-        >
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+            role="row"
+            style="display: flex; flex: 1 0 auto; min-width: 460px;"
           >
             <div
-              class="flex h-full items-center"
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+              data-sticky-last-left-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
             >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
+              Asia
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
+            >
+              <div
+                class="px-3 text-moon-14 flex items-center overflow-x-auto"
+              >
+                <span
+                  class="mr-[5px]"
+                >
+                  5.0
+                </span>
+                <span>
+                  (
+                  0
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  150000
+                  )
+                </span>
+                <span
+                  class="mx-2"
+                >
+                  |
+                </span>
+                <span
+                  class="mr-[5px]"
+                >
+                  4.0
+                </span>
+                <span>
+                  (
+                  150000
+                </span>
+                <span>
+                  -
+                </span>
+                <span>
+                  500000
+                  )
+                </span>
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              22.97
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+              role="cell"
+              style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
+            >
+              <div
+                class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+              >
+                USD
+              </div>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-first-right-td="true"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+                type="button"
               >
                 <svg
+                  class="text-moon-24"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -171336,113 +176057,188 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M11.5 7L20.5 16L11.5 25"
+                    d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
                     stroke="currentColor"
                     stroke-linecap="round"
-                    stroke-linejoin="round"
                   />
                 </svg>
-              </span>
+                23.05.01 - 23.10.31
+              </button>
+            </div>
+            <div
+              class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+              data-sticky-td="true"
+              role="cell"
+              style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
+            >
+              <button
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                data-state="closed"
+                type="button"
+              >
+                <svg
+                  class="text-moon-24 max-h-6"
+                  fill="none"
+                  height="1em"
+                  viewBox="0 0 32 32"
+                  width="1em"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                  <path
+                    d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                  />
+                </svg>
+              </button>
             </div>
           </div>
+        </div>
+      </div>
+    </div>
+    <div
+      data-radix-popper-content-wrapper=""
+      style="position: fixed; left: 0px; top: 0px; transform: translate(0, -200%); min-width: max-content;"
+    >
+      <div
+        class="p-3 rounded-moon-s-xs text-moon-12 text-bulma bg-goku shadow-[0_6px_6px_-6px_rgba(0,0,0,0.16)] drop-shadow-[0_0_1px_rgba(0,0,0,0.4)]"
+        data-align="start"
+        data-side="top"
+        data-state="instant-open"
+        style="--radix-tooltip-content-transform-origin: var(--radix-popper-transform-origin); --radix-tooltip-content-available-width: var(--radix-popper-available-width); --radix-tooltip-content-available-height: var(--radix-popper-available-height); --radix-tooltip-trigger-width: var(--radix-popper-anchor-width); --radix-tooltip-trigger-height: var(--radix-popper-anchor-height); animation: none;"
+      >
+        Click to open view
+        <span
+          style="position: absolute; bottom: 0px; transform: translateY(100%); visibility: hidden;"
+        >
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            class="relative top-[-7px] rotate-45 w-3 h-3 rounded-sm bg-goku"
+            height="5"
+            preserveaspectratio="none"
+            style="display: block;"
+            viewbox="0 0 30 10"
+            width="10"
+          />
+        </span>
+        <span
+          id="radix-:r55:"
+          role="tooltip"
+          style="position: absolute; border: 0px; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; word-wrap: normal;"
+        >
+          Click to open view
+        </span>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      class="table-wrapper sm:overflow-auto overflow-scroll no-scrollbar flex flex-col sticky"
+      role="table"
+      style="width: 900px; height: 400px;"
+    >
+      <div
+        class="flex flex-col sticky top-0 z-[99]"
+      >
+        <div
+          class="flex rounded-moon-s-sm sticky"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 460px;"
+        >
+          <div
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+            colspan="1"
             data-sticky-last-left-td="true"
             data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              900
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              3000
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            3000
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
           >
-            3000
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+            colspan="3"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 330 0 auto; min-width: 150px; width: 330px; position: relative;"
           >
-            <span>
-              3000
-            </span>
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+            colspan="2"
             data-sticky-first-right-td="true"
             data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 220 0 auto; min-width: 220px; width: 220px; position: sticky; z-index: 3; right: 0px;"
           >
-            <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-              data-state="closed"
-              type="button"
-            >
-              <svg
-                class="text-moon-24"
-                fill="none"
-                height="1em"
-                viewBox="0 0 32 32"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                />
-              </svg>
-            </button>
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
           </div>
         </div>
         <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          class="flex rounded-moon-s-sm sticky"
           role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+          style="display: flex; flex: 1 0 auto; min-width: 460px;"
         >
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+            colspan="1"
+            data-sticky-last-left-td="true"
             data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
+          >
+            Location
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
+          </div>
+          <div
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+            colspan="1"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px; position: relative;"
           >
             <div
-              class="flex h-full items-center"
+              class="flex h-full items-center gap-x-1"
             >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
+              <span>
+                Deals
+              </span>
+              <button
+                aria-describedby="radix-:r55:"
+                class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
+                data-state="instant-open"
+                type="button"
               >
                 <svg
+                  class="text-moon-20 cursor-pointer"
                   fill="none"
                   height="1em"
                   viewBox="0 0 32 32"
@@ -171450,75 +176246,178 @@ Object {
                   xmlns="http://www.w3.org/2000/svg"
                 >
                   <path
-                    d="M11.5 7L20.5 16L11.5 25"
+                    d="M13.6683 7.66247L10 7.66246C8.34315 7.66246 7 9.00561 7 10.6625L7 22C7 23.6569 8.34315 25 10 25L21.3376 25C22.9944 25 24.3376 23.6569 24.3376 22V18.3317M14.3351 17.6649L24.3376 7.66246M19.0029 7.66241L24.3375 7.67218L24.3375 12.997"
                     stroke="currentColor"
                     stroke-linecap="round"
                     stroke-linejoin="round"
                   />
                 </svg>
-              </span>
+              </button>
             </div>
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+            colspan="1"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px; position: relative;"
+          >
+            Amount
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
+          </div>
+          <div
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan"
+            colspan="1"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px; position: relative;"
+          >
+            Currency
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
+          </div>
+          <div
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+            colspan="1"
+            data-sticky-first-right-td="true"
             data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
           >
-            Test
+            Date range
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            class="relative text-start justify-between font-medium text-moon-14 px-3 py-2 bg-gohan before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0"
+            colspan="1"
+            data-sticky-td="true"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
           >
-            <span>
-              930
-            </span>
+            Actions
+            <div
+              class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0"
+              draggable="false"
+              role="separator"
+              style="cursor: col-resize;"
+            />
           </div>
+        </div>
+        <div
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 460px;"
+        >
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            class="relative"
+            colspan="1"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
+          />
+          <div
+            class="relative"
+            colspan="1"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px; position: relative;"
+          />
+          <div
+            class="relative"
+            colspan="1"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px; position: relative;"
+          />
+          <div
+            class="relative"
+            colspan="1"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px; position: relative;"
+          />
+          <div
+            class="relative"
+            colspan="1"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
+          />
+          <div
+            class="relative"
+            colspan="1"
+            data-sticky-td="true"
+            role="columnheader"
+            style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
+          />
+        </div>
+      </div>
+      <div
+        class="flex flex-col relative z-0 no-scrollbar gap-1"
+        role="rowgroup"
+      >
+        <div
+          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
+          role="row"
+          style="display: flex; flex: 1 0 auto; min-width: 460px;"
+        >
+          <div
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
+            data-sticky-last-left-td="true"
+            data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
           >
-            <span>
-              3100
-            </span>
+            Lithuania
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            3100
-          </div>
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
+          />
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
           >
-            3100
+            22.97
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
           >
-            <span>
-              3100
-            </span>
+            <div
+              class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+            >
+              USD
+            </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
             data-sticky-first-right-td="true"
             data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
           >
             <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-              data-state="closed"
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
               type="button"
             >
               <svg
@@ -171530,113 +176429,27 @@ Object {
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
                   stroke="currentColor"
                   stroke-linecap="round"
                 />
               </svg>
+              23.10.01 - 23.10.31
             </button>
           </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
-        >
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
-            <div
-              class="flex h-full items-center"
-            >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
-              >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              960
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              3200
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            3200
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            3200
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              3200
-            </span>
-          </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
             data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
           >
             <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
               data-state="closed"
               type="button"
             >
               <svg
-                class="text-moon-24"
+                class="text-moon-24 max-h-6"
                 fill="none"
                 height="1em"
                 viewBox="0 0 32 32"
@@ -171644,7 +176457,17 @@ Object {
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+                <path
+                  d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+                <path
+                  d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
                   stroke="currentColor"
                   stroke-linecap="round"
                 />
@@ -171655,98 +176478,49 @@ Object {
         <div
           class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
           role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+          style="display: flex; flex: 1 0 auto; min-width: 460px;"
         >
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
-            <div
-              class="flex h-full items-center"
-            >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
-              >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             data-sticky-last-left-td="true"
             data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              990
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
           >
-            <span>
-              3300
-            </span>
+            AMD
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            3300
-          </div>
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
+          />
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
           >
-            3300
+            22.97
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
           >
-            <span>
-              3300
-            </span>
+            <div
+              class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+            >
+              USD
+            </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
             data-sticky-first-right-td="true"
             data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
           >
             <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
-              data-state="closed"
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
               type="button"
             >
               <svg
@@ -171758,113 +176532,27 @@ Object {
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
                   stroke="currentColor"
                   stroke-linecap="round"
                 />
               </svg>
+              23.10.01 - 23.10.31
             </button>
           </div>
-        </div>
-        <div
-          class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
-          role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
-        >
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
-            <div
-              class="flex h-full items-center"
-            >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
-              >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            data-sticky-last-left-td="true"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            <span>
-              1020
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              3400
-            </span>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            3400
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
-          >
-            3400
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
-          >
-            <span>
-              3400
-            </span>
-          </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
             data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
           >
             <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
               data-state="closed"
               type="button"
             >
               <svg
-                class="text-moon-24"
+                class="text-moon-24 max-h-6"
                 fill="none"
                 height="1em"
                 viewBox="0 0 32 32"
@@ -171872,7 +176560,17 @@ Object {
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+                <path
+                  d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+                <path
+                  d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
                   stroke="currentColor"
                   stroke-linecap="round"
                 />
@@ -171883,102 +176581,186 @@ Object {
         <div
           class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
           role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+          style="display: flex; flex: 1 0 auto; min-width: 460px;"
         >
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
-            <div
-              class="flex h-full items-center"
-            >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
-              >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             data-sticky-last-left-td="true"
             data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
           >
-            <span>
-              1050
-            </span>
+            Europe
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
           >
-            <span>
-              3500
-            </span>
+            <div
+              class="px-3 text-moon-14 flex items-center overflow-x-auto"
+            >
+              <span
+                class="mr-[5px]"
+              >
+                10.0
+              </span>
+              <span>
+                (
+                10000
+              </span>
+              <span>
+                -
+              </span>
+              <span>
+                20000
+                )
+              </span>
+              <span
+                class="mx-2"
+              >
+                |
+              </span>
+              <span
+                class="mr-[5px]"
+              >
+                9.0
+              </span>
+              <span>
+                (
+                20000
+              </span>
+              <span>
+                -
+              </span>
+              <span>
+                30000
+                )
+              </span>
+              <span
+                class="mx-2"
+              >
+                |
+              </span>
+              <span
+                class="mr-[5px]"
+              >
+                8.0
+              </span>
+              <span>
+                (
+                30000
+              </span>
+              <span>
+                -
+              </span>
+              <span>
+                40000
+                )
+              </span>
+              <span
+                class="mx-2"
+              >
+                |
+              </span>
+              <span
+                class="mr-[5px]"
+              >
+                7.0
+              </span>
+              <span>
+                (
+                40000
+              </span>
+              <span>
+                -
+              </span>
+              <span>
+                50000
+                )
+              </span>
+              <span
+                class="mx-2"
+              >
+                |
+              </span>
+              <span
+                class="mr-[5px]"
+              >
+                6.0
+              </span>
+              <span>
+                (
+                50000
+              </span>
+              <span>
+                -
+              </span>
+              <span>
+                60000
+                )
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
           >
-            3500
+            22.97
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
           >
-            3500
+            <div
+              class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+            >
+              USD
+            </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
           >
-            <span>
-              3500
-            </span>
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+              type="button"
+            >
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+              23.10.01 - 23.10.31
+            </button>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
             data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
           >
             <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
               data-state="closed"
               type="button"
             >
               <svg
-                class="text-moon-24"
+                class="text-moon-24 max-h-6"
                 fill="none"
                 height="1em"
                 viewBox="0 0 32 32"
@@ -171986,7 +176768,17 @@ Object {
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+                <path
+                  d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+                <path
+                  d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
                   stroke="currentColor"
                   stroke-linecap="round"
                 />
@@ -171997,102 +176789,102 @@ Object {
         <div
           class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
           role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+          style="display: flex; flex: 1 0 auto; min-width: 460px;"
         >
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
-            <div
-              class="flex h-full items-center"
-            >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
-              >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             data-sticky-last-left-td="true"
             data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
           >
-            <span>
-              1080
-            </span>
+            Europe
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
           >
-            <span>
-              3600
-            </span>
+            <div
+              class="px-3 text-moon-14 flex items-center overflow-x-auto"
+            >
+              <span
+                class="mr-[5px]"
+              >
+                5.0
+              </span>
+              <span>
+                (
+                2
+              </span>
+              <span>
+                -
+              </span>
+              <span>
+                3
+                )
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
           >
-            3600
+            22.97
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
           >
-            3600
+            <div
+              class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+            >
+              USD
+            </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
           >
-            <span>
-              3600
-            </span>
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+              type="button"
+            >
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+              23.12.01 -
+            </button>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
             data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
           >
             <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
               data-state="closed"
               type="button"
             >
               <svg
-                class="text-moon-24"
+                class="text-moon-24 max-h-6"
                 fill="none"
                 height="1em"
                 viewBox="0 0 32 32"
@@ -172100,7 +176892,17 @@ Object {
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+                <path
+                  d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+                <path
+                  d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
                   stroke="currentColor"
                   stroke-linecap="round"
                 />
@@ -172111,102 +176913,101 @@ Object {
         <div
           class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
           role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+          style="display: flex; flex: 1 0 auto; min-width: 460px;"
         >
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
-            <div
-              class="flex h-full items-center"
-            >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
-              >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             data-sticky-last-left-td="true"
             data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
           >
-            <span>
-              1110
-            </span>
+            Europe
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
           >
-            <span>
-              3700
-            </span>
+            <div
+              class="px-3 text-moon-14 flex items-center overflow-x-auto"
+            >
+              <span
+                class="mr-[5px]"
+              >
+                0.0
+              </span>
+              <span>
+                (
+                0
+              </span>
+              <span>
+                -
+              </span>
+              <span>
+                )
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
           >
-            3700
+            22.97
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
           >
-            3700
+            <div
+              class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+            >
+              USD
+            </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
           >
-            <span>
-              3700
-            </span>
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+              type="button"
+            >
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+              23.11.01 - 23.11.30
+            </button>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
             data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
           >
             <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
               data-state="closed"
               type="button"
             >
               <svg
-                class="text-moon-24"
+                class="text-moon-24 max-h-6"
                 fill="none"
                 height="1em"
                 viewBox="0 0 32 32"
@@ -172214,7 +177015,17 @@ Object {
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+                <path
+                  d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+                <path
+                  d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
                   stroke="currentColor"
                   stroke-linecap="round"
                 />
@@ -172225,102 +177036,102 @@ Object {
         <div
           class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
           role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+          style="display: flex; flex: 1 0 auto; min-width: 460px;"
         >
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
-            <div
-              class="flex h-full items-center"
-            >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
-              >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             data-sticky-last-left-td="true"
             data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
           >
-            <span>
-              1140
-            </span>
+            Asia
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
           >
-            <span>
-              3800
-            </span>
+            <div
+              class="px-3 text-moon-14 flex items-center overflow-x-auto"
+            >
+              <span
+                class="mr-[5px]"
+              >
+                6.0
+              </span>
+              <span>
+                (
+                3
+              </span>
+              <span>
+                -
+              </span>
+              <span>
+                4
+                )
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
           >
-            3800
+            22.97
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
           >
-            3800
+            <div
+              class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+            >
+              USD
+            </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
           >
-            <span>
-              3800
-            </span>
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+              type="button"
+            >
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+              23.11.01 -
+            </button>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
             data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
           >
             <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
               data-state="closed"
               type="button"
             >
               <svg
-                class="text-moon-24"
+                class="text-moon-24 max-h-6"
                 fill="none"
                 height="1em"
                 viewBox="0 0 32 32"
@@ -172328,7 +177139,17 @@ Object {
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+                <path
+                  d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+                <path
+                  d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
                   stroke="currentColor"
                   stroke-linecap="round"
                 />
@@ -172339,102 +177160,123 @@ Object {
         <div
           class="relative focus-visible:outline-none flex rounded-moon-s-sm transition-colors text-bulma bg-goku border-goku"
           role="row"
-          style="display: flex; flex: 1 0 auto; min-width: 800px;"
+          style="display: flex; flex: 1 0 auto; min-width: 460px;"
         >
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku"
-            data-sticky-td="true"
-            role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
-          >
-            <div
-              class="flex h-full items-center"
-            >
-              <span
-                style="cursor: pointer; padding-left: 0rem;"
-                title="Toggle Row Expanded"
-              >
-                <svg
-                  fill="none"
-                  height="1em"
-                  viewBox="0 0 32 32"
-                  width="1em"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M11.5 7L20.5 16L11.5 25"
-                    stroke="currentColor"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             data-sticky-last-left-td="true"
             data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 150px;"
-          >
-            Test
-          </div>
-          <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
-            role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            style="box-sizing: border-box; flex: 100 0 auto; min-width: 90px; width: 100px; position: sticky; z-index: 3; left: 0px;"
           >
-            <span>
-              1170
-            </span>
+            Asia
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 50px; width: 150px;"
           >
-            <span>
-              3900
-            </span>
+            <div
+              class="px-3 text-moon-14 flex items-center overflow-x-auto"
+            >
+              <span
+                class="mr-[5px]"
+              >
+                5.0
+              </span>
+              <span>
+                (
+                0
+              </span>
+              <span>
+                -
+              </span>
+              <span>
+                150000
+                )
+              </span>
+              <span
+                class="mx-2"
+              >
+                |
+              </span>
+              <span
+                class="mr-[5px]"
+              >
+                4.0
+              </span>
+              <span>
+                (
+                150000
+              </span>
+              <span>
+                -
+              </span>
+              <span>
+                500000
+                )
+              </span>
+            </div>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
           >
-            3900
+            22.97
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
             role="cell"
-            style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+            style="box-sizing: border-box; flex: 90 0 auto; min-width: 50px; width: 90px;"
           >
-            3900
+            <div
+              class="flex items-center rounded-moon-i-xs gap-1 select-none py-1 px-2 h-6 text-moon-10-caption uppercase font-medium bg-gray-100 text-lg text-gray-600 max-w-fit"
+            >
+              USD
+            </div>
           </div>
           <div
-            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku"
+            class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
+            data-sticky-first-right-td="true"
+            data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+            style="box-sizing: border-box; flex: 150 0 auto; min-width: 150px; width: 150px; position: sticky; z-index: 3; right: 70px;"
           >
-            <span>
-              3900
-            </span>
+            <button
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none space-between h-8 gap-1 py-1 ps-1 pe-2 text-bulma bg-transparent"
+              type="button"
+            >
+              <svg
+                class="text-moon-24"
+                fill="none"
+                height="1em"
+                viewBox="0 0 32 32"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M25.5 13.0769H6.5M11.6154 9.42308V6.5M20.3846 9.42308L20.3846 6.5M10.8846 17.4615H12.3462M15.2692 17.4615H16.7308M19.6538 17.4615H21.1154M10.8846 21.1154H12.3462M15.2692 21.1154H16.7308M19.6538 21.1154H21.1154M6.5 10.8846L6.5 22.5769C6.5 24.1913 7.8087 25.5 9.42308 25.5L22.5769 25.5C24.1913 25.5 25.5 24.1913 25.5 22.5769V10.8846C25.5 9.27028 24.1913 7.96157 22.5769 7.96157L9.42308 7.96154C7.80871 7.96154 6.5 9.27025 6.5 10.8846Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+              </svg>
+              23.05.01 - 23.10.31
+            </button>
           </div>
           <div
             class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku"
-            data-sticky-first-right-td="true"
             data-sticky-td="true"
             role="cell"
-            style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+            style="box-sizing: border-box; flex: 70 0 auto; min-width: 70px; width: 70px; position: sticky; z-index: 3; right: 0px;"
           >
             <button
-              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 text-bulma max-h-6"
+              class="z-0 overflow-hidden flex flex-row items-center justify-center text-moon-14 relative rounded-moon-i-sm cursor-pointer transition duration-200 hover:bg-jiren hover:text-piccolo user-select-none center h-10 gap-2 p-2 bg-goku text-bulma max-h-6"
               data-state="closed"
               type="button"
             >
               <svg
-                class="text-moon-24"
+                class="text-moon-24 max-h-6"
                 fill="none"
                 height="1em"
                 viewBox="0 0 32 32"
@@ -172442,7 +177284,17 @@ Object {
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M23.3077 10.8846C24.5185 10.8846 25.5 9.90309 25.5 8.69231C25.5 7.48153 24.5185 6.5 23.3077 6.5C22.0969 6.5 21.1154 7.48153 21.1154 8.69231M23.3077 10.8846C22.0969 10.8846 21.1154 9.90309 21.1154 8.69231M23.3077 10.8846V21.1154M21.1154 8.69231H10.8846M21.1154 23.3077C21.1154 24.5185 22.0969 25.5 23.3077 25.5C24.5185 25.5 25.5 24.5185 25.5 23.3077C25.5 22.0969 24.5185 21.1154 23.3077 21.1154M21.1154 23.3077C21.1154 22.0969 22.0969 21.1154 23.3077 21.1154M21.1154 23.3077H10.8846M10.8846 8.69231C10.8846 9.90309 9.90309 10.8846 8.69231 10.8846M10.8846 8.69231C10.8846 7.48153 9.90309 6.5 8.69231 6.5C7.48153 6.5 6.5 7.48153 6.5 8.69231C6.5 9.90309 7.48153 10.8846 8.69231 10.8846M8.69231 10.8846V21.1154M10.8846 23.3077C10.8846 24.5185 9.90309 25.5 8.69231 25.5C7.48153 25.5 6.5 24.5185 6.5 23.3077C6.5 22.0969 7.48153 21.1154 8.69231 21.1154M10.8846 23.3077C10.8846 22.0969 9.90309 21.1154 8.69231 21.1154"
+                  d="M24.2218 18.4139C23.011 18.4139 22.0294 17.4324 22.0294 16.2216C22.0294 15.0108 23.011 14.0293 24.2218 14.0293C25.4325 14.0293 26.4141 15.0108 26.4141 16.2216C26.4141 17.4324 25.4325 18.4139 24.2218 18.4139Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+                <path
+                  d="M8.16309 18.414C6.95231 18.414 5.97078 17.4325 5.97078 16.2217C5.97078 15.0109 6.95231 14.0294 8.16309 14.0294C9.37386 14.0294 10.3554 15.0109 10.3554 16.2217C10.3554 17.4325 9.37386 18.414 8.16309 18.414Z"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                />
+                <path
+                  d="M16.1631 18.4139C14.9523 18.4139 13.9708 17.4324 13.9708 16.2216C13.9708 15.0108 14.9523 14.0293 16.1631 14.0293C17.3739 14.0293 18.3554 15.0108 18.3554 16.2216C18.3554 17.4324 17.3739 18.4139 16.1631 18.4139Z"
                   stroke="currentColor"
                   stroke-linecap="round"
                 />
diff --git a/next-docs/public/examples/table/__tests__/index.test.tsx b/next-docs/public/examples/table/__tests__/index.test.tsx
index 69420a607b..03163a0714 100644
--- a/next-docs/public/examples/table/__tests__/index.test.tsx
+++ b/next-docs/public/examples/table/__tests__/index.test.tsx
@@ -14,6 +14,7 @@ import CustomColors from '../CustomColors';
 import ExpandableCheckboxes from '../ExpandableCheckboxes';
 import ExpandedRows from '../ExpandedRows';
 import ExpandedWithKeepState from '../ExpandedWithKeepState';
+import ExtraLongDataView from '../ExtraLongDataView';
 import Sorting from '../Sorting';
 import DeepTable from '../DeepTable';
 import CustomContent from '../CustomContent';
@@ -27,7 +28,15 @@ import CustomColumnWidths from '../CustomColumnWidths';
 
 const withRtl = (component: JSX.Element) => <div dir="rtl">{component}</div>;
 
+class ResizeObserver {
+  observe() {}
+  unobserve() {}
+  disconnect() {}
+}
+
 describe('Table', () => {
+  window.ResizeObserver = ResizeObserver;
+
   afterEach(cleanup);
   it('renders Default', () => {
     const tree = render(<Default />);
@@ -113,9 +122,15 @@ describe('Table', () => {
     const tree = render(<CustomColumnWidths />);
     expect(tree).toMatchSnapshot();
   });
+  it('renders ExtraLongDataView', () => {
+    const tree = render(<ExtraLongDataView />);
+    expect(tree).toMatchSnapshot();
+  });
 });
 
 describe('Table in RTL', () => {
+  window.ResizeObserver = ResizeObserver;
+
   afterEach(cleanup);
   it('renders Default', () => {
     const tree = render(withRtl(<Default />));
@@ -201,4 +216,8 @@ describe('Table in RTL', () => {
     const tree = render(withRtl(<CustomColumnWidths />));
     expect(tree).toMatchSnapshot();
   });
+  it('renders ExtraLongDataView', () => {
+    const tree = render(withRtl(<ExtraLongDataView />));
+    expect(tree).toMatchSnapshot();
+  });
 });
diff --git a/package.json b/package.json
index 77edd6d861..d1865391c3 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "build:legacy": "pnpm --filter \"./packages/**\" -r run build",
     "build:tailwind": "pnpm --filter \"./workspaces/**\" -r run build ",
     "build:core": "pnpm --filter \"./workspaces/core/**\" -r run build ",
+    "build:table": "pnpm --filter \"./workspaces/tables/**\" -r run build ",
     "clean": "rimraf packages/**/lib && pnpm run clean:docs",
     "clean:docs": "rimraf next-docs/{lib,dist,.cache}",
     "nuke": "pnpm run clean && rimraf next-docs/.next/ && rimraf packages/**/node_modules/ && rimraf next-docs/node_modules/ && rimraf node_modules/",

From d0a6f702741a5880eab9918a59456716d57314c4 Mon Sep 17 00:00:00 2001
From: Karl Kallavus <232199+karl-kallavus@users.noreply.github.com>
Date: Thu, 16 Nov 2023 15:05:19 +0100
Subject: [PATCH 5/8] fix: DOM text reinterpreted as HTML scanning alert
 (#2493)

---
 next-docs/public/transformIcon/IconPreview.tsx |  3 ++-
 next-docs/utils/useFilteredRequestQuery.ts     | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/next-docs/public/transformIcon/IconPreview.tsx b/next-docs/public/transformIcon/IconPreview.tsx
index a7f25f3168..8e950d1b53 100644
--- a/next-docs/public/transformIcon/IconPreview.tsx
+++ b/next-docs/public/transformIcon/IconPreview.tsx
@@ -5,6 +5,7 @@ import { CopyToClipboard } from 'react-copy-to-clipboard';
 import { camelCase, upperFirst } from 'lodash';
 import { GenericClose } from '@heathmont/moon-icons-tw';
 import CodeSnippet from '../../components/codePreview/CodeSnippet';
+import useFilteredRequestQuery, { filterStrippedTags } from '../../utils/useFilteredRequestQuery';
 
 const DEFAULT_NAME = 'SvgComponent';
 
@@ -23,7 +24,7 @@ const IconPreview: React.FC<IconPreviewProps> = ({
   setError,
 }) => {
   const name = file?.name || DEFAULT_NAME;
-  const iconSrc = URL.createObjectURL(file as File);
+  const iconSrc = useFilteredRequestQuery(URL.createObjectURL(file as File), filterStrippedTags);
   const [copied, setCopied] = useState(false);
   const [isDimensions, toggleDimensions] = useState(false);
   const handleDimensionsClick = useCallback(
diff --git a/next-docs/utils/useFilteredRequestQuery.ts b/next-docs/utils/useFilteredRequestQuery.ts
index 6b9564fd21..eef0b2c4b3 100644
--- a/next-docs/utils/useFilteredRequestQuery.ts
+++ b/next-docs/utils/useFilteredRequestQuery.ts
@@ -2,6 +2,21 @@ export type Patterns = {
   [K: string]: (path: string) => string;
 }
 
+/* Denies: spaces/semicolons,
+  dollar/plus/asterisk symbols,
+  greater and less symbols,
+  any quotation marks,
+  parentheses/braces.
+  Returns: resulting string.
+*/
+
+export const filterStrippedTags: Patterns = {
+  removeUnallowedSymbols: (path: string) => {
+    const pattern = new RegExp('([\\s;\\"\\`\\\'\\[\\]\\{\\}<>\\$\\+\\*]+)', 'g');
+    return path.replace(pattern, '');
+  }
+}
+
 /* Allows letters, digits, dashes, dots, slashes.
   Denies: leading/trailing/multiple dots,
   leading/trailing/multiple slashes,

From 212594a08f07ab23764df56a8b0f745de72cb576 Mon Sep 17 00:00:00 2001
From: Dmytro Kireiev <dmytro.kireiev@gmail.com>
Date: Thu, 16 Nov 2023 16:05:46 +0200
Subject: [PATCH 6/8] fix: TagsInput sizing [MDS-791] (#2489)

* fix: TagsInput sizing [MDS-791]

* fix: TagsInput sizing [MDS-791]
---
 .../__snapshots__/index.test.tsx.snap         | 992 ++++++++----------
 workspaces/core/src/tagsInput/TagsInput.tsx   | 203 ++--
 .../private/types/SelectedItemProps.ts        |   2 +-
 .../core/src/tagsInput/private/types/Size.ts  |   2 +-
 .../private/types/TagsInputRootProps.ts       |   4 +-
 .../tagsInput/private/types/TagsInputState.ts |   2 +-
 .../tagsInput/private/utils/getTextSize.ts    |  10 +
 .../private/utils/getWrapperStyle.ts          |  10 +
 .../private/utils/useTagsInputContext.ts      |   4 +-
 .../tagsInput/private/utils/useTextSizes.ts   |  14 -
 10 files changed, 595 insertions(+), 648 deletions(-)
 create mode 100644 workspaces/core/src/tagsInput/private/utils/getTextSize.ts
 create mode 100644 workspaces/core/src/tagsInput/private/utils/getWrapperStyle.ts
 delete mode 100644 workspaces/core/src/tagsInput/private/utils/useTextSizes.ts

diff --git a/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap
index 1371dd1cf8..ecddedaf45 100644
--- a/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap
+++ b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap
@@ -9,14 +9,14 @@ Object {
         dir="rtl"
       >
         <span
-          class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+          class="w-full flex flex-col justify-between bg-goku transition-shadow shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2"
           tabindex="-1"
         >
           <div
             class="flex flex-wrap justify-start items-start gap-1"
           />
           <input
-            class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+            class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
             type="text"
           />
         </span>
@@ -28,14 +28,14 @@ Object {
       dir="rtl"
     >
       <span
-        class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+        class="w-full flex flex-col justify-between bg-goku transition-shadow shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2"
         tabindex="-1"
       >
         <div
           class="flex flex-wrap justify-start items-start gap-1"
         />
         <input
-          class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+          class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
           type="text"
         />
       </span>
@@ -120,14 +120,14 @@ Object {
                 Small
               </label>
               <span
-                class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+                class="w-full flex flex-col justify-between bg-goku transition-shadow shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-xs px-2 py-1"
                 tabindex="-1"
               >
                 <div
                   class="flex flex-wrap justify-start items-start gap-1"
                 />
                 <input
-                  class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-14 leading-4"
+                  class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-14"
                   type="text"
                 />
               </span>
@@ -143,14 +143,14 @@ Object {
                 Medium (default)
               </label>
               <span
-                class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+                class="w-full flex flex-col justify-between bg-goku transition-shadow shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2"
                 tabindex="-1"
               >
                 <div
                   class="flex flex-wrap justify-start items-start gap-1"
                 />
                 <input
-                  class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+                  class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                   type="text"
                 />
               </span>
@@ -166,14 +166,14 @@ Object {
                 Large
               </label>
               <span
-                class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+                class="w-full flex flex-col justify-between bg-goku transition-shadow shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-3"
                 tabindex="-1"
               >
                 <div
                   class="flex flex-wrap justify-start items-start gap-1"
                 />
                 <input
-                  class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-18 leading-5"
+                  class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                   type="text"
                 />
               </span>
@@ -204,14 +204,14 @@ Object {
               Small
             </label>
             <span
-              class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+              class="w-full flex flex-col justify-between bg-goku transition-shadow shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-xs px-2 py-1"
               tabindex="-1"
             >
               <div
                 class="flex flex-wrap justify-start items-start gap-1"
               />
               <input
-                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-14 leading-4"
+                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-14"
                 type="text"
               />
             </span>
@@ -227,14 +227,14 @@ Object {
               Medium (default)
             </label>
             <span
-              class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+              class="w-full flex flex-col justify-between bg-goku transition-shadow shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2"
               tabindex="-1"
             >
               <div
                 class="flex flex-wrap justify-start items-start gap-1"
               />
               <input
-                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                 type="text"
               />
             </span>
@@ -250,14 +250,14 @@ Object {
               Large
             </label>
             <span
-              class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+              class="w-full flex flex-col justify-between bg-goku transition-shadow shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-3"
               tabindex="-1"
             >
               <div
                 class="flex flex-wrap justify-start items-start gap-1"
               />
               <input
-                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-18 leading-5"
+                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                 type="text"
               />
             </span>
@@ -345,7 +345,7 @@ Object {
                 Disabled
               </label>
               <span
-                class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-1 focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none opacity-60 shadow-input focus:shadow-input hover:shadow-input cursor-not-allowed"
+                class="w-full flex flex-col justify-between bg-goku transition-shadow gap-y-1 focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2 opacity-60 shadow-input focus:shadow-input hover:shadow-input cursor-not-allowed"
                 tabindex="-1"
               >
                 <div
@@ -357,43 +357,39 @@ Object {
                     <div
                       class="relative"
                     >
-                      <span
-                        class="text-moon-16 w-full text-bulma truncate"
+                      <div
+                        class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
                       >
-                        <div
-                          class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
+                        <span
+                          class="break-all truncate"
                         >
-                          <span
-                            class="break-all truncate"
-                          >
-                            Preset data
-                          </span>
-                          <span
-                            class="text-moon-16"
+                          Preset data
+                        </span>
+                        <span
+                          class="text-moon-16"
+                        >
+                          <svg
+                            class="cursor-pointer"
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 32 32"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
                           >
-                            <svg
-                              class="cursor-pointer"
-                              fill="none"
-                              height="1em"
-                              viewBox="0 0 32 32"
-                              width="1em"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
-                                stroke="currentColor"
-                                stroke-linecap="round"
-                                stroke-linejoin="round"
-                              />
-                            </svg>
-                          </span>
-                        </div>
-                      </span>
+                            <path
+                              d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                            />
+                          </svg>
+                        </span>
+                      </div>
                     </div>
                   </div>
                 </div>
                 <input
-                  class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared opacity-60 cursor-not-allowed flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+                  class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared opacity-60 cursor-not-allowed flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                   disabled=""
                   type="text"
                 />
@@ -416,7 +412,7 @@ Object {
                 Error
               </label>
               <span
-                class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-1 focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err"
+                class="w-full flex flex-col justify-between bg-goku transition-shadow gap-y-1 focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2 shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err"
                 tabindex="-1"
               >
                 <div
@@ -428,43 +424,39 @@ Object {
                     <div
                       class="relative"
                     >
-                      <span
-                        class="text-moon-16 w-full text-bulma truncate"
+                      <div
+                        class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
                       >
-                        <div
-                          class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
+                        <span
+                          class="break-all truncate"
                         >
-                          <span
-                            class="break-all truncate"
-                          >
-                            Preset data
-                          </span>
-                          <span
-                            class="text-moon-16"
+                          Preset data
+                        </span>
+                        <span
+                          class="text-moon-16"
+                        >
+                          <svg
+                            class="cursor-pointer"
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 32 32"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
                           >
-                            <svg
-                              class="cursor-pointer"
-                              fill="none"
-                              height="1em"
-                              viewBox="0 0 32 32"
-                              width="1em"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
-                                stroke="currentColor"
-                                stroke-linecap="round"
-                                stroke-linejoin="round"
-                              />
-                            </svg>
-                          </span>
-                        </div>
-                      </span>
+                            <path
+                              d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                            />
+                          </svg>
+                        </span>
+                      </div>
                     </div>
                   </div>
                 </div>
                 <input
-                  class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+                  class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                   type="text"
                 />
               </span>
@@ -515,7 +507,7 @@ Object {
               Disabled
             </label>
             <span
-              class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-1 focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none opacity-60 shadow-input focus:shadow-input hover:shadow-input cursor-not-allowed"
+              class="w-full flex flex-col justify-between bg-goku transition-shadow gap-y-1 focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2 opacity-60 shadow-input focus:shadow-input hover:shadow-input cursor-not-allowed"
               tabindex="-1"
             >
               <div
@@ -527,43 +519,39 @@ Object {
                   <div
                     class="relative"
                   >
-                    <span
-                      class="text-moon-16 w-full text-bulma truncate"
+                    <div
+                      class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
                     >
-                      <div
-                        class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
+                      <span
+                        class="break-all truncate"
                       >
-                        <span
-                          class="break-all truncate"
-                        >
-                          Preset data
-                        </span>
-                        <span
-                          class="text-moon-16"
+                        Preset data
+                      </span>
+                      <span
+                        class="text-moon-16"
+                      >
+                        <svg
+                          class="cursor-pointer"
+                          fill="none"
+                          height="1em"
+                          viewBox="0 0 32 32"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          <svg
-                            class="cursor-pointer"
-                            fill="none"
-                            height="1em"
-                            viewBox="0 0 32 32"
-                            width="1em"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </span>
+                          <path
+                            d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
+                            stroke="currentColor"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                          />
+                        </svg>
+                      </span>
+                    </div>
                   </div>
                 </div>
               </div>
               <input
-                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared opacity-60 cursor-not-allowed flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared opacity-60 cursor-not-allowed flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                 disabled=""
                 type="text"
               />
@@ -586,7 +574,7 @@ Object {
               Error
             </label>
             <span
-              class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-1 focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err"
+              class="w-full flex flex-col justify-between bg-goku transition-shadow gap-y-1 focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2 shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err"
               tabindex="-1"
             >
               <div
@@ -598,43 +586,39 @@ Object {
                   <div
                     class="relative"
                   >
-                    <span
-                      class="text-moon-16 w-full text-bulma truncate"
+                    <div
+                      class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
                     >
-                      <div
-                        class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
+                      <span
+                        class="break-all truncate"
                       >
-                        <span
-                          class="break-all truncate"
-                        >
-                          Preset data
-                        </span>
-                        <span
-                          class="text-moon-16"
+                        Preset data
+                      </span>
+                      <span
+                        class="text-moon-16"
+                      >
+                        <svg
+                          class="cursor-pointer"
+                          fill="none"
+                          height="1em"
+                          viewBox="0 0 32 32"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          <svg
-                            class="cursor-pointer"
-                            fill="none"
-                            height="1em"
-                            viewBox="0 0 32 32"
-                            width="1em"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </span>
+                          <path
+                            d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
+                            stroke="currentColor"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                          />
+                        </svg>
+                      </span>
+                    </div>
                   </div>
                 </div>
               </div>
               <input
-                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                 type="text"
               />
             </span>
@@ -742,7 +726,7 @@ Object {
                 Lower
               </label>
               <span
-                class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-1 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+                class="w-full flex flex-col justify-between bg-goku transition-shadow gap-y-1 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2"
                 tabindex="-1"
               >
                 <div
@@ -754,43 +738,39 @@ Object {
                     <div
                       class="relative"
                     >
-                      <span
-                        class="text-moon-16 w-full text-bulma truncate"
+                      <div
+                        class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-12"
                       >
-                        <div
-                          class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-12"
+                        <span
+                          class="break-all truncate"
                         >
-                          <span
-                            class="break-all truncate"
-                          >
-                            Preset data
-                          </span>
-                          <span
-                            class="text-moon-16"
+                          Preset data
+                        </span>
+                        <span
+                          class="text-moon-16"
+                        >
+                          <svg
+                            class="cursor-pointer"
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 32 32"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
                           >
-                            <svg
-                              class="cursor-pointer"
-                              fill="none"
-                              height="1em"
-                              viewBox="0 0 32 32"
-                              width="1em"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
-                                stroke="currentColor"
-                                stroke-linecap="round"
-                                stroke-linejoin="round"
-                              />
-                            </svg>
-                          </span>
-                        </div>
-                      </span>
+                            <path
+                              d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                            />
+                          </svg>
+                        </span>
+                      </div>
                     </div>
                   </div>
                 </div>
                 <input
-                  class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+                  class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                   type="text"
                 />
               </span>
@@ -806,7 +786,7 @@ Object {
                 Capitalized
               </label>
               <span
-                class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-1 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+                class="w-full flex flex-col justify-between bg-goku transition-shadow gap-y-1 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2"
                 tabindex="-1"
               >
                 <div
@@ -818,43 +798,39 @@ Object {
                     <div
                       class="relative"
                     >
-                      <span
-                        class="text-moon-16 w-full text-bulma truncate"
+                      <div
+                        class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
                       >
-                        <div
-                          class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
+                        <span
+                          class="break-all truncate"
                         >
-                          <span
-                            class="break-all truncate"
-                          >
-                            Preset data
-                          </span>
-                          <span
-                            class="text-moon-16"
+                          Preset data
+                        </span>
+                        <span
+                          class="text-moon-16"
+                        >
+                          <svg
+                            class="cursor-pointer"
+                            fill="none"
+                            height="1em"
+                            viewBox="0 0 32 32"
+                            width="1em"
+                            xmlns="http://www.w3.org/2000/svg"
                           >
-                            <svg
-                              class="cursor-pointer"
-                              fill="none"
-                              height="1em"
-                              viewBox="0 0 32 32"
-                              width="1em"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
-                                stroke="currentColor"
-                                stroke-linecap="round"
-                                stroke-linejoin="round"
-                              />
-                            </svg>
-                          </span>
-                        </div>
-                      </span>
+                            <path
+                              d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
+                              stroke="currentColor"
+                              stroke-linecap="round"
+                              stroke-linejoin="round"
+                            />
+                          </svg>
+                        </span>
+                      </div>
                     </div>
                   </div>
                 </div>
                 <input
-                  class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+                  class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                   type="text"
                 />
               </span>
@@ -885,7 +861,7 @@ Object {
               Lower
             </label>
             <span
-              class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-1 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+              class="w-full flex flex-col justify-between bg-goku transition-shadow gap-y-1 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2"
               tabindex="-1"
             >
               <div
@@ -897,43 +873,39 @@ Object {
                   <div
                     class="relative"
                   >
-                    <span
-                      class="text-moon-16 w-full text-bulma truncate"
+                    <div
+                      class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-12"
                     >
-                      <div
-                        class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-12"
+                      <span
+                        class="break-all truncate"
                       >
-                        <span
-                          class="break-all truncate"
-                        >
-                          Preset data
-                        </span>
-                        <span
-                          class="text-moon-16"
+                        Preset data
+                      </span>
+                      <span
+                        class="text-moon-16"
+                      >
+                        <svg
+                          class="cursor-pointer"
+                          fill="none"
+                          height="1em"
+                          viewBox="0 0 32 32"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          <svg
-                            class="cursor-pointer"
-                            fill="none"
-                            height="1em"
-                            viewBox="0 0 32 32"
-                            width="1em"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </span>
+                          <path
+                            d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
+                            stroke="currentColor"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                          />
+                        </svg>
+                      </span>
+                    </div>
                   </div>
                 </div>
               </div>
               <input
-                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                 type="text"
               />
             </span>
@@ -949,7 +921,7 @@ Object {
               Capitalized
             </label>
             <span
-              class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-1 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+              class="w-full flex flex-col justify-between bg-goku transition-shadow gap-y-1 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2"
               tabindex="-1"
             >
               <div
@@ -961,43 +933,39 @@ Object {
                   <div
                     class="relative"
                   >
-                    <span
-                      class="text-moon-16 w-full text-bulma truncate"
+                    <div
+                      class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
                     >
-                      <div
-                        class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
+                      <span
+                        class="break-all truncate"
                       >
-                        <span
-                          class="break-all truncate"
-                        >
-                          Preset data
-                        </span>
-                        <span
-                          class="text-moon-16"
+                        Preset data
+                      </span>
+                      <span
+                        class="text-moon-16"
+                      >
+                        <svg
+                          class="cursor-pointer"
+                          fill="none"
+                          height="1em"
+                          viewBox="0 0 32 32"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          <svg
-                            class="cursor-pointer"
-                            fill="none"
-                            height="1em"
-                            viewBox="0 0 32 32"
-                            width="1em"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </span>
+                          <path
+                            d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
+                            stroke="currentColor"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                          />
+                        </svg>
+                      </span>
+                    </div>
                   </div>
                 </div>
               </div>
               <input
-                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                 type="text"
               />
             </span>
@@ -1066,14 +1034,14 @@ Object {
   "baseElement": <body>
     <div>
       <span
-        class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+        class="w-full flex flex-col justify-between bg-goku transition-shadow shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2"
         tabindex="-1"
       >
         <div
           class="flex flex-wrap justify-start items-start gap-1"
         />
         <input
-          class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+          class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
           type="text"
         />
       </span>
@@ -1081,14 +1049,14 @@ Object {
   </body>,
   "container": <div>
     <span
-      class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+      class="w-full flex flex-col justify-between bg-goku transition-shadow shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2"
       tabindex="-1"
     >
       <div
         class="flex flex-wrap justify-start items-start gap-1"
       />
       <input
-        class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+        class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
         type="text"
       />
     </span>
@@ -1169,14 +1137,14 @@ Object {
               Small
             </label>
             <span
-              class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+              class="w-full flex flex-col justify-between bg-goku transition-shadow shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-xs px-2 py-1"
               tabindex="-1"
             >
               <div
                 class="flex flex-wrap justify-start items-start gap-1"
               />
               <input
-                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-14 leading-4"
+                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-14"
                 type="text"
               />
             </span>
@@ -1192,14 +1160,14 @@ Object {
               Medium (default)
             </label>
             <span
-              class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+              class="w-full flex flex-col justify-between bg-goku transition-shadow shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2"
               tabindex="-1"
             >
               <div
                 class="flex flex-wrap justify-start items-start gap-1"
               />
               <input
-                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                 type="text"
               />
             </span>
@@ -1215,14 +1183,14 @@ Object {
               Large
             </label>
             <span
-              class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+              class="w-full flex flex-col justify-between bg-goku transition-shadow shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-3"
               tabindex="-1"
             >
               <div
                 class="flex flex-wrap justify-start items-start gap-1"
               />
               <input
-                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-18 leading-5"
+                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                 type="text"
               />
             </span>
@@ -1249,14 +1217,14 @@ Object {
             Small
           </label>
           <span
-            class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+            class="w-full flex flex-col justify-between bg-goku transition-shadow shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-xs px-2 py-1"
             tabindex="-1"
           >
             <div
               class="flex flex-wrap justify-start items-start gap-1"
             />
             <input
-              class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-14 leading-4"
+              class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-14"
               type="text"
             />
           </span>
@@ -1272,14 +1240,14 @@ Object {
             Medium (default)
           </label>
           <span
-            class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+            class="w-full flex flex-col justify-between bg-goku transition-shadow shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2"
             tabindex="-1"
           >
             <div
               class="flex flex-wrap justify-start items-start gap-1"
             />
             <input
-              class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+              class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
               type="text"
             />
           </span>
@@ -1295,14 +1263,14 @@ Object {
             Large
           </label>
           <span
-            class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-0 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+            class="w-full flex flex-col justify-between bg-goku transition-shadow shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-3"
             tabindex="-1"
           >
             <div
               class="flex flex-wrap justify-start items-start gap-1"
             />
             <input
-              class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-18 leading-5"
+              class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
               type="text"
             />
           </span>
@@ -1386,7 +1354,7 @@ Object {
               Disabled
             </label>
             <span
-              class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-1 focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none opacity-60 shadow-input focus:shadow-input hover:shadow-input cursor-not-allowed"
+              class="w-full flex flex-col justify-between bg-goku transition-shadow gap-y-1 focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2 opacity-60 shadow-input focus:shadow-input hover:shadow-input cursor-not-allowed"
               tabindex="-1"
             >
               <div
@@ -1398,43 +1366,39 @@ Object {
                   <div
                     class="relative"
                   >
-                    <span
-                      class="text-moon-16 w-full text-bulma truncate"
+                    <div
+                      class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
                     >
-                      <div
-                        class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
+                      <span
+                        class="break-all truncate"
                       >
-                        <span
-                          class="break-all truncate"
-                        >
-                          Preset data
-                        </span>
-                        <span
-                          class="text-moon-16"
+                        Preset data
+                      </span>
+                      <span
+                        class="text-moon-16"
+                      >
+                        <svg
+                          class="cursor-pointer"
+                          fill="none"
+                          height="1em"
+                          viewBox="0 0 32 32"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          <svg
-                            class="cursor-pointer"
-                            fill="none"
-                            height="1em"
-                            viewBox="0 0 32 32"
-                            width="1em"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </span>
+                          <path
+                            d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
+                            stroke="currentColor"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                          />
+                        </svg>
+                      </span>
+                    </div>
                   </div>
                 </div>
               </div>
               <input
-                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared opacity-60 cursor-not-allowed flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared opacity-60 cursor-not-allowed flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                 disabled=""
                 type="text"
               />
@@ -1457,7 +1421,7 @@ Object {
               Error
             </label>
             <span
-              class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-1 focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err"
+              class="w-full flex flex-col justify-between bg-goku transition-shadow gap-y-1 focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2 shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err"
               tabindex="-1"
             >
               <div
@@ -1469,43 +1433,39 @@ Object {
                   <div
                     class="relative"
                   >
-                    <span
-                      class="text-moon-16 w-full text-bulma truncate"
+                    <div
+                      class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
                     >
-                      <div
-                        class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
+                      <span
+                        class="break-all truncate"
                       >
-                        <span
-                          class="break-all truncate"
-                        >
-                          Preset data
-                        </span>
-                        <span
-                          class="text-moon-16"
+                        Preset data
+                      </span>
+                      <span
+                        class="text-moon-16"
+                      >
+                        <svg
+                          class="cursor-pointer"
+                          fill="none"
+                          height="1em"
+                          viewBox="0 0 32 32"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          <svg
-                            class="cursor-pointer"
-                            fill="none"
-                            height="1em"
-                            viewBox="0 0 32 32"
-                            width="1em"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </span>
+                          <path
+                            d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
+                            stroke="currentColor"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                          />
+                        </svg>
+                      </span>
+                    </div>
                   </div>
                 </div>
               </div>
               <input
-                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                 type="text"
               />
             </span>
@@ -1552,7 +1512,7 @@ Object {
             Disabled
           </label>
           <span
-            class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-1 focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none opacity-60 shadow-input focus:shadow-input hover:shadow-input cursor-not-allowed"
+            class="w-full flex flex-col justify-between bg-goku transition-shadow gap-y-1 focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2 opacity-60 shadow-input focus:shadow-input hover:shadow-input cursor-not-allowed"
             tabindex="-1"
           >
             <div
@@ -1564,43 +1524,39 @@ Object {
                 <div
                   class="relative"
                 >
-                  <span
-                    class="text-moon-16 w-full text-bulma truncate"
+                  <div
+                    class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
                   >
-                    <div
-                      class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
+                    <span
+                      class="break-all truncate"
                     >
-                      <span
-                        class="break-all truncate"
-                      >
-                        Preset data
-                      </span>
-                      <span
-                        class="text-moon-16"
+                      Preset data
+                    </span>
+                    <span
+                      class="text-moon-16"
+                    >
+                      <svg
+                        class="cursor-pointer"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <svg
-                          class="cursor-pointer"
-                          fill="none"
-                          height="1em"
-                          viewBox="0 0 32 32"
-                          width="1em"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
-                            stroke="currentColor"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                          />
-                        </svg>
-                      </span>
-                    </div>
-                  </span>
+                        <path
+                          d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </div>
                 </div>
               </div>
             </div>
             <input
-              class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared opacity-60 cursor-not-allowed flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+              class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared opacity-60 cursor-not-allowed flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
               disabled=""
               type="text"
             />
@@ -1623,7 +1579,7 @@ Object {
             Error
           </label>
           <span
-            class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-1 focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err"
+            class="w-full flex flex-col justify-between bg-goku transition-shadow gap-y-1 focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2 shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err"
             tabindex="-1"
           >
             <div
@@ -1635,43 +1591,39 @@ Object {
                 <div
                   class="relative"
                 >
-                  <span
-                    class="text-moon-16 w-full text-bulma truncate"
+                  <div
+                    class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
                   >
-                    <div
-                      class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
+                    <span
+                      class="break-all truncate"
                     >
-                      <span
-                        class="break-all truncate"
-                      >
-                        Preset data
-                      </span>
-                      <span
-                        class="text-moon-16"
+                      Preset data
+                    </span>
+                    <span
+                      class="text-moon-16"
+                    >
+                      <svg
+                        class="cursor-pointer"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <svg
-                          class="cursor-pointer"
-                          fill="none"
-                          height="1em"
-                          viewBox="0 0 32 32"
-                          width="1em"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
-                            stroke="currentColor"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                          />
-                        </svg>
-                      </span>
-                    </div>
-                  </span>
+                        <path
+                          d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </div>
                 </div>
               </div>
             </div>
             <input
-              class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+              class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
               type="text"
             />
           </span>
@@ -1775,7 +1727,7 @@ Object {
               Lower
             </label>
             <span
-              class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-1 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+              class="w-full flex flex-col justify-between bg-goku transition-shadow gap-y-1 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2"
               tabindex="-1"
             >
               <div
@@ -1787,43 +1739,39 @@ Object {
                   <div
                     class="relative"
                   >
-                    <span
-                      class="text-moon-16 w-full text-bulma truncate"
+                    <div
+                      class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-12"
                     >
-                      <div
-                        class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-12"
+                      <span
+                        class="break-all truncate"
                       >
-                        <span
-                          class="break-all truncate"
-                        >
-                          Preset data
-                        </span>
-                        <span
-                          class="text-moon-16"
+                        Preset data
+                      </span>
+                      <span
+                        class="text-moon-16"
+                      >
+                        <svg
+                          class="cursor-pointer"
+                          fill="none"
+                          height="1em"
+                          viewBox="0 0 32 32"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          <svg
-                            class="cursor-pointer"
-                            fill="none"
-                            height="1em"
-                            viewBox="0 0 32 32"
-                            width="1em"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </span>
+                          <path
+                            d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
+                            stroke="currentColor"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                          />
+                        </svg>
+                      </span>
+                    </div>
                   </div>
                 </div>
               </div>
               <input
-                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                 type="text"
               />
             </span>
@@ -1839,7 +1787,7 @@ Object {
               Capitalized
             </label>
             <span
-              class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-1 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+              class="w-full flex flex-col justify-between bg-goku transition-shadow gap-y-1 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2"
               tabindex="-1"
             >
               <div
@@ -1851,43 +1799,39 @@ Object {
                   <div
                     class="relative"
                   >
-                    <span
-                      class="text-moon-16 w-full text-bulma truncate"
+                    <div
+                      class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
                     >
-                      <div
-                        class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
+                      <span
+                        class="break-all truncate"
                       >
-                        <span
-                          class="break-all truncate"
-                        >
-                          Preset data
-                        </span>
-                        <span
-                          class="text-moon-16"
+                        Preset data
+                      </span>
+                      <span
+                        class="text-moon-16"
+                      >
+                        <svg
+                          class="cursor-pointer"
+                          fill="none"
+                          height="1em"
+                          viewBox="0 0 32 32"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          <svg
-                            class="cursor-pointer"
-                            fill="none"
-                            height="1em"
-                            viewBox="0 0 32 32"
-                            width="1em"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
-                              stroke="currentColor"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                            />
-                          </svg>
-                        </span>
-                      </div>
-                    </span>
+                          <path
+                            d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
+                            stroke="currentColor"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                          />
+                        </svg>
+                      </span>
+                    </div>
                   </div>
                 </div>
               </div>
               <input
-                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+                class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
                 type="text"
               />
             </span>
@@ -1914,7 +1858,7 @@ Object {
             Lower
           </label>
           <span
-            class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-1 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+            class="w-full flex flex-col justify-between bg-goku transition-shadow gap-y-1 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2"
             tabindex="-1"
           >
             <div
@@ -1926,43 +1870,39 @@ Object {
                 <div
                   class="relative"
                 >
-                  <span
-                    class="text-moon-16 w-full text-bulma truncate"
+                  <div
+                    class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-12"
                   >
-                    <div
-                      class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-12"
+                    <span
+                      class="break-all truncate"
                     >
-                      <span
-                        class="break-all truncate"
-                      >
-                        Preset data
-                      </span>
-                      <span
-                        class="text-moon-16"
+                      Preset data
+                    </span>
+                    <span
+                      class="text-moon-16"
+                    >
+                      <svg
+                        class="cursor-pointer"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <svg
-                          class="cursor-pointer"
-                          fill="none"
-                          height="1em"
-                          viewBox="0 0 32 32"
-                          width="1em"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
-                            stroke="currentColor"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                          />
-                        </svg>
-                      </span>
-                    </div>
-                  </span>
+                        <path
+                          d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </div>
                 </div>
               </div>
             </div>
             <input
-              class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+              class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
               type="text"
             />
           </span>
@@ -1978,7 +1918,7 @@ Object {
             Capitalized
           </label>
           <span
-            class="w-full flex flex-col justify-between rounded-lg py-2 px-3 bg-goku gap-y-1 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none"
+            class="w-full flex flex-col justify-between bg-goku transition-shadow gap-y-1 shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none rounded-moon-i-sm px-3 py-2"
             tabindex="-1"
           >
             <div
@@ -1990,43 +1930,39 @@ Object {
                 <div
                   class="relative"
                 >
-                  <span
-                    class="text-moon-16 w-full text-bulma truncate"
+                  <div
+                    class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
                   >
-                    <div
-                      class="flex items-center rounded-moon-i-xs gap-1 select-none text-goku bg-bulma py-1 ps-2 pe-1 h-6 text-moon-10-caption uppercase font-medium"
+                    <span
+                      class="break-all truncate"
                     >
-                      <span
-                        class="break-all truncate"
-                      >
-                        Preset data
-                      </span>
-                      <span
-                        class="text-moon-16"
+                      Preset data
+                    </span>
+                    <span
+                      class="text-moon-16"
+                    >
+                      <svg
+                        class="cursor-pointer"
+                        fill="none"
+                        height="1em"
+                        viewBox="0 0 32 32"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        <svg
-                          class="cursor-pointer"
-                          fill="none"
-                          height="1em"
-                          viewBox="0 0 32 32"
-                          width="1em"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
-                            stroke="currentColor"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                          />
-                        </svg>
-                      </span>
-                    </div>
-                  </span>
+                        <path
+                          d="M10 10L16 16M16 16L10 22M16 16L22 22M16 16L22 10"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                        />
+                      </svg>
+                    </span>
+                  </div>
                 </div>
               </div>
             </div>
             <input
-              class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow h-full border-0 !rounded-none bg-transparent px-0 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16 leading-5"
+              class="block w-full max-w-full py-0 m-0 appearance-none text-bulma transition-shadow box-border relative z-[2] shadow-input hover:shadow-input-hov focus:shadow-input-focus focus:outline-none focus-visible::shadow-input-focus focus-visible::outline-none before:box-border after:box-border placeholder:delay-75 placeholder:text-trunks placeholder:opacity-100 placeholder:transition-opacity read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-input read-only:focus:shadow-input read-only:focus-visible:shadow-input invalid:focus-visible:shadow-input-err invalid:shadow-input-err invalid:hover:shadow-input-err invalid:focus:shadow-input-err rounded-moon-i-sm input-dt-shared flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6 !shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none text-moon-16"
               type="text"
             />
           </span>
diff --git a/workspaces/core/src/tagsInput/TagsInput.tsx b/workspaces/core/src/tagsInput/TagsInput.tsx
index a8f86c43bd..e661f7c5c3 100644
--- a/workspaces/core/src/tagsInput/TagsInput.tsx
+++ b/workspaces/core/src/tagsInput/TagsInput.tsx
@@ -1,93 +1,100 @@
-import React, { forwardRef, useState } from "react";
-import { Listbox } from "@headlessui/react";
-import SelectedItemProps from "./private/types/SelectedItemProps";
-import { TagsInputRootProps } from "./private/types/TagsInputRootProps";
-import { TagsInputContext, useTagsInputContext } from "./private/utils/useTagsInputContext";
-import getTextSizes from "./private/utils/useTextSizes";
-import { Input  as NativeInput, SelectButton, mergeClassnames } from "../index";
+import React, { forwardRef, useState } from 'react';
+import { Listbox } from '@headlessui/react';
+import SelectedItemProps from './private/types/SelectedItemProps';
+import { TagsInputRootProps } from './private/types/TagsInputRootProps';
+import getTextSize from './private/utils/getTextSize';
+import getWrapperStyle from './private/utils/getWrapperStyle';
+import {
+  TagsInputContext,
+  useTagsInputContext,
+} from './private/utils/useTagsInputContext';
+import { Input as NativeInput, SelectButton, mergeClassnames } from '../index';
 
-const TagsInputRoot = forwardRef<HTMLSpanElement, TagsInputRootProps>(({
-  label,
-  children,
-  selected = [],
-  type = 'text',
-  size = 'md',
-  className,
-  placeholder,
-  disabled,
-  isError,
-  onEnter,
-  onClear,
-  isUppercase,
-},
-  ref
-) => {
-  const [isFocused, setIsFocused] = useState(false);
-  const states = {
-    isUppercase,
-    value: selected,
-    size: size,
-    disabled: disabled,
-    isError: isError,
-    onClear: onClear,
-  }
+const TagsInputRoot = forwardRef<HTMLSpanElement, TagsInputRootProps>(
+  (
+    {
+      label,
+      children,
+      selected = [],
+      type = 'text',
+      size = 'md',
+      className,
+      placeholder,
+      disabled,
+      isError,
+      onEnter,
+      onClear,
+      isUppercase,
+    },
+    ref
+  ) => {
+    const [isFocused, setIsFocused] = useState(false);
+    const states = {
+      isUppercase,
+      value: selected,
+      size: size,
+      disabled: disabled,
+      isError: isError,
+      onClear: onClear,
+    };
 
-  return (
-    <TagsInputContext.Provider value={states}>
-      <Listbox horizontal={false}>
-        {label && (
-          <SelectButton.Label labelSize={size} idDisabled={disabled}>
-            {label}
-          </SelectButton.Label>
-        )}
-        <span
-          tabIndex={-1}
-          className={mergeClassnames(
-            'w-full flex flex-col justify-between',
-            'rounded-lg py-2 px-3 bg-goku',
-            states.value.length ? 'gap-y-1' : 'gap-y-0',
-            isFocused
-              ? 'shadow-input-focus hover:shadow-input-focus'
-              : 'shadow-input hover:shadow-input-hov',
-            'focus:shadow-input-focus focus:outline-none',
-            'focus-visible::shadow-input-focus focus-visible::outline-none',
-            isError &&
-              'shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err',
-            disabled &&
-              'opacity-60 shadow-input focus:shadow-input hover:shadow-input cursor-not-allowed',
-            className
+    return (
+      <TagsInputContext.Provider value={states}>
+        <Listbox horizontal={false}>
+          {label && (
+            <SelectButton.Label labelSize={size} idDisabled={disabled}>
+              {label}
+            </SelectButton.Label>
           )}
-          ref={ref}
-        >
-          <div className='flex flex-wrap justify-start items-start gap-1'>
-            {children}
-          </div>
-          <NativeInput
+          <span
+            tabIndex={-1}
             className={mergeClassnames(
-              'flex-grow h-full border-0 !rounded-none bg-transparent px-0',
-              '!shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none',
-              getTextSizes(size),
+              'w-full flex flex-col justify-between bg-goku transition-shadow',
+              states.value.length && 'gap-y-1',
+              isFocused
+                ? 'shadow-input-focus hover:shadow-input-focus'
+                : 'shadow-input hover:shadow-input-hov',
+              'focus:shadow-input-focus focus:outline-none',
+              'focus-visible::shadow-input-focus focus-visible::outline-none',
+              getWrapperStyle(size),
+              isError &&
+                'shadow-input-err hover:shadow-input-err focus:shadow-input-err focus-visible:shadow-input-err',
+              disabled &&
+                'opacity-60 shadow-input focus:shadow-input hover:shadow-input cursor-not-allowed',
+              className
             )}
-            placeholder={placeholder}
-            error={isError}
-            disabled={disabled}
-            type={type}
-            onKeyDown={(e) => {
-              e.code === 'Enter'
-                && (e.target as HTMLInputElement).value.length
-                && onEnter
-                && onEnter((e.target as HTMLInputElement).value);
-              e.code === 'Enter'
-                && ((e.target as HTMLInputElement).value = '');
-            }}
-            onFocus={() => setIsFocused(true)}
-            onBlur={() => setIsFocused(false)}
-          />
-        </span>
-      </Listbox>
-    </TagsInputContext.Provider>
-  );
-});
+            ref={ref}
+          >
+            <div className="flex flex-wrap justify-start items-start gap-1">
+              {children}
+            </div>
+            <NativeInput
+              className={mergeClassnames(
+                'flex-grow border-0 !rounded-none bg-transparent px-0 leading-6 h-6',
+                '!shadow-none hover:shadow-none focus:shadow-none focus-visible:shadow-none',
+                getTextSize(size)
+              )}
+              placeholder={placeholder}
+              error={isError}
+              disabled={disabled}
+              type={type}
+              onKeyDown={(e) => {
+                e.code === 'Enter' &&
+                  (e.target as HTMLInputElement).value.length &&
+                  onEnter &&
+                  onEnter((e.target as HTMLInputElement).value);
+                e.code === 'Enter' &&
+                  ((e.target as HTMLInputElement).value = '');
+              }}
+              onFocus={() => setIsFocused(true)}
+              onBlur={() => setIsFocused(false)}
+            />
+          </span>
+        </Listbox>
+      </TagsInputContext.Provider>
+    );
+  }
+);
 
 const SelectedItem = ({
   className,
@@ -96,7 +103,9 @@ const SelectedItem = ({
   isUppercase,
   ...rest
 }: SelectedItemProps) => {
-  const { size, disabled, isError, onClear } = useTagsInputContext('TagstInput.SelectedItem');
+  const { size, disabled, isError, onClear } = useTagsInputContext(
+    'TagstInput.SelectedItem'
+  );
   return (
     <div
       key={index}
@@ -111,22 +120,18 @@ const SelectedItem = ({
         idDisabled={disabled}
         {...rest}
       >
-        <SelectButton.Value>
-          <SelectButton.Chip
-            isUppercase={isUppercase}
-            onClear={() => !disabled && onClear && onClear(index)}
-          >
-            <span
-              className="break-all truncate"
-            >
-              {label}
-            </span>
-          </SelectButton.Chip>
-        </SelectButton.Value>
+        {/* <SelectButton.Value> */}
+        <SelectButton.Chip
+          isUppercase={isUppercase}
+          onClear={() => !disabled && onClear && onClear(index)}
+        >
+          <span className="break-all truncate">{label}</span>
+        </SelectButton.Chip>
+        {/* </SelectButton.Value> */}
       </SelectButton>
     </div>
   );
-}
+};
 
 const TagsInput = Object.assign(TagsInputRoot, {
   SelectedItem,
diff --git a/workspaces/core/src/tagsInput/private/types/SelectedItemProps.ts b/workspaces/core/src/tagsInput/private/types/SelectedItemProps.ts
index 42c57a52e7..95b31aa1a2 100644
--- a/workspaces/core/src/tagsInput/private/types/SelectedItemProps.ts
+++ b/workspaces/core/src/tagsInput/private/types/SelectedItemProps.ts
@@ -3,6 +3,6 @@ type SelectedItemProps = {
   label: string;
   className?: string;
   isUppercase?: boolean;
-}
+};
 
 export default SelectedItemProps;
diff --git a/workspaces/core/src/tagsInput/private/types/Size.ts b/workspaces/core/src/tagsInput/private/types/Size.ts
index 723870e019..cd4df04250 100644
--- a/workspaces/core/src/tagsInput/private/types/Size.ts
+++ b/workspaces/core/src/tagsInput/private/types/Size.ts
@@ -1,3 +1,3 @@
-type Size = 'sm' | 'md' | 'lg' | 'xl';
+type Size = 'sm' | 'md' | 'lg';
 
 export default Size;
diff --git a/workspaces/core/src/tagsInput/private/types/TagsInputRootProps.ts b/workspaces/core/src/tagsInput/private/types/TagsInputRootProps.ts
index 39f26207fb..8b2dc1425e 100644
--- a/workspaces/core/src/tagsInput/private/types/TagsInputRootProps.ts
+++ b/workspaces/core/src/tagsInput/private/types/TagsInputRootProps.ts
@@ -1,4 +1,4 @@
-import Size from "./Size";
+import type Size from './Size';
 
 export interface TagsInputRootProps
   extends Omit<
@@ -17,4 +17,4 @@ export interface TagsInputRootProps
   onEnter?: (value: string) => void;
   onClear?: (index: number) => void;
   isUppercase?: boolean;
-};
+}
diff --git a/workspaces/core/src/tagsInput/private/types/TagsInputState.ts b/workspaces/core/src/tagsInput/private/types/TagsInputState.ts
index 93990bf422..a0aefe1d3d 100644
--- a/workspaces/core/src/tagsInput/private/types/TagsInputState.ts
+++ b/workspaces/core/src/tagsInput/private/types/TagsInputState.ts
@@ -1,4 +1,4 @@
-import Size from "./Size";
+import type Size from './Size';
 
 type TagsInputState = {
   value?: unknown;
diff --git a/workspaces/core/src/tagsInput/private/utils/getTextSize.ts b/workspaces/core/src/tagsInput/private/utils/getTextSize.ts
new file mode 100644
index 0000000000..743f7173ab
--- /dev/null
+++ b/workspaces/core/src/tagsInput/private/utils/getTextSize.ts
@@ -0,0 +1,10 @@
+import Size from '../types/Size';
+
+const getTextSize = (size: Size) =>
+  ({
+    sm: 'text-moon-14',
+    md: 'text-moon-16',
+    lg: 'text-moon-16',
+  }[size] || 'text-moon-16');
+
+export default getTextSize;
diff --git a/workspaces/core/src/tagsInput/private/utils/getWrapperStyle.ts b/workspaces/core/src/tagsInput/private/utils/getWrapperStyle.ts
new file mode 100644
index 0000000000..98cd348a7c
--- /dev/null
+++ b/workspaces/core/src/tagsInput/private/utils/getWrapperStyle.ts
@@ -0,0 +1,10 @@
+import type Size from '../types/Size';
+
+const getWrapperStyle = (size: Size) =>
+  ({
+    sm: 'rounded-moon-i-xs px-2 py-1',
+    md: 'rounded-moon-i-sm px-3 py-2',
+    lg: 'rounded-moon-i-sm px-3 py-3',
+  }[size] || 'rounded-moon-i-sm px-3 py-2');
+
+export default getWrapperStyle;
diff --git a/workspaces/core/src/tagsInput/private/utils/useTagsInputContext.ts b/workspaces/core/src/tagsInput/private/utils/useTagsInputContext.ts
index 5642b07f91..d2361996a4 100644
--- a/workspaces/core/src/tagsInput/private/utils/useTagsInputContext.ts
+++ b/workspaces/core/src/tagsInput/private/utils/useTagsInputContext.ts
@@ -1,4 +1,4 @@
-import { createContext, useContext } from "react";
+import { createContext, useContext } from 'react';
 import TagsInputState from '../types/TagsInputState';
 
 const TagsInputContext = createContext<TagsInputState>({});
@@ -15,4 +15,4 @@ const useTagsInputContext = (component: string) => {
   return context;
 };
 
-export { useTagsInputContext, TagsInputContext }
+export { useTagsInputContext, TagsInputContext };
diff --git a/workspaces/core/src/tagsInput/private/utils/useTextSizes.ts b/workspaces/core/src/tagsInput/private/utils/useTextSizes.ts
deleted file mode 100644
index 16d4f4c5ab..0000000000
--- a/workspaces/core/src/tagsInput/private/utils/useTextSizes.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import Size from "../types/Size";
-
-const getTextSizes = (size: Size = 'md') => {
-  return (
-    {
-      sm: 'text-moon-14 leading-4',
-      md: 'text-moon-16 leading-5',
-      lg: 'text-moon-18 leading-5',
-      xl: 'text-moon-20 leading-5',
-    }[size] || 'text-moon-16 leading-5'
-  );
-};
-
-export default getTextSizes;

From fd8a1391f0940bbf465ea6b3c6e104e9ef4b1cd0 Mon Sep 17 00:00:00 2001
From: Dmytro Kireiev <dmytro.kireiev@gmail.com>
Date: Thu, 16 Nov 2023 16:25:59 +0200
Subject: [PATCH 7/8] fix: Progress styles and add Labels variant to docs
 [MDS-809] (#2494)

---
 next-docs/pages/components/progress.tsx       |   8 +-
 .../public/examples/progress/WithLabels.tsx   |  14 +
 .../__snapshots__/index.test.tsx.snap         | 494 ++++++++++++++----
 .../progress/__tests__/index.test.tsx         |   9 +
 workspaces/core/src/progress/Progress.tsx     |   7 +-
 .../src/progress/private/utils/getPinStyle.ts |  10 +-
 6 files changed, 416 insertions(+), 126 deletions(-)
 create mode 100644 next-docs/public/examples/progress/WithLabels.tsx

diff --git a/next-docs/pages/components/progress.tsx b/next-docs/pages/components/progress.tsx
index dc6e98f042..ee75678989 100644
--- a/next-docs/pages/components/progress.tsx
+++ b/next-docs/pages/components/progress.tsx
@@ -1,15 +1,16 @@
 import { ReactNode } from 'react';
 import Preview from '../../components/codePreview/Preview';
 import ComponentPageDescription from '../../components/ComponentPageDescription';
+import type { ComponentNames } from '../../components/getComponent';
 import Layout from '../../components/Layout';
 import PropsTable from '../../components/PropsTable';
 import Customisation from '../../public/examples/progress/Customisation';
 import Default from '../../public/examples/progress/Default';
 import Sizes from '../../public/examples/progress/Sizes';
 import Values from '../../public/examples/progress/Values';
+import WithLabels from '../../public/examples/progress/WithLabels';
 import WithPin from '../../public/examples/progress/WithPin';
 import useComponent from '../../utils/useComponent';
-import type { ComponentNames } from '../../components/getComponent';
 
 const COMPONENT_NAME: ComponentNames = 'Progress';
 
@@ -50,6 +51,11 @@ const PageProgress = () => {
         preview={<WithPin />}
         code={examples ? examples.WithPin : 'Loading'}
       />
+      <Preview
+        title="Progress with Labels"
+        preview={<WithLabels />}
+        code={examples ? examples.WithLabels : 'Loading'}
+      />
       <PropsTable
         title="Progress props"
         data={[
diff --git a/next-docs/public/examples/progress/WithLabels.tsx b/next-docs/public/examples/progress/WithLabels.tsx
new file mode 100644
index 0000000000..46d50438a2
--- /dev/null
+++ b/next-docs/public/examples/progress/WithLabels.tsx
@@ -0,0 +1,14 @@
+import { Progress } from '@heathmont/moon-core-tw';
+
+const Example = () => (
+  <div className="flex flex-col w-full gap-1 text-moon-10-caption font-medium uppercase">
+    <div className="flex gap-1 justify-between">
+      <span>0%</span>
+      <span>100%</span>
+    </div>
+    <Progress value={75} />
+    <span className="text-center">Progress Title</span>
+  </div>
+);
+
+export default Example;
diff --git a/next-docs/public/examples/progress/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/progress/__tests__/__snapshots__/index.test.tsx.snap
index a43b9914bd..99fbb008aa 100644
--- a/next-docs/public/examples/progress/__tests__/__snapshots__/index.test.tsx.snap
+++ b/next-docs/public/examples/progress/__tests__/__snapshots__/index.test.tsx.snap
@@ -13,11 +13,11 @@ Object {
           aria-valuemax="100"
           aria-valuemin="0"
           aria-valuenow="75"
-          class="w-full relative rounded-full h-4 bg-trunks"
+          class="w-full rounded-full h-4 bg-trunks"
           role="progressbar"
         >
           <div
-            class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+            class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
             style="width: 75%;"
           />
         </div>
@@ -26,11 +26,11 @@ Object {
           aria-valuemax="100"
           aria-valuemin="0"
           aria-valuenow="75"
-          class="w-full relative rounded-full h-4 bg-whis [&_.progress]:bg-dodoria"
+          class="w-full rounded-full h-4 bg-whis [&_.progress]:bg-dodoria"
           role="progressbar"
         >
           <div
-            class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+            class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
             style="width: 75%;"
           />
         </div>
@@ -39,11 +39,11 @@ Object {
           aria-valuemax="100"
           aria-valuemin="0"
           aria-valuenow="75"
-          class="w-full relative rounded-full bg-trunks/[.24] h-4 [&_.progress]:bg-roshi"
+          class="w-full rounded-full bg-beerus h-4 [&_.progress]:bg-roshi"
           role="progressbar"
         >
           <div
-            class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+            class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
             style="width: 75%;"
           />
         </div>
@@ -59,11 +59,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full h-4 bg-trunks"
+        class="w-full rounded-full h-4 bg-trunks"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -72,11 +72,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full h-4 bg-whis [&_.progress]:bg-dodoria"
+        class="w-full rounded-full h-4 bg-whis [&_.progress]:bg-dodoria"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -85,11 +85,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full bg-trunks/[.24] h-4 [&_.progress]:bg-roshi"
+        class="w-full rounded-full bg-beerus h-4 [&_.progress]:bg-roshi"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -162,11 +162,11 @@ Object {
           aria-valuemax="100"
           aria-valuemin="0"
           aria-valuenow="0"
-          class="w-full relative rounded-full bg-trunks/[.24] h-4"
+          class="w-full rounded-full bg-beerus h-4"
           role="progressbar"
         >
           <div
-            class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+            class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
             style="width: 0%;"
           />
         </div>
@@ -182,11 +182,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="0"
-        class="w-full relative rounded-full bg-trunks/[.24] h-4"
+        class="w-full rounded-full bg-beerus h-4"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 0%;"
         />
       </div>
@@ -259,11 +259,11 @@ Object {
           aria-valuemax="100"
           aria-valuemin="0"
           aria-valuenow="75"
-          class="w-full relative rounded-full bg-trunks/[.24] h-0.5"
+          class="w-full rounded-full bg-beerus h-0.5"
           role="progressbar"
         >
           <div
-            class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+            class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
             style="width: 75%;"
           />
         </div>
@@ -272,11 +272,11 @@ Object {
           aria-valuemax="100"
           aria-valuemin="0"
           aria-valuenow="75"
-          class="w-full relative rounded-full bg-trunks/[.24] h-1"
+          class="w-full rounded-full bg-beerus h-1"
           role="progressbar"
         >
           <div
-            class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+            class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
             style="width: 75%;"
           />
         </div>
@@ -285,11 +285,11 @@ Object {
           aria-valuemax="100"
           aria-valuemin="0"
           aria-valuenow="75"
-          class="w-full relative rounded-full bg-trunks/[.24] h-2"
+          class="w-full rounded-full bg-beerus h-2"
           role="progressbar"
         >
           <div
-            class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+            class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
             style="width: 75%;"
           />
         </div>
@@ -298,11 +298,11 @@ Object {
           aria-valuemax="100"
           aria-valuemin="0"
           aria-valuenow="75"
-          class="w-full relative rounded-full bg-trunks/[.24] h-3"
+          class="w-full rounded-full bg-beerus h-3"
           role="progressbar"
         >
           <div
-            class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+            class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
             style="width: 75%;"
           />
         </div>
@@ -311,11 +311,11 @@ Object {
           aria-valuemax="100"
           aria-valuemin="0"
           aria-valuenow="75"
-          class="w-full relative rounded-full bg-trunks/[.24] h-4"
+          class="w-full rounded-full bg-beerus h-4"
           role="progressbar"
         >
           <div
-            class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+            class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
             style="width: 75%;"
           />
         </div>
@@ -331,11 +331,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full bg-trunks/[.24] h-0.5"
+        class="w-full rounded-full bg-beerus h-0.5"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -344,11 +344,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full bg-trunks/[.24] h-1"
+        class="w-full rounded-full bg-beerus h-1"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -357,11 +357,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full bg-trunks/[.24] h-2"
+        class="w-full rounded-full bg-beerus h-2"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -370,11 +370,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full bg-trunks/[.24] h-3"
+        class="w-full rounded-full bg-beerus h-3"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -383,11 +383,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full bg-trunks/[.24] h-4"
+        class="w-full rounded-full bg-beerus h-4"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -460,11 +460,11 @@ Object {
           aria-valuemax="100"
           aria-valuemin="0"
           aria-valuenow="25"
-          class="w-full relative rounded-full bg-trunks/[.24] h-4"
+          class="w-full rounded-full bg-beerus h-4"
           role="progressbar"
         >
           <div
-            class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+            class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
             style="width: 25%;"
           />
         </div>
@@ -473,11 +473,11 @@ Object {
           aria-valuemax="100"
           aria-valuemin="0"
           aria-valuenow="50"
-          class="w-full relative rounded-full bg-trunks/[.24] h-4"
+          class="w-full rounded-full bg-beerus h-4"
           role="progressbar"
         >
           <div
-            class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+            class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
             style="width: 50%;"
           />
         </div>
@@ -486,11 +486,11 @@ Object {
           aria-valuemax="100"
           aria-valuemin="0"
           aria-valuenow="75"
-          class="w-full relative rounded-full bg-trunks/[.24] h-4"
+          class="w-full rounded-full bg-beerus h-4"
           role="progressbar"
         >
           <div
-            class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+            class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
             style="width: 75%;"
           />
         </div>
@@ -499,11 +499,11 @@ Object {
           aria-valuemax="100"
           aria-valuemin="0"
           aria-valuenow="100"
-          class="w-full relative rounded-full bg-trunks/[.24] h-4"
+          class="w-full rounded-full bg-beerus h-4"
           role="progressbar"
         >
           <div
-            class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+            class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
             style="width: 100%;"
           />
         </div>
@@ -519,11 +519,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="25"
-        class="w-full relative rounded-full bg-trunks/[.24] h-4"
+        class="w-full rounded-full bg-beerus h-4"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 25%;"
         />
       </div>
@@ -532,11 +532,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="50"
-        class="w-full relative rounded-full bg-trunks/[.24] h-4"
+        class="w-full rounded-full bg-beerus h-4"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 50%;"
         />
       </div>
@@ -545,11 +545,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full bg-trunks/[.24] h-4"
+        class="w-full rounded-full bg-beerus h-4"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -558,11 +558,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="100"
-        class="w-full relative rounded-full bg-trunks/[.24] h-4"
+        class="w-full rounded-full bg-beerus h-4"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 100%;"
         />
       </div>
@@ -622,6 +622,141 @@ Object {
 }
 `;
 
+exports[`Progress in RTL renders WithLabels 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <div
+        dir="rtl"
+      >
+        <div
+          class="flex flex-col w-full gap-1 text-moon-10-caption font-medium uppercase"
+        >
+          <div
+            class="flex gap-1 justify-between"
+          >
+            <span>
+              0%
+            </span>
+            <span>
+              100%
+            </span>
+          </div>
+          <div
+            aria-label="75%"
+            aria-valuemax="100"
+            aria-valuemin="0"
+            aria-valuenow="75"
+            class="w-full rounded-full bg-beerus h-4"
+            role="progressbar"
+          >
+            <div
+              class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
+              style="width: 75%;"
+            />
+          </div>
+          <span
+            class="text-center"
+          >
+            Progress Title
+          </span>
+        </div>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      dir="rtl"
+    >
+      <div
+        class="flex flex-col w-full gap-1 text-moon-10-caption font-medium uppercase"
+      >
+        <div
+          class="flex gap-1 justify-between"
+        >
+          <span>
+            0%
+          </span>
+          <span>
+            100%
+          </span>
+        </div>
+        <div
+          aria-label="75%"
+          aria-valuemax="100"
+          aria-valuemin="0"
+          aria-valuenow="75"
+          class="w-full rounded-full bg-beerus h-4"
+          role="progressbar"
+        >
+          <div
+            class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
+            style="width: 75%;"
+          />
+        </div>
+        <span
+          class="text-center"
+        >
+          Progress Title
+        </span>
+      </div>
+    </div>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+
 exports[`Progress in RTL renders WithPin 1`] = `
 Object {
   "asFragment": [Function],
@@ -635,15 +770,15 @@ Object {
           aria-valuemax="100"
           aria-valuemin="0"
           aria-valuenow="75"
-          class="w-full relative rounded-full bg-trunks/[.24] h-4"
+          class="w-full rounded-full bg-beerus h-4"
           role="progressbar"
         >
           <div
-            class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+            class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
             style="width: 75%;"
           >
             <div
-              class="absolute box-content flex items-center justify-center w-8 h-8 border-2 font-medium text-moon-10-caption uppercase text-goten bg-popo border-goten rounded-full shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] before:absolute before:bg-goten before:rounded-full before:shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] after:absolute after:w-0 after:h-0 after:border-x-4 after:border-x-transparent after:-bottom-[6px] after:border-t-[6px] after:border-t-goten bottom-8 ltr:-right-[10px] rtl:-left-[10px] before:w-4 before:h-4 before:-bottom-[34px]"
+              class="absolute box-content flex items-center justify-center w-8 h-8 border-2 font-medium text-moon-10-caption uppercase text-goten bg-popo border-goten rounded-full shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] before:shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] before:absolute before:bg-goten before:rounded-full after:absolute after:w-0 after:h-0 after:border-x-4 after:border-x-transparent after:-bottom-[6px] after:border-t-[6px] after:border-t-goten bottom-8 -end-2.5 before:w-4 before:h-4 before:-bottom-[34px]"
             >
               75%
             </div>
@@ -661,15 +796,15 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full bg-trunks/[.24] h-4"
+        class="w-full rounded-full bg-beerus h-4"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         >
           <div
-            class="absolute box-content flex items-center justify-center w-8 h-8 border-2 font-medium text-moon-10-caption uppercase text-goten bg-popo border-goten rounded-full shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] before:absolute before:bg-goten before:rounded-full before:shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] after:absolute after:w-0 after:h-0 after:border-x-4 after:border-x-transparent after:-bottom-[6px] after:border-t-[6px] after:border-t-goten bottom-8 ltr:-right-[10px] rtl:-left-[10px] before:w-4 before:h-4 before:-bottom-[34px]"
+            class="absolute box-content flex items-center justify-center w-8 h-8 border-2 font-medium text-moon-10-caption uppercase text-goten bg-popo border-goten rounded-full shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] before:shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] before:absolute before:bg-goten before:rounded-full after:absolute after:w-0 after:h-0 after:border-x-4 after:border-x-transparent after:-bottom-[6px] after:border-t-[6px] after:border-t-goten bottom-8 -end-2.5 before:w-4 before:h-4 before:-bottom-[34px]"
           >
             75%
           </div>
@@ -741,11 +876,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full h-4 bg-trunks"
+        class="w-full rounded-full h-4 bg-trunks"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -754,11 +889,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full h-4 bg-whis [&_.progress]:bg-dodoria"
+        class="w-full rounded-full h-4 bg-whis [&_.progress]:bg-dodoria"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -767,11 +902,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full bg-trunks/[.24] h-4 [&_.progress]:bg-roshi"
+        class="w-full rounded-full bg-beerus h-4 [&_.progress]:bg-roshi"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -783,11 +918,11 @@ Object {
       aria-valuemax="100"
       aria-valuemin="0"
       aria-valuenow="75"
-      class="w-full relative rounded-full h-4 bg-trunks"
+      class="w-full rounded-full h-4 bg-trunks"
       role="progressbar"
     >
       <div
-        class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+        class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
         style="width: 75%;"
       />
     </div>
@@ -796,11 +931,11 @@ Object {
       aria-valuemax="100"
       aria-valuemin="0"
       aria-valuenow="75"
-      class="w-full relative rounded-full h-4 bg-whis [&_.progress]:bg-dodoria"
+      class="w-full rounded-full h-4 bg-whis [&_.progress]:bg-dodoria"
       role="progressbar"
     >
       <div
-        class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+        class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
         style="width: 75%;"
       />
     </div>
@@ -809,11 +944,11 @@ Object {
       aria-valuemax="100"
       aria-valuemin="0"
       aria-valuenow="75"
-      class="w-full relative rounded-full bg-trunks/[.24] h-4 [&_.progress]:bg-roshi"
+      class="w-full rounded-full bg-beerus h-4 [&_.progress]:bg-roshi"
       role="progressbar"
     >
       <div
-        class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+        class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
         style="width: 75%;"
       />
     </div>
@@ -882,11 +1017,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="0"
-        class="w-full relative rounded-full bg-trunks/[.24] h-4"
+        class="w-full rounded-full bg-beerus h-4"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 0%;"
         />
       </div>
@@ -898,11 +1033,11 @@ Object {
       aria-valuemax="100"
       aria-valuemin="0"
       aria-valuenow="0"
-      class="w-full relative rounded-full bg-trunks/[.24] h-4"
+      class="w-full rounded-full bg-beerus h-4"
       role="progressbar"
     >
       <div
-        class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+        class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
         style="width: 0%;"
       />
     </div>
@@ -971,11 +1106,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full bg-trunks/[.24] h-0.5"
+        class="w-full rounded-full bg-beerus h-0.5"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -984,11 +1119,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full bg-trunks/[.24] h-1"
+        class="w-full rounded-full bg-beerus h-1"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -997,11 +1132,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full bg-trunks/[.24] h-2"
+        class="w-full rounded-full bg-beerus h-2"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -1010,11 +1145,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full bg-trunks/[.24] h-3"
+        class="w-full rounded-full bg-beerus h-3"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -1023,11 +1158,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full bg-trunks/[.24] h-4"
+        class="w-full rounded-full bg-beerus h-4"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -1039,11 +1174,11 @@ Object {
       aria-valuemax="100"
       aria-valuemin="0"
       aria-valuenow="75"
-      class="w-full relative rounded-full bg-trunks/[.24] h-0.5"
+      class="w-full rounded-full bg-beerus h-0.5"
       role="progressbar"
     >
       <div
-        class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+        class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
         style="width: 75%;"
       />
     </div>
@@ -1052,11 +1187,11 @@ Object {
       aria-valuemax="100"
       aria-valuemin="0"
       aria-valuenow="75"
-      class="w-full relative rounded-full bg-trunks/[.24] h-1"
+      class="w-full rounded-full bg-beerus h-1"
       role="progressbar"
     >
       <div
-        class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+        class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
         style="width: 75%;"
       />
     </div>
@@ -1065,11 +1200,11 @@ Object {
       aria-valuemax="100"
       aria-valuemin="0"
       aria-valuenow="75"
-      class="w-full relative rounded-full bg-trunks/[.24] h-2"
+      class="w-full rounded-full bg-beerus h-2"
       role="progressbar"
     >
       <div
-        class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+        class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
         style="width: 75%;"
       />
     </div>
@@ -1078,11 +1213,11 @@ Object {
       aria-valuemax="100"
       aria-valuemin="0"
       aria-valuenow="75"
-      class="w-full relative rounded-full bg-trunks/[.24] h-3"
+      class="w-full rounded-full bg-beerus h-3"
       role="progressbar"
     >
       <div
-        class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+        class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
         style="width: 75%;"
       />
     </div>
@@ -1091,11 +1226,11 @@ Object {
       aria-valuemax="100"
       aria-valuemin="0"
       aria-valuenow="75"
-      class="w-full relative rounded-full bg-trunks/[.24] h-4"
+      class="w-full rounded-full bg-beerus h-4"
       role="progressbar"
     >
       <div
-        class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+        class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
         style="width: 75%;"
       />
     </div>
@@ -1164,11 +1299,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="25"
-        class="w-full relative rounded-full bg-trunks/[.24] h-4"
+        class="w-full rounded-full bg-beerus h-4"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 25%;"
         />
       </div>
@@ -1177,11 +1312,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="50"
-        class="w-full relative rounded-full bg-trunks/[.24] h-4"
+        class="w-full rounded-full bg-beerus h-4"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 50%;"
         />
       </div>
@@ -1190,11 +1325,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full bg-trunks/[.24] h-4"
+        class="w-full rounded-full bg-beerus h-4"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         />
       </div>
@@ -1203,11 +1338,11 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="100"
-        class="w-full relative rounded-full bg-trunks/[.24] h-4"
+        class="w-full rounded-full bg-beerus h-4"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 100%;"
         />
       </div>
@@ -1219,11 +1354,11 @@ Object {
       aria-valuemax="100"
       aria-valuemin="0"
       aria-valuenow="25"
-      class="w-full relative rounded-full bg-trunks/[.24] h-4"
+      class="w-full rounded-full bg-beerus h-4"
       role="progressbar"
     >
       <div
-        class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+        class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
         style="width: 25%;"
       />
     </div>
@@ -1232,11 +1367,11 @@ Object {
       aria-valuemax="100"
       aria-valuemin="0"
       aria-valuenow="50"
-      class="w-full relative rounded-full bg-trunks/[.24] h-4"
+      class="w-full rounded-full bg-beerus h-4"
       role="progressbar"
     >
       <div
-        class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+        class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
         style="width: 50%;"
       />
     </div>
@@ -1245,11 +1380,11 @@ Object {
       aria-valuemax="100"
       aria-valuemin="0"
       aria-valuenow="75"
-      class="w-full relative rounded-full bg-trunks/[.24] h-4"
+      class="w-full rounded-full bg-beerus h-4"
       role="progressbar"
     >
       <div
-        class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+        class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
         style="width: 75%;"
       />
     </div>
@@ -1258,11 +1393,11 @@ Object {
       aria-valuemax="100"
       aria-valuemin="0"
       aria-valuenow="100"
-      class="w-full relative rounded-full bg-trunks/[.24] h-4"
+      class="w-full rounded-full bg-beerus h-4"
       role="progressbar"
     >
       <div
-        class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+        class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
         style="width: 100%;"
       />
     </div>
@@ -1321,6 +1456,133 @@ Object {
 }
 `;
 
+exports[`Progress renders WithLabels 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <div
+        class="flex flex-col w-full gap-1 text-moon-10-caption font-medium uppercase"
+      >
+        <div
+          class="flex gap-1 justify-between"
+        >
+          <span>
+            0%
+          </span>
+          <span>
+            100%
+          </span>
+        </div>
+        <div
+          aria-label="75%"
+          aria-valuemax="100"
+          aria-valuemin="0"
+          aria-valuenow="75"
+          class="w-full rounded-full bg-beerus h-4"
+          role="progressbar"
+        >
+          <div
+            class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
+            style="width: 75%;"
+          />
+        </div>
+        <span
+          class="text-center"
+        >
+          Progress Title
+        </span>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      class="flex flex-col w-full gap-1 text-moon-10-caption font-medium uppercase"
+    >
+      <div
+        class="flex gap-1 justify-between"
+      >
+        <span>
+          0%
+        </span>
+        <span>
+          100%
+        </span>
+      </div>
+      <div
+        aria-label="75%"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="75"
+        class="w-full rounded-full bg-beerus h-4"
+        role="progressbar"
+      >
+        <div
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
+          style="width: 75%;"
+        />
+      </div>
+      <span
+        class="text-center"
+      >
+        Progress Title
+      </span>
+    </div>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+
 exports[`Progress renders WithPin 1`] = `
 Object {
   "asFragment": [Function],
@@ -1331,15 +1593,15 @@ Object {
         aria-valuemax="100"
         aria-valuemin="0"
         aria-valuenow="75"
-        class="w-full relative rounded-full bg-trunks/[.24] h-4"
+        class="w-full rounded-full bg-beerus h-4"
         role="progressbar"
       >
         <div
-          class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+          class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
           style="width: 75%;"
         >
           <div
-            class="absolute box-content flex items-center justify-center w-8 h-8 border-2 font-medium text-moon-10-caption uppercase text-goten bg-popo border-goten rounded-full shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] before:absolute before:bg-goten before:rounded-full before:shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] after:absolute after:w-0 after:h-0 after:border-x-4 after:border-x-transparent after:-bottom-[6px] after:border-t-[6px] after:border-t-goten bottom-8 ltr:-right-[10px] rtl:-left-[10px] before:w-4 before:h-4 before:-bottom-[34px]"
+            class="absolute box-content flex items-center justify-center w-8 h-8 border-2 font-medium text-moon-10-caption uppercase text-goten bg-popo border-goten rounded-full shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] before:shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] before:absolute before:bg-goten before:rounded-full after:absolute after:w-0 after:h-0 after:border-x-4 after:border-x-transparent after:-bottom-[6px] after:border-t-[6px] after:border-t-goten bottom-8 -end-2.5 before:w-4 before:h-4 before:-bottom-[34px]"
           >
             75%
           </div>
@@ -1353,15 +1615,15 @@ Object {
       aria-valuemax="100"
       aria-valuemin="0"
       aria-valuenow="75"
-      class="w-full relative rounded-full bg-trunks/[.24] h-4"
+      class="w-full rounded-full bg-beerus h-4"
       role="progressbar"
     >
       <div
-        class="progress absolute h-full rounded-full start-0 transition-all bg-piccolo"
+        class="progress relative h-full rounded-full start-0 transition-all bg-piccolo"
         style="width: 75%;"
       >
         <div
-          class="absolute box-content flex items-center justify-center w-8 h-8 border-2 font-medium text-moon-10-caption uppercase text-goten bg-popo border-goten rounded-full shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] before:absolute before:bg-goten before:rounded-full before:shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] after:absolute after:w-0 after:h-0 after:border-x-4 after:border-x-transparent after:-bottom-[6px] after:border-t-[6px] after:border-t-goten bottom-8 ltr:-right-[10px] rtl:-left-[10px] before:w-4 before:h-4 before:-bottom-[34px]"
+          class="absolute box-content flex items-center justify-center w-8 h-8 border-2 font-medium text-moon-10-caption uppercase text-goten bg-popo border-goten rounded-full shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] before:shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] before:absolute before:bg-goten before:rounded-full after:absolute after:w-0 after:h-0 after:border-x-4 after:border-x-transparent after:-bottom-[6px] after:border-t-[6px] after:border-t-goten bottom-8 -end-2.5 before:w-4 before:h-4 before:-bottom-[34px]"
         >
           75%
         </div>
diff --git a/next-docs/public/examples/progress/__tests__/index.test.tsx b/next-docs/public/examples/progress/__tests__/index.test.tsx
index 5c977bfd09..fe96f41894 100644
--- a/next-docs/public/examples/progress/__tests__/index.test.tsx
+++ b/next-docs/public/examples/progress/__tests__/index.test.tsx
@@ -7,6 +7,7 @@ import Default from '../Default';
 import Customisation from '../Customisation';
 import Values from '../Values';
 import Sizes from '../Sizes';
+import WithLabels from '../WithLabels';
 import WithPin from '../WithPin';
 
 const withRtl = (component: JSX.Element) => <div dir="rtl">{component}</div>;
@@ -33,6 +34,10 @@ describe('Progress', () => {
     const tree = render(<WithPin />);
     expect(tree).toMatchSnapshot();
   });
+  it('renders WithLabels', () => {
+    const tree = render(<WithLabels />);
+    expect(tree).toMatchSnapshot();
+  });
 });
 
 describe('Progress in RTL', () => {
@@ -57,4 +62,8 @@ describe('Progress in RTL', () => {
     const tree = render(withRtl(<WithPin />));
     expect(tree).toMatchSnapshot();
   });
+  it('renders WithLabels', () => {
+    const tree = render(withRtl(<WithLabels />));
+    expect(tree).toMatchSnapshot();
+  });
 });
diff --git a/workspaces/core/src/progress/Progress.tsx b/workspaces/core/src/progress/Progress.tsx
index 8530721385..bec43beaf3 100644
--- a/workspaces/core/src/progress/Progress.tsx
+++ b/workspaces/core/src/progress/Progress.tsx
@@ -17,7 +17,7 @@ const ProgressRoot = ({
   <ProgressContext.Provider value={{ value, size }}>
     <div
       className={mergeClassnames(
-        'w-full relative rounded-full bg-trunks/[.24]',
+        'w-full rounded-full bg-beerus',
         bgColor,
         getSize(size),
         className
@@ -31,7 +31,7 @@ const ProgressRoot = ({
       <div
         style={{ width: `${value}%` }}
         className={mergeClassnames(
-          'progress absolute h-full rounded-full start-0 transition-all bg-piccolo',
+          'progress relative h-full rounded-full start-0 transition-all bg-piccolo',
           progressColor
         )}
       >
@@ -49,9 +49,8 @@ const Pin = ({ className }: PinProps) => {
       className={mergeClassnames(
         'absolute box-content flex items-center justify-center w-8 h-8 border-2 font-medium',
         'text-moon-10-caption uppercase text-goten bg-popo border-goten rounded-full',
-        'shadow-[0_2px_8px_0_rgba(0,0,0,0.16)]',
+        'shadow-[0_2px_8px_0_rgba(0,0,0,0.16)] before:shadow-[0_2px_8px_0_rgba(0,0,0,0.16)]',
         'before:absolute before:bg-goten before:rounded-full',
-        'before:shadow-[0_2px_8px_0_rgba(0,0,0,0.16)]',
         'after:absolute after:w-0 after:h-0 after:border-x-4 after:border-x-transparent',
         'after:-bottom-[6px] after:border-t-[6px] after:border-t-goten',
         getPinStyle(size),
diff --git a/workspaces/core/src/progress/private/utils/getPinStyle.ts b/workspaces/core/src/progress/private/utils/getPinStyle.ts
index 231eebbb2c..f34669017d 100644
--- a/workspaces/core/src/progress/private/utils/getPinStyle.ts
+++ b/workspaces/core/src/progress/private/utils/getPinStyle.ts
@@ -3,16 +3,16 @@ import type Sizes from '../types/Sizes';
 const getPinStyle = (size?: Sizes) => {
   switch (size) {
     case '6xs':
-      return 'bottom-[18px] ltr:-right-3 rtl:-left-3 before:w-3 before:h-3 before:-bottom-[25px]';
+      return 'bottom-[18px] -end-3 before:w-3 before:h-3 before:-bottom-[25px]';
     case '5xs':
-      return 'bottom-5 ltr:-right-3 rtl:-left-3 before:w-3 before:h-3 before:-bottom-[26px]';
+      return 'bottom-5 -end-3 before:w-3 before:h-3 before:-bottom-[26px]';
     case '4xs':
-      return 'bottom-6 ltr:-right-3 rtl:-left-3 before:w-3 before:h-3 before:-bottom-7';
+      return 'bottom-6 -end-3 before:w-3 before:h-3 before:-bottom-7';
     case '3xs':
-      return 'bottom-7 ltr:-right-3 rtl:-left-3 before:w-3 before:h-3 before:-bottom-[30px]';
+      return 'bottom-7 -end-3 before:w-3 before:h-3 before:-bottom-[30px]';
     case '2xs':
     default:
-      return 'bottom-8 ltr:-right-[10px] rtl:-left-[10px] before:w-4 before:h-4 before:-bottom-[34px]';
+      return 'bottom-8 -end-2.5 before:w-4 before:h-4 before:-bottom-[34px]';
   }
 };
 

From fb9ce2e2880906394bd15ed3908b8cfdbcf40c32 Mon Sep 17 00:00:00 2001
From: Dmytro Kireiev <dmytro.kireiev@gmail.com>
Date: Thu, 16 Nov 2023 16:42:03 +0200
Subject: [PATCH 8/8] chore: bump version to 10.10.7 (#2495)

---
 docs/CHANGELOG.md              | 11 +++++++++++
 docs/package.json              | 10 +++++-----
 next-docs/CHANGELOG.md         | 11 +++++++++++
 next-docs/package.json         | 10 +++++-----
 pnpm-lock.yaml                 | 20 ++++++++++----------
 workspaces/base/CHANGELOG.md   |  6 ++++++
 workspaces/base/package.json   |  2 +-
 workspaces/cmdk/CHANGELOG.md   |  8 ++++++++
 workspaces/cmdk/package.json   |  4 ++--
 workspaces/core/CHANGELOG.md   |  6 ++++++
 workspaces/core/package.json   |  2 +-
 workspaces/tables/CHANGELOG.md |  8 ++++++++
 workspaces/tables/package.json |  4 ++--
 workspaces/themes/CHANGELOG.md |  6 ++++++
 workspaces/themes/package.json |  2 +-
 15 files changed, 83 insertions(+), 27 deletions(-)

diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
index e20967f790..4d9b970155 100644
--- a/docs/CHANGELOG.md
+++ b/docs/CHANGELOG.md
@@ -1,5 +1,16 @@
 # docs
 
+## 10.10.7
+
+### Patch Changes
+
+- Deploy 10.10.7
+- Updated dependencies
+  - @heathmont/moon-core-tw@10.10.7
+  - @heathmont/moon-base-tw@10.10.7
+  - @heathmont/moon-cmdk-tw@10.10.7
+  - @heathmont/moon-themes-tw@10.10.7
+
 ## 10.10.6
 
 ### Patch Changes
diff --git a/docs/package.json b/docs/package.json
index b9b7d051f7..52e5defcd7 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "docs",
-  "version": "10.10.6",
+  "version": "10.10.7",
   "private": true,
   "type": "module",
   "scripts": {
@@ -11,11 +11,11 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@heathmont/moon-base-tw": "workspace:^10.10.6",
-    "@heathmont/moon-cmdk-tw": "workspace:^10.10.6",
-    "@heathmont/moon-core-tw": "workspace:^10.10.6",
+    "@heathmont/moon-base-tw": "workspace:^10.10.7",
+    "@heathmont/moon-cmdk-tw": "workspace:^10.10.7",
+    "@heathmont/moon-core-tw": "workspace:^10.10.7",
     "@heathmont/moon-icons-tw": "9.28.6",
-    "@heathmont/moon-themes-tw": "workspace:^10.10.6",
+    "@heathmont/moon-themes-tw": "workspace:^10.10.7",
     "@types/node": "20.4.9",
     "@types/react": "18.2.19",
     "@types/react-dom": "18.2.7",
diff --git a/next-docs/CHANGELOG.md b/next-docs/CHANGELOG.md
index 7cef7b5c16..46f51ff616 100644
--- a/next-docs/CHANGELOG.md
+++ b/next-docs/CHANGELOG.md
@@ -1,5 +1,16 @@
 # Change Log
 
+## 10.10.7
+
+### Patch Changes
+
+- Deploy 10.10.7
+- Updated dependencies
+  - @heathmont/moon-table-tw@10.10.7
+  - @heathmont/moon-core-tw@10.10.7
+  - @heathmont/moon-cmdk-tw@10.10.7
+  - @heathmont/moon-themes-tw@10.10.7
+
 ## 10.10.6
 
 ### Patch Changes
diff --git a/next-docs/package.json b/next-docs/package.json
index 2812b63054..9e6a76030e 100644
--- a/next-docs/package.json
+++ b/next-docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "next-docs",
-  "version": "10.10.6",
+  "version": "10.10.7",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -19,9 +19,9 @@
     "@heathmont/moon-assets": "workspace:^10.7.1",
     "@heathmont/moon-charts": "workspace:^10.7.1",
     "@heathmont/moon-components": "workspace:^10.7.1",
-    "@heathmont/moon-cmdk-tw": "workspace:^10.10.6",
+    "@heathmont/moon-cmdk-tw": "workspace:^10.10.7",
     "@heathmont/moon-core": "workspace:^10.7.1",
-    "@heathmont/moon-core-tw": "workspace:^10.10.6",
+    "@heathmont/moon-core-tw": "workspace:^10.10.7",
     "@heathmont/moon-datepicker": "workspace:^10.7.1",
     "@heathmont/moon-draggabletable": "workspace:^10.7.1",
     "@heathmont/moon-icons": "workspace:^10.7.1",
@@ -30,9 +30,9 @@
     "@heathmont/moon-select": "workspace:^10.7.1",
     "@heathmont/moon-sidebar": "workspace:^10.7.1",
     "@heathmont/moon-table": "workspace:^10.7.1",
-    "@heathmont/moon-table-tw": "workspace:^10.10.6",
+    "@heathmont/moon-table-tw": "workspace:^10.10.7",
     "@heathmont/moon-themes": "workspace:^10.7.1",
-    "@heathmont/moon-themes-tw": "workspace:^10.10.6",
+    "@heathmont/moon-themes-tw": "workspace:^10.10.7",
     "@heathmont/moon-utils": "workspace:^10.7.1",
     "@heathmont/moon-icons-tw": "9.28.6",
     "@hookform/resolvers": "3.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 42978484d9..a90057c986 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -166,19 +166,19 @@ importers:
   docs:
     dependencies:
       '@heathmont/moon-base-tw':
-        specifier: workspace:^10.10.6
+        specifier: workspace:^10.10.7
         version: link:../workspaces/base
       '@heathmont/moon-cmdk-tw':
-        specifier: workspace:^10.10.6
+        specifier: workspace:^10.10.7
         version: link:../workspaces/cmdk
       '@heathmont/moon-core-tw':
-        specifier: workspace:^10.10.6
+        specifier: workspace:^10.10.7
         version: link:../workspaces/core
       '@heathmont/moon-icons-tw':
         specifier: 9.28.6
         version: 9.28.6(react-dom@18.2.0)(react@18.2.0)
       '@heathmont/moon-themes-tw':
-        specifier: workspace:^10.10.6
+        specifier: workspace:^10.10.7
         version: link:../workspaces/themes
       '@types/node':
         specifier: 20.4.9
@@ -238,7 +238,7 @@ importers:
         specifier: workspace:^10.7.1
         version: link:../packages/charts
       '@heathmont/moon-cmdk-tw':
-        specifier: workspace:^10.10.6
+        specifier: workspace:^10.10.7
         version: link:../workspaces/cmdk
       '@heathmont/moon-components':
         specifier: workspace:^10.7.1
@@ -247,7 +247,7 @@ importers:
         specifier: workspace:^10.7.1
         version: link:../packages/core
       '@heathmont/moon-core-tw':
-        specifier: workspace:^10.10.6
+        specifier: workspace:^10.10.7
         version: link:../workspaces/core
       '@heathmont/moon-datepicker':
         specifier: workspace:^10.7.1
@@ -277,13 +277,13 @@ importers:
         specifier: workspace:^10.7.1
         version: link:../packages/table
       '@heathmont/moon-table-tw':
-        specifier: workspace:^10.10.6
+        specifier: workspace:^10.10.7
         version: link:../workspaces/tables
       '@heathmont/moon-themes':
         specifier: workspace:^10.7.1
         version: link:../packages/themes
       '@heathmont/moon-themes-tw':
-        specifier: workspace:^10.10.6
+        specifier: workspace:^10.10.7
         version: link:../workspaces/themes
       '@heathmont/moon-utils':
         specifier: workspace:^10.7.1
@@ -1005,7 +1005,7 @@ importers:
         specifier: 1.7.16
         version: 1.7.16(react-dom@18.2.0)(react@18.2.0)
       '@heathmont/moon-core-tw':
-        specifier: workspace:^10.10.6
+        specifier: workspace:^10.10.7
         version: link:../core
       cmdk:
         specifier: 0.2.0
@@ -1065,7 +1065,7 @@ importers:
   workspaces/tables:
     dependencies:
       '@heathmont/moon-core-tw':
-        specifier: workspace:^10.10.6
+        specifier: workspace:^10.10.7
         version: link:../core
       react:
         specifier: 18.2.0
diff --git a/workspaces/base/CHANGELOG.md b/workspaces/base/CHANGELOG.md
index 45303dee57..f931f1a1d3 100644
--- a/workspaces/base/CHANGELOG.md
+++ b/workspaces/base/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @heathmont/moon-base-tw
 
+## 10.10.7
+
+### Patch Changes
+
+- Deploy 10.10.7
+
 ## 10.10.6
 
 ### Patch Changes
diff --git a/workspaces/base/package.json b/workspaces/base/package.json
index a3fca91bf9..b478a56fc3 100644
--- a/workspaces/base/package.json
+++ b/workspaces/base/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@heathmont/moon-base-tw",
   "sideEffects": false,
-  "version": "10.10.6",
+  "version": "10.10.7",
   "files": [
     "lib"
   ],
diff --git a/workspaces/cmdk/CHANGELOG.md b/workspaces/cmdk/CHANGELOG.md
index be985e2169..e61d1cea96 100644
--- a/workspaces/cmdk/CHANGELOG.md
+++ b/workspaces/cmdk/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @heathmont/moon-cmdk-tw
 
+## 10.10.7
+
+### Patch Changes
+
+- Deploy 10.10.7
+- Updated dependencies
+  - @heathmont/moon-core-tw@10.10.7
+
 ## 10.10.6
 
 ### Patch Changes
diff --git a/workspaces/cmdk/package.json b/workspaces/cmdk/package.json
index 423ab010d4..c3efcf5721 100644
--- a/workspaces/cmdk/package.json
+++ b/workspaces/cmdk/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@heathmont/moon-cmdk-tw",
   "sideEffects": false,
-  "version": "10.10.6",
+  "version": "10.10.7",
   "files": [
     "lib"
   ],
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@headlessui/react": "1.7.16",
-    "@heathmont/moon-core-tw": "workspace:^10.10.6",
+    "@heathmont/moon-core-tw": "workspace:^10.10.7",
     "cmdk": "0.2.0",
     "tailwind-merge": "1.14.0",
     "tailwindcss-radix": "2.8.0"
diff --git a/workspaces/core/CHANGELOG.md b/workspaces/core/CHANGELOG.md
index 6c5dc22c12..8d0df36373 100644
--- a/workspaces/core/CHANGELOG.md
+++ b/workspaces/core/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @heathmont/moon-core-tw
 
+## 10.10.7
+
+### Patch Changes
+
+- Deploy 10.10.7
+
 ## 10.10.6
 
 ### Patch Changes
diff --git a/workspaces/core/package.json b/workspaces/core/package.json
index 15590cd2d2..33633be94b 100644
--- a/workspaces/core/package.json
+++ b/workspaces/core/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@heathmont/moon-core-tw",
   "sideEffects": false,
-  "version": "10.10.6",
+  "version": "10.10.7",
   "files": [
     "lib"
   ],
diff --git a/workspaces/tables/CHANGELOG.md b/workspaces/tables/CHANGELOG.md
index 9186593b25..1cfafcf89f 100644
--- a/workspaces/tables/CHANGELOG.md
+++ b/workspaces/tables/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @heathmont/moon-table-tw
 
+## 10.10.7
+
+### Patch Changes
+
+- Deploy 10.10.7
+- Updated dependencies
+  - @heathmont/moon-core-tw@10.10.7
+
 ## 10.10.6
 
 ### Patch Changes
diff --git a/workspaces/tables/package.json b/workspaces/tables/package.json
index 279606d58e..1c03126bec 100644
--- a/workspaces/tables/package.json
+++ b/workspaces/tables/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@heathmont/moon-table-tw",
   "sideEffects": false,
-  "version": "10.10.6",
+  "version": "10.10.7",
   "files": [
     "lib"
   ],
@@ -20,7 +20,7 @@
     "chokidar": "chokidar \"**/*.tsx\" \"**/*.ts\" -i \"lib/**/*.d.ts\" -c \"pnpm run build:code\" "
   },
   "dependencies": {
-    "@heathmont/moon-core-tw": "workspace:^10.10.6",
+    "@heathmont/moon-core-tw": "workspace:^10.10.7",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-table": "7.8.0",
diff --git a/workspaces/themes/CHANGELOG.md b/workspaces/themes/CHANGELOG.md
index 982b122dc4..e4bcdb3415 100644
--- a/workspaces/themes/CHANGELOG.md
+++ b/workspaces/themes/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @heathmont/moon-themes-tw
 
+## 10.10.7
+
+### Patch Changes
+
+- Deploy 10.10.7
+
 ## 10.10.6
 
 ### Patch Changes
diff --git a/workspaces/themes/package.json b/workspaces/themes/package.json
index 2d75fe466a..ad7711d602 100644
--- a/workspaces/themes/package.json
+++ b/workspaces/themes/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@heathmont/moon-themes-tw",
   "sideEffects": false,
-  "version": "10.10.6",
+  "version": "10.10.7",
   "files": [
     "lib"
   ],