From 5d91b93ef194595e3d15c2bb33fdc9341cb422f4 Mon Sep 17 00:00:00 2001
From: lisa <llupi@scaleway.com>
Date: Thu, 11 Dec 2025 11:36:37 +0100
Subject: [PATCH 1/4] fix: column width in list

---
 .changeset/clear-steaks-share.md              |    5 +
 .../__snapshots__/index.test.tsx.snap         |  672 +++----
 packages/ui/src/components/List/Cell.tsx      |   36 +-
 .../ui/src/components/List/ColumnProvider.tsx |   26 +-
 .../__snapshots__/index.test.tsx.snap         | 1764 ++++++++---------
 packages/ui/src/components/List/styles.css.ts |   13 +-
 .../ui/src/components/List/variables.css.ts   |    7 +
 packages/ui/src/components/Table/Cell.tsx     |    8 +-
 8 files changed, 1279 insertions(+), 1252 deletions(-)
 create mode 100644 .changeset/clear-steaks-share.md

diff --git a/.changeset/clear-steaks-share.md b/.changeset/clear-steaks-share.md
new file mode 100644
index 0000000000..0d89314257
--- /dev/null
+++ b/.changeset/clear-steaks-share.md
@@ -0,0 +1,5 @@
+---
+"@ultraviolet/ui": minor
+---
+
+Fix `List.Cell` width when it is in %
diff --git a/packages/plus/src/components/OfferList/__tests__/__snapshots__/index.test.tsx.snap b/packages/plus/src/components/OfferList/__tests__/__snapshots__/index.test.tsx.snap
index 5c18a64ebe..49958f5836 100644
--- a/packages/plus/src/components/OfferList/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/plus/src/components/OfferList/__tests__/__snapshots__/index.test.tsx.snap
@@ -65,7 +65,7 @@ exports[`offerList > should work loading 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -119,7 +119,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -137,7 +137,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 aria-busy="true"
@@ -155,7 +155,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 aria-busy="true"
@@ -179,7 +179,7 @@ exports[`offerList > should work loading 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -233,7 +233,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -251,7 +251,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 aria-busy="true"
@@ -269,7 +269,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 aria-busy="true"
@@ -293,7 +293,7 @@ exports[`offerList > should work loading 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -347,7 +347,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -365,7 +365,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 aria-busy="true"
@@ -383,7 +383,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 aria-busy="true"
@@ -407,7 +407,7 @@ exports[`offerList > should work loading 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -461,7 +461,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -479,7 +479,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 aria-busy="true"
@@ -497,7 +497,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 aria-busy="true"
@@ -521,7 +521,7 @@ exports[`offerList > should work loading 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -575,7 +575,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -593,7 +593,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 aria-busy="true"
@@ -611,7 +611,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 aria-busy="true"
@@ -635,7 +635,7 @@ exports[`offerList > should work loading 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -689,7 +689,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -707,7 +707,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 aria-busy="true"
@@ -725,7 +725,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 aria-busy="true"
@@ -749,7 +749,7 @@ exports[`offerList > should work loading 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -803,7 +803,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -821,7 +821,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 aria-busy="true"
@@ -839,7 +839,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 aria-busy="true"
@@ -863,7 +863,7 @@ exports[`offerList > should work loading 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -917,7 +917,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -935,7 +935,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 aria-busy="true"
@@ -953,7 +953,7 @@ exports[`offerList > should work loading 1`] = `
             </td>
             <td
               class="styles__1wcpahp1c uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 aria-busy="true"
@@ -1052,7 +1052,7 @@ exports[`offerList > should work with badge 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp13"
@@ -1115,7 +1115,7 @@ exports[`offerList > should work with badge 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -1137,19 +1137,19 @@ exports[`offerList > should work with badge 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Mercury
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.307AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.467AU
             </td>
@@ -1163,7 +1163,7 @@ exports[`offerList > should work with badge 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp13"
@@ -1226,7 +1226,7 @@ exports[`offerList > should work with badge 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -1248,19 +1248,19 @@ exports[`offerList > should work with badge 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Venus
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.718AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.728AU
             </td>
@@ -1274,7 +1274,7 @@ exports[`offerList > should work with badge 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp13"
@@ -1337,7 +1337,7 @@ exports[`offerList > should work with badge 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -1359,19 +1359,19 @@ exports[`offerList > should work with badge 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Earth
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.983AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.017AU
             </td>
@@ -1385,7 +1385,7 @@ exports[`offerList > should work with badge 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp13"
@@ -1448,7 +1448,7 @@ exports[`offerList > should work with badge 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -1470,19 +1470,19 @@ exports[`offerList > should work with badge 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Mars
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.381AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.666AU
             </td>
@@ -1496,7 +1496,7 @@ exports[`offerList > should work with badge 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp13"
@@ -1559,7 +1559,7 @@ exports[`offerList > should work with badge 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -1581,19 +1581,19 @@ exports[`offerList > should work with badge 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Jupiter
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               4.951AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               5.457AU
             </td>
@@ -1607,7 +1607,7 @@ exports[`offerList > should work with badge 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp13"
@@ -1670,7 +1670,7 @@ exports[`offerList > should work with badge 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -1692,19 +1692,19 @@ exports[`offerList > should work with badge 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Saturn
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               9.041AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               10.124AU
             </td>
@@ -1718,7 +1718,7 @@ exports[`offerList > should work with badge 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp13"
@@ -1781,7 +1781,7 @@ exports[`offerList > should work with badge 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -1803,19 +1803,19 @@ exports[`offerList > should work with badge 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Uranus
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               18.286AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               20.097AU
             </td>
@@ -1829,7 +1829,7 @@ exports[`offerList > should work with badge 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp13"
@@ -1892,7 +1892,7 @@ exports[`offerList > should work with badge 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -1914,19 +1914,19 @@ exports[`offerList > should work with badge 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Neptune
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               29.81AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               30.33AU
             </td>
@@ -2013,7 +2013,7 @@ exports[`offerList > should work with banner 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -2066,7 +2066,7 @@ exports[`offerList > should work with banner 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -2088,19 +2088,19 @@ exports[`offerList > should work with banner 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Mercury
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.307AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.467AU
             </td>
@@ -2111,7 +2111,7 @@ exports[`offerList > should work with banner 1`] = `
             <td
               class="styles__1wcpahpt uv_inoh54k"
               colspan="5"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <p
                 class="styles__1wcpahp3 styles_primaryBorder_false__1wcpahp4 styles_sentiment_warning__1wcpahpa styles_undefined_compound_5__1wcpahpi uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9ows uv_m4c9ow1b uv_m4c9ow3c"
@@ -2129,7 +2129,7 @@ exports[`offerList > should work with banner 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -2182,7 +2182,7 @@ exports[`offerList > should work with banner 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -2204,19 +2204,19 @@ exports[`offerList > should work with banner 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Venus
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.718AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.728AU
             </td>
@@ -2227,7 +2227,7 @@ exports[`offerList > should work with banner 1`] = `
             <td
               class="styles__1wcpahpt uv_inoh54k"
               colspan="5"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <p
                 class="styles__1wcpahp3 styles_primaryBorder_false__1wcpahp4 styles_sentiment_neutral__1wcpahp7 styles_undefined_compound_2__1wcpahpf uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9ows uv_m4c9ow1b uv_m4c9ow3c"
@@ -2245,7 +2245,7 @@ exports[`offerList > should work with banner 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -2298,7 +2298,7 @@ exports[`offerList > should work with banner 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -2320,19 +2320,19 @@ exports[`offerList > should work with banner 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Earth
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.983AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.017AU
             </td>
@@ -2343,7 +2343,7 @@ exports[`offerList > should work with banner 1`] = `
             <td
               class="styles__1wcpahpt uv_inoh54k"
               colspan="5"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <p
                 class="styles__1wcpahp3 styles_primaryBorder_false__1wcpahp4 styles_sentiment_neutral__1wcpahp7 styles_undefined_compound_2__1wcpahpf uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9ows uv_m4c9ow1b uv_m4c9ow3c"
@@ -2361,7 +2361,7 @@ exports[`offerList > should work with banner 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -2414,7 +2414,7 @@ exports[`offerList > should work with banner 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -2436,19 +2436,19 @@ exports[`offerList > should work with banner 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Mars
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.381AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.666AU
             </td>
@@ -2459,7 +2459,7 @@ exports[`offerList > should work with banner 1`] = `
             <td
               class="styles__1wcpahpt uv_inoh54k"
               colspan="5"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <p
                 class="styles__1wcpahp3 styles_primaryBorder_false__1wcpahp4 styles_sentiment_neutral__1wcpahp7 styles_undefined_compound_2__1wcpahpf uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9ows uv_m4c9ow1b uv_m4c9ow3c"
@@ -2477,7 +2477,7 @@ exports[`offerList > should work with banner 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -2530,7 +2530,7 @@ exports[`offerList > should work with banner 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -2552,19 +2552,19 @@ exports[`offerList > should work with banner 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Jupiter
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               4.951AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               5.457AU
             </td>
@@ -2575,7 +2575,7 @@ exports[`offerList > should work with banner 1`] = `
             <td
               class="styles__1wcpahpt uv_inoh54k"
               colspan="5"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <p
                 class="styles__1wcpahp3 styles_primaryBorder_false__1wcpahp4 styles_sentiment_neutral__1wcpahp7 styles_undefined_compound_2__1wcpahpf uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9ows uv_m4c9ow1b uv_m4c9ow3c"
@@ -2593,7 +2593,7 @@ exports[`offerList > should work with banner 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -2646,7 +2646,7 @@ exports[`offerList > should work with banner 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -2668,19 +2668,19 @@ exports[`offerList > should work with banner 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Saturn
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               9.041AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               10.124AU
             </td>
@@ -2691,7 +2691,7 @@ exports[`offerList > should work with banner 1`] = `
             <td
               class="styles__1wcpahpt uv_inoh54k"
               colspan="5"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <p
                 class="styles__1wcpahp3 styles_primaryBorder_false__1wcpahp4 styles_sentiment_neutral__1wcpahp7 styles_undefined_compound_2__1wcpahpf uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9ows uv_m4c9ow1b uv_m4c9ow3c"
@@ -2709,7 +2709,7 @@ exports[`offerList > should work with banner 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -2762,7 +2762,7 @@ exports[`offerList > should work with banner 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -2784,19 +2784,19 @@ exports[`offerList > should work with banner 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Uranus
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               18.286AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               20.097AU
             </td>
@@ -2807,7 +2807,7 @@ exports[`offerList > should work with banner 1`] = `
             <td
               class="styles__1wcpahpt uv_inoh54k"
               colspan="5"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <p
                 class="styles__1wcpahp3 styles_primaryBorder_false__1wcpahp4 styles_sentiment_neutral__1wcpahp7 styles_undefined_compound_2__1wcpahpf uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9ows uv_m4c9ow1b uv_m4c9ow3c"
@@ -2825,7 +2825,7 @@ exports[`offerList > should work with banner 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -2878,7 +2878,7 @@ exports[`offerList > should work with banner 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -2900,19 +2900,19 @@ exports[`offerList > should work with banner 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Neptune
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               29.81AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               30.33AU
             </td>
@@ -2923,7 +2923,7 @@ exports[`offerList > should work with banner 1`] = `
             <td
               class="styles__1wcpahpt uv_inoh54k"
               colspan="5"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <p
                 class="styles__1wcpahp3 styles_primaryBorder_false__1wcpahp4 styles_sentiment_neutral__1wcpahp7 styles_undefined_compound_2__1wcpahpf uv_m4c9ow0 uv_m4c9ow2 uv_m4c9ow4 uv_m4c9ow6 uv_m4c9ow8 uv_m4c9owi uv_m4c9ows uv_m4c9ow1b uv_m4c9ow3c"
@@ -3015,7 +3015,7 @@ exports[`offerList > should work with banner open 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -3068,7 +3068,7 @@ exports[`offerList > should work with banner open 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -3090,19 +3090,19 @@ exports[`offerList > should work with banner open 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Mercury
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.307AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.467AU
             </td>
@@ -3116,7 +3116,7 @@ exports[`offerList > should work with banner open 1`] = `
             <td
               class="uv_inoh54n uv_inoh54k"
               colspan="5"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf63: var(--rwwhsl9t);"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto; --uv_1431nf63: var(--rwwhsl9t);"
             >
               <div
                 class="styles__1wcpahp1a"
@@ -3145,7 +3145,7 @@ exports[`offerList > should work with banner open 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -3198,7 +3198,7 @@ exports[`offerList > should work with banner open 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -3220,19 +3220,19 @@ exports[`offerList > should work with banner open 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Venus
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.718AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.728AU
             </td>
@@ -3246,7 +3246,7 @@ exports[`offerList > should work with banner open 1`] = `
             <td
               class="uv_inoh54n uv_inoh54k"
               colspan="5"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf63: var(--rwwhsl9t);"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto; --uv_1431nf63: var(--rwwhsl9t);"
             >
               <div
                 class="styles__1wcpahp1a"
@@ -3275,7 +3275,7 @@ exports[`offerList > should work with banner open 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -3328,7 +3328,7 @@ exports[`offerList > should work with banner open 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -3350,19 +3350,19 @@ exports[`offerList > should work with banner open 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Earth
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.983AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.017AU
             </td>
@@ -3376,7 +3376,7 @@ exports[`offerList > should work with banner open 1`] = `
             <td
               class="uv_inoh54n uv_inoh54k"
               colspan="5"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf63: var(--rwwhsl9t);"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto; --uv_1431nf63: var(--rwwhsl9t);"
             >
               <div
                 class="styles__1wcpahp1a"
@@ -3405,7 +3405,7 @@ exports[`offerList > should work with banner open 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -3458,7 +3458,7 @@ exports[`offerList > should work with banner open 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -3480,19 +3480,19 @@ exports[`offerList > should work with banner open 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Mars
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.381AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.666AU
             </td>
@@ -3506,7 +3506,7 @@ exports[`offerList > should work with banner open 1`] = `
             <td
               class="uv_inoh54n uv_inoh54k"
               colspan="5"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf63: var(--rwwhsl9t);"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto; --uv_1431nf63: var(--rwwhsl9t);"
             >
               <div
                 class="styles__1wcpahp1a"
@@ -3535,7 +3535,7 @@ exports[`offerList > should work with banner open 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -3588,7 +3588,7 @@ exports[`offerList > should work with banner open 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -3610,19 +3610,19 @@ exports[`offerList > should work with banner open 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Jupiter
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               4.951AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               5.457AU
             </td>
@@ -3636,7 +3636,7 @@ exports[`offerList > should work with banner open 1`] = `
             <td
               class="uv_inoh54n uv_inoh54k"
               colspan="5"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf63: var(--rwwhsl9t);"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto; --uv_1431nf63: var(--rwwhsl9t);"
             >
               <div
                 class="styles__1wcpahp1a"
@@ -3665,7 +3665,7 @@ exports[`offerList > should work with banner open 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -3718,7 +3718,7 @@ exports[`offerList > should work with banner open 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -3740,19 +3740,19 @@ exports[`offerList > should work with banner open 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Saturn
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               9.041AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               10.124AU
             </td>
@@ -3766,7 +3766,7 @@ exports[`offerList > should work with banner open 1`] = `
             <td
               class="uv_inoh54n uv_inoh54k"
               colspan="5"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf63: var(--rwwhsl9t);"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto; --uv_1431nf63: var(--rwwhsl9t);"
             >
               <div
                 class="styles__1wcpahp1a"
@@ -3795,7 +3795,7 @@ exports[`offerList > should work with banner open 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -3848,7 +3848,7 @@ exports[`offerList > should work with banner open 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -3870,19 +3870,19 @@ exports[`offerList > should work with banner open 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Uranus
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               18.286AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               20.097AU
             </td>
@@ -3896,7 +3896,7 @@ exports[`offerList > should work with banner open 1`] = `
             <td
               class="uv_inoh54n uv_inoh54k"
               colspan="5"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf63: var(--rwwhsl9t);"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto; --uv_1431nf63: var(--rwwhsl9t);"
             >
               <div
                 class="styles__1wcpahp1a"
@@ -3925,7 +3925,7 @@ exports[`offerList > should work with banner open 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -3978,7 +3978,7 @@ exports[`offerList > should work with banner open 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -4000,19 +4000,19 @@ exports[`offerList > should work with banner open 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Neptune
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               29.81AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               30.33AU
             </td>
@@ -4026,7 +4026,7 @@ exports[`offerList > should work with banner open 1`] = `
             <td
               class="uv_inoh54n uv_inoh54k"
               colspan="5"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf63: var(--rwwhsl9t);"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto; --uv_1431nf63: var(--rwwhsl9t);"
             >
               <div
                 class="styles__1wcpahp1a"
@@ -4117,7 +4117,7 @@ exports[`offerList > should work with default props 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -4170,19 +4170,19 @@ exports[`offerList > should work with default props 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Mercury
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.307AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.467AU
             </td>
@@ -4194,7 +4194,7 @@ exports[`offerList > should work with default props 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -4247,19 +4247,19 @@ exports[`offerList > should work with default props 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Venus
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.718AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.728AU
             </td>
@@ -4271,7 +4271,7 @@ exports[`offerList > should work with default props 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -4324,19 +4324,19 @@ exports[`offerList > should work with default props 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Earth
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.983AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.017AU
             </td>
@@ -4348,7 +4348,7 @@ exports[`offerList > should work with default props 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -4401,19 +4401,19 @@ exports[`offerList > should work with default props 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Mars
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.381AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.666AU
             </td>
@@ -4425,7 +4425,7 @@ exports[`offerList > should work with default props 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -4478,19 +4478,19 @@ exports[`offerList > should work with default props 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Jupiter
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               4.951AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               5.457AU
             </td>
@@ -4502,7 +4502,7 @@ exports[`offerList > should work with default props 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -4555,19 +4555,19 @@ exports[`offerList > should work with default props 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Saturn
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               9.041AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               10.124AU
             </td>
@@ -4579,7 +4579,7 @@ exports[`offerList > should work with default props 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -4632,19 +4632,19 @@ exports[`offerList > should work with default props 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Uranus
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               18.286AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               20.097AU
             </td>
@@ -4656,7 +4656,7 @@ exports[`offerList > should work with default props 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -4709,19 +4709,19 @@ exports[`offerList > should work with default props 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Neptune
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               29.81AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               30.33AU
             </td>
@@ -4808,7 +4808,7 @@ exports[`offerList > should work with expandable 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -4861,7 +4861,7 @@ exports[`offerList > should work with expandable 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -4883,19 +4883,19 @@ exports[`offerList > should work with expandable 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Mercury
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.307AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.467AU
             </td>
@@ -4909,7 +4909,7 @@ exports[`offerList > should work with expandable 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -4962,7 +4962,7 @@ exports[`offerList > should work with expandable 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -4984,19 +4984,19 @@ exports[`offerList > should work with expandable 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Venus
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.718AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.728AU
             </td>
@@ -5010,7 +5010,7 @@ exports[`offerList > should work with expandable 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -5063,7 +5063,7 @@ exports[`offerList > should work with expandable 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -5085,19 +5085,19 @@ exports[`offerList > should work with expandable 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Earth
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.983AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.017AU
             </td>
@@ -5111,7 +5111,7 @@ exports[`offerList > should work with expandable 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -5164,7 +5164,7 @@ exports[`offerList > should work with expandable 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -5186,19 +5186,19 @@ exports[`offerList > should work with expandable 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Mars
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.381AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.666AU
             </td>
@@ -5212,7 +5212,7 @@ exports[`offerList > should work with expandable 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -5265,7 +5265,7 @@ exports[`offerList > should work with expandable 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -5287,19 +5287,19 @@ exports[`offerList > should work with expandable 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Jupiter
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               4.951AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               5.457AU
             </td>
@@ -5313,7 +5313,7 @@ exports[`offerList > should work with expandable 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -5366,7 +5366,7 @@ exports[`offerList > should work with expandable 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -5388,19 +5388,19 @@ exports[`offerList > should work with expandable 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Saturn
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               9.041AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               10.124AU
             </td>
@@ -5414,7 +5414,7 @@ exports[`offerList > should work with expandable 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -5467,7 +5467,7 @@ exports[`offerList > should work with expandable 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -5489,19 +5489,19 @@ exports[`offerList > should work with expandable 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Uranus
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               18.286AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               20.097AU
             </td>
@@ -5515,7 +5515,7 @@ exports[`offerList > should work with expandable 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -5568,7 +5568,7 @@ exports[`offerList > should work with expandable 1`] = `
             </td>
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <button
                 aria-label="expand"
@@ -5590,19 +5590,19 @@ exports[`offerList > should work with expandable 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Neptune
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               29.81AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               30.33AU
             </td>
@@ -5679,7 +5679,7 @@ exports[`offerList > should work with selectable - checkbox 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -5732,19 +5732,19 @@ exports[`offerList > should work with selectable - checkbox 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Mercury
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.307AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.467AU
             </td>
@@ -5756,7 +5756,7 @@ exports[`offerList > should work with selectable - checkbox 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -5809,19 +5809,19 @@ exports[`offerList > should work with selectable - checkbox 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Venus
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.718AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.728AU
             </td>
@@ -5833,7 +5833,7 @@ exports[`offerList > should work with selectable - checkbox 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -5886,19 +5886,19 @@ exports[`offerList > should work with selectable - checkbox 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Earth
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.983AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.017AU
             </td>
@@ -5910,7 +5910,7 @@ exports[`offerList > should work with selectable - checkbox 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -5963,19 +5963,19 @@ exports[`offerList > should work with selectable - checkbox 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Mars
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.381AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.666AU
             </td>
@@ -5987,7 +5987,7 @@ exports[`offerList > should work with selectable - checkbox 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -6041,19 +6041,19 @@ exports[`offerList > should work with selectable - checkbox 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Jupiter
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               4.951AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               5.457AU
             </td>
@@ -6065,7 +6065,7 @@ exports[`offerList > should work with selectable - checkbox 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -6118,19 +6118,19 @@ exports[`offerList > should work with selectable - checkbox 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Saturn
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               9.041AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               10.124AU
             </td>
@@ -6142,7 +6142,7 @@ exports[`offerList > should work with selectable - checkbox 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -6195,19 +6195,19 @@ exports[`offerList > should work with selectable - checkbox 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Uranus
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               18.286AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               20.097AU
             </td>
@@ -6219,7 +6219,7 @@ exports[`offerList > should work with selectable - checkbox 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -6272,19 +6272,19 @@ exports[`offerList > should work with selectable - checkbox 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Neptune
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               29.81AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               30.33AU
             </td>
@@ -6361,7 +6361,7 @@ exports[`offerList > should work with selectable - radio 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -6414,19 +6414,19 @@ exports[`offerList > should work with selectable - radio 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Mercury
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.307AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.467AU
             </td>
@@ -6438,7 +6438,7 @@ exports[`offerList > should work with selectable - radio 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -6491,19 +6491,19 @@ exports[`offerList > should work with selectable - radio 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Venus
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.718AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.728AU
             </td>
@@ -6515,7 +6515,7 @@ exports[`offerList > should work with selectable - radio 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -6568,19 +6568,19 @@ exports[`offerList > should work with selectable - radio 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Earth
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.983AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.017AU
             </td>
@@ -6592,7 +6592,7 @@ exports[`offerList > should work with selectable - radio 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -6645,19 +6645,19 @@ exports[`offerList > should work with selectable - radio 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Mars
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.381AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.666AU
             </td>
@@ -6669,7 +6669,7 @@ exports[`offerList > should work with selectable - radio 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -6723,19 +6723,19 @@ exports[`offerList > should work with selectable - radio 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Jupiter
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               4.951AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               5.457AU
             </td>
@@ -6747,7 +6747,7 @@ exports[`offerList > should work with selectable - radio 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -6800,19 +6800,19 @@ exports[`offerList > should work with selectable - radio 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Saturn
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               9.041AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               10.124AU
             </td>
@@ -6824,7 +6824,7 @@ exports[`offerList > should work with selectable - radio 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -6877,19 +6877,19 @@ exports[`offerList > should work with selectable - radio 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Uranus
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               18.286AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               20.097AU
             </td>
@@ -6901,7 +6901,7 @@ exports[`offerList > should work with selectable - radio 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -6954,19 +6954,19 @@ exports[`offerList > should work with selectable - radio 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Neptune
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               29.81AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               30.33AU
             </td>
@@ -7043,7 +7043,7 @@ exports[`offerList > should work with sentiment 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -7096,19 +7096,19 @@ exports[`offerList > should work with sentiment 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Mercury
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.307AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.467AU
             </td>
@@ -7120,7 +7120,7 @@ exports[`offerList > should work with sentiment 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -7173,19 +7173,19 @@ exports[`offerList > should work with sentiment 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Venus
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.718AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.728AU
             </td>
@@ -7197,7 +7197,7 @@ exports[`offerList > should work with sentiment 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -7250,19 +7250,19 @@ exports[`offerList > should work with sentiment 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Earth
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               0.983AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.017AU
             </td>
@@ -7274,7 +7274,7 @@ exports[`offerList > should work with sentiment 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -7327,19 +7327,19 @@ exports[`offerList > should work with sentiment 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Mars
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.381AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               1.666AU
             </td>
@@ -7351,7 +7351,7 @@ exports[`offerList > should work with sentiment 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -7404,19 +7404,19 @@ exports[`offerList > should work with sentiment 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Jupiter
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               4.951AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               5.457AU
             </td>
@@ -7428,7 +7428,7 @@ exports[`offerList > should work with sentiment 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -7481,19 +7481,19 @@ exports[`offerList > should work with sentiment 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Saturn
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               9.041AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               10.124AU
             </td>
@@ -7505,7 +7505,7 @@ exports[`offerList > should work with sentiment 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -7558,19 +7558,19 @@ exports[`offerList > should work with sentiment 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Uranus
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               18.286AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               20.097AU
             </td>
@@ -7582,7 +7582,7 @@ exports[`offerList > should work with sentiment 1`] = `
           >
             <td
               class="styles__1wcpahp14 uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               <div
                 class="styles__1wcpahp19"
@@ -7635,19 +7635,19 @@ exports[`offerList > should work with sentiment 1`] = `
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto;"
             >
               Neptune
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               29.81AU
             </td>
             <td
               class="styles__1wcpahp1b uv_inoh54k"
-              style="--uv_1431nf64: 200px; --uv_1431nf66: auto; --uv_1431nf65: none;"
+              style="--uv_1431nf64: 200px; --uv_1431nf66: 200px; --uv_1431nf65: 200px; --uv_1431nf67: calc(var(--uv_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf68: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v)); --uv_1431nf69: calc(200px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               30.33AU
             </td>
diff --git a/packages/ui/src/components/List/Cell.tsx b/packages/ui/src/components/List/Cell.tsx
index 9a88c6d367..f79d87ae7c 100644
--- a/packages/ui/src/components/List/Cell.tsx
+++ b/packages/ui/src/components/List/Cell.tsx
@@ -6,7 +6,15 @@ import type { CSSProperties, ReactNode } from 'react'
 import { forwardRef } from 'react'
 import { useColumnProvider } from './ColumnProvider'
 import { listCell } from './styles.css'
-import { maxWidthCell, minWidthCell, widthCell } from './variables.css'
+import {
+  listCellPadding,
+  maxWidthCell,
+  maxWidthChildrenCell,
+  minWidthCell,
+  minWidthChildrenCell,
+  widthCell,
+  widthChildrenCell,
+} from './variables.css'
 
 type CellProps = {
   children?: ReactNode
@@ -18,7 +26,22 @@ type CellProps = {
 
 export const Cell = forwardRef<HTMLTableCellElement, CellProps>(
   ({ children, className, 'data-testid': dataTestid, colSpan, style }, ref) => {
-    const { maxWidth, minWidth, width } = useColumnProvider()
+    const context = useColumnProvider()
+
+    const width = context?.width
+    const maxWidth = context?.width
+    const minWidth = context?.width
+
+    /** Remove padding from width to avoid overflow since boxSizing = 'content-box' */
+    const widthChildren = width?.includes('%')
+      ? '100%'
+      : `calc(${widthCell} - ${listCellPadding} - ${listCellPadding})`
+    const maxWidthChildren = maxWidth?.includes('%')
+      ? '100%'
+      : `calc(${maxWidth} - ${listCellPadding} - ${listCellPadding})`
+    const minWidthChildren = minWidth?.includes('%')
+      ? '100%'
+      : `calc(${minWidth} - ${listCellPadding} - ${listCellPadding})`
 
     return (
       <td
@@ -28,9 +51,12 @@ export const Cell = forwardRef<HTMLTableCellElement, CellProps>(
         ref={ref}
         style={{
           ...assignInlineVars({
-            [widthCell]: width,
-            [minWidthCell]: minWidth,
-            [maxWidthCell]: maxWidth,
+            [widthCell]: width ?? 'auto',
+            [minWidthCell]: minWidth ?? 'auto',
+            [maxWidthCell]: maxWidth ?? 'none',
+            [widthChildrenCell]: width ? widthChildren : 'auto',
+            [maxWidthChildrenCell]: maxWidth ? maxWidthChildren : 'none',
+            [minWidthChildrenCell]: minWidth ? minWidthChildren : 'auto',
           }),
           ...style,
         }}
diff --git a/packages/ui/src/components/List/ColumnProvider.tsx b/packages/ui/src/components/List/ColumnProvider.tsx
index 1f29fe5a55..c7223ec825 100644
--- a/packages/ui/src/components/List/ColumnProvider.tsx
+++ b/packages/ui/src/components/List/ColumnProvider.tsx
@@ -3,9 +3,9 @@ import { createContext, useContext } from 'react'
 
 type ContextType =
   | {
-      width: string
-      maxWidth: string
-      minWidth: string
+      width?: string
+      maxWidth?: string
+      minWidth?: string
     }
   | undefined
 
@@ -25,9 +25,9 @@ export const ColumnProvider = ({
 }: ColumnProviderProps) => (
   <ColumnContext.Provider
     value={{
-      maxWidth: maxWidth ?? 'none',
-      minWidth: minWidth ?? 'auto',
-      width: width ?? 'auto',
+      maxWidth,
+      minWidth,
+      width,
     }}
   >
     {children}
@@ -35,16 +35,4 @@ export const ColumnProvider = ({
 )
 
 // oxlint-disable-next-line react/only-export-components
-export const useColumnProvider = () => {
-  const context = useContext(ColumnContext)
-
-  if (!context) {
-    return {
-      maxWidth: 'none',
-      minWidth: 'auto',
-      width: 'auto',
-    }
-  }
-
-  return context
-}
+export const useColumnProvider = () => useContext(ColumnContext)
diff --git a/packages/ui/src/components/List/__tests__/__snapshots__/index.test.tsx.snap b/packages/ui/src/components/List/__tests__/__snapshots__/index.test.tsx.snap
index af26e9d381..93a15d2e07 100644
--- a/packages/ui/src/components/List/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/ui/src/components/List/__tests__/__snapshots__/index.test.tsx.snap
@@ -77,31 +77,31 @@ exports[`list > should expand a row by pressing Space 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 5
             </td>
@@ -114,31 +114,31 @@ exports[`list > should expand a row by pressing Space 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 5
             </td>
@@ -151,31 +151,31 @@ exports[`list > should expand a row by pressing Space 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 5
             </td>
@@ -188,31 +188,31 @@ exports[`list > should expand a row by pressing Space 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 5
             </td>
@@ -225,31 +225,31 @@ exports[`list > should expand a row by pressing Space 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 5
             </td>
@@ -262,31 +262,31 @@ exports[`list > should expand a row by pressing Space 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 5
             </td>
@@ -299,31 +299,31 @@ exports[`list > should expand a row by pressing Space 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 5
             </td>
@@ -336,31 +336,31 @@ exports[`list > should expand a row by pressing Space 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 5
             </td>
@@ -373,31 +373,31 @@ exports[`list > should expand a row by pressing Space 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 5
             </td>
@@ -410,31 +410,31 @@ exports[`list > should expand a row by pressing Space 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 5
             </td>
@@ -524,31 +524,31 @@ exports[`list > should not collapse a row by clicking on expandable content 1`]
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 5
             </td>
@@ -562,7 +562,7 @@ exports[`list > should not collapse a row by clicking on expandable content 1`]
             <td
               class="styles__inoh54n styles__inoh54k"
               colspan="5"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf63: var(--rwwhsl9v);"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto; --_1431nf63: var(--rwwhsl9v);"
             >
               Row 1 expandable content
             </td>
@@ -575,31 +575,31 @@ exports[`list > should not collapse a row by clicking on expandable content 1`]
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 5
             </td>
@@ -612,31 +612,31 @@ exports[`list > should not collapse a row by clicking on expandable content 1`]
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 5
             </td>
@@ -649,31 +649,31 @@ exports[`list > should not collapse a row by clicking on expandable content 1`]
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 5
             </td>
@@ -686,31 +686,31 @@ exports[`list > should not collapse a row by clicking on expandable content 1`]
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 5
             </td>
@@ -723,31 +723,31 @@ exports[`list > should not collapse a row by clicking on expandable content 1`]
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 5
             </td>
@@ -760,31 +760,31 @@ exports[`list > should not collapse a row by clicking on expandable content 1`]
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 5
             </td>
@@ -797,31 +797,31 @@ exports[`list > should not collapse a row by clicking on expandable content 1`]
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 5
             </td>
@@ -834,31 +834,31 @@ exports[`list > should not collapse a row by clicking on expandable content 1`]
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 5
             </td>
@@ -871,31 +871,31 @@ exports[`list > should not collapse a row by clicking on expandable content 1`]
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 5
             </td>
@@ -982,31 +982,31 @@ exports[`list > should render correctly 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 5
             </td>
@@ -1018,31 +1018,31 @@ exports[`list > should render correctly 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 5
             </td>
@@ -1054,31 +1054,31 @@ exports[`list > should render correctly 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 5
             </td>
@@ -1090,31 +1090,31 @@ exports[`list > should render correctly 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 5
             </td>
@@ -1126,31 +1126,31 @@ exports[`list > should render correctly 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 5
             </td>
@@ -1162,31 +1162,31 @@ exports[`list > should render correctly 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 5
             </td>
@@ -1198,31 +1198,31 @@ exports[`list > should render correctly 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 5
             </td>
@@ -1234,31 +1234,31 @@ exports[`list > should render correctly 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 5
             </td>
@@ -1270,31 +1270,31 @@ exports[`list > should render correctly 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 5
             </td>
@@ -1306,31 +1306,31 @@ exports[`list > should render correctly 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 5
             </td>
@@ -1417,31 +1417,31 @@ exports[`list > should render correctly with bad sort value 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 5
             </td>
@@ -1453,31 +1453,31 @@ exports[`list > should render correctly with bad sort value 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 5
             </td>
@@ -1489,31 +1489,31 @@ exports[`list > should render correctly with bad sort value 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 5
             </td>
@@ -1525,31 +1525,31 @@ exports[`list > should render correctly with bad sort value 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 5
             </td>
@@ -1561,31 +1561,31 @@ exports[`list > should render correctly with bad sort value 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 5
             </td>
@@ -1597,31 +1597,31 @@ exports[`list > should render correctly with bad sort value 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 5
             </td>
@@ -1633,31 +1633,31 @@ exports[`list > should render correctly with bad sort value 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 5
             </td>
@@ -1669,31 +1669,31 @@ exports[`list > should render correctly with bad sort value 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 5
             </td>
@@ -1705,31 +1705,31 @@ exports[`list > should render correctly with bad sort value 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 5
             </td>
@@ -1741,31 +1741,31 @@ exports[`list > should render correctly with bad sort value 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 5
             </td>
@@ -1853,31 +1853,31 @@ exports[`list > should render correctly with disabled rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 5
             </td>
@@ -1890,31 +1890,31 @@ exports[`list > should render correctly with disabled rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 5
             </td>
@@ -1927,31 +1927,31 @@ exports[`list > should render correctly with disabled rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 5
             </td>
@@ -1964,31 +1964,31 @@ exports[`list > should render correctly with disabled rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 5
             </td>
@@ -2001,31 +2001,31 @@ exports[`list > should render correctly with disabled rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 5
             </td>
@@ -2038,31 +2038,31 @@ exports[`list > should render correctly with disabled rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 5
             </td>
@@ -2075,31 +2075,31 @@ exports[`list > should render correctly with disabled rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 5
             </td>
@@ -2112,31 +2112,31 @@ exports[`list > should render correctly with disabled rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 5
             </td>
@@ -2149,31 +2149,31 @@ exports[`list > should render correctly with disabled rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 5
             </td>
@@ -2186,31 +2186,31 @@ exports[`list > should render correctly with disabled rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 5
             </td>
@@ -2299,31 +2299,31 @@ exports[`list > should render correctly with expandable rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 5
             </td>
@@ -2337,31 +2337,31 @@ exports[`list > should render correctly with expandable rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 5
             </td>
@@ -2375,31 +2375,31 @@ exports[`list > should render correctly with expandable rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 5
             </td>
@@ -2413,31 +2413,31 @@ exports[`list > should render correctly with expandable rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 5
             </td>
@@ -2451,31 +2451,31 @@ exports[`list > should render correctly with expandable rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 5
             </td>
@@ -2489,31 +2489,31 @@ exports[`list > should render correctly with expandable rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 5
             </td>
@@ -2527,31 +2527,31 @@ exports[`list > should render correctly with expandable rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 5
             </td>
@@ -2565,31 +2565,31 @@ exports[`list > should render correctly with expandable rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 5
             </td>
@@ -2603,31 +2603,31 @@ exports[`list > should render correctly with expandable rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 5
             </td>
@@ -2641,31 +2641,31 @@ exports[`list > should render correctly with expandable rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 5
             </td>
@@ -2837,31 +2837,31 @@ exports[`list > should render correctly with info 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 5
             </td>
@@ -2873,31 +2873,31 @@ exports[`list > should render correctly with info 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 5
             </td>
@@ -2909,31 +2909,31 @@ exports[`list > should render correctly with info 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 5
             </td>
@@ -2945,31 +2945,31 @@ exports[`list > should render correctly with info 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 5
             </td>
@@ -2981,31 +2981,31 @@ exports[`list > should render correctly with info 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 5
             </td>
@@ -3017,31 +3017,31 @@ exports[`list > should render correctly with info 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 5
             </td>
@@ -3053,31 +3053,31 @@ exports[`list > should render correctly with info 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 5
             </td>
@@ -3089,31 +3089,31 @@ exports[`list > should render correctly with info 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 5
             </td>
@@ -3125,31 +3125,31 @@ exports[`list > should render correctly with info 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 5
             </td>
@@ -3161,31 +3161,31 @@ exports[`list > should render correctly with info 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 5
             </td>
@@ -3273,31 +3273,31 @@ exports[`list > should render correctly with isExpandable and autoClose rows the
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 5
             </td>
@@ -3312,31 +3312,31 @@ exports[`list > should render correctly with isExpandable and autoClose rows the
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 5
             </td>
@@ -3350,7 +3350,7 @@ exports[`list > should render correctly with isExpandable and autoClose rows the
             <td
               class="styles__inoh54n styles__inoh54k"
               colspan="5"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf63: var(--rwwhsl9v);"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto; --_1431nf63: var(--rwwhsl9v);"
             >
               Row 2 expandable content
             </td>
@@ -3363,31 +3363,31 @@ exports[`list > should render correctly with isExpandable and autoClose rows the
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 5
             </td>
@@ -3400,31 +3400,31 @@ exports[`list > should render correctly with isExpandable and autoClose rows the
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 5
             </td>
@@ -3437,31 +3437,31 @@ exports[`list > should render correctly with isExpandable and autoClose rows the
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 5
             </td>
@@ -3474,31 +3474,31 @@ exports[`list > should render correctly with isExpandable and autoClose rows the
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 5
             </td>
@@ -3511,31 +3511,31 @@ exports[`list > should render correctly with isExpandable and autoClose rows the
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 5
             </td>
@@ -3548,31 +3548,31 @@ exports[`list > should render correctly with isExpandable and autoClose rows the
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 5
             </td>
@@ -3585,31 +3585,31 @@ exports[`list > should render correctly with isExpandable and autoClose rows the
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 5
             </td>
@@ -3622,31 +3622,31 @@ exports[`list > should render correctly with isExpandable and autoClose rows the
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 5
             </td>
@@ -3735,31 +3735,31 @@ exports[`list > should render correctly with isExpandable rows then click 1`] =
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 5
             </td>
@@ -3773,31 +3773,31 @@ exports[`list > should render correctly with isExpandable rows then click 1`] =
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 5
             </td>
@@ -3811,31 +3811,31 @@ exports[`list > should render correctly with isExpandable rows then click 1`] =
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 5
             </td>
@@ -3849,31 +3849,31 @@ exports[`list > should render correctly with isExpandable rows then click 1`] =
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 5
             </td>
@@ -3887,31 +3887,31 @@ exports[`list > should render correctly with isExpandable rows then click 1`] =
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 5
             </td>
@@ -3925,31 +3925,31 @@ exports[`list > should render correctly with isExpandable rows then click 1`] =
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 5
             </td>
@@ -3963,31 +3963,31 @@ exports[`list > should render correctly with isExpandable rows then click 1`] =
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 5
             </td>
@@ -4001,31 +4001,31 @@ exports[`list > should render correctly with isExpandable rows then click 1`] =
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 5
             </td>
@@ -4039,31 +4039,31 @@ exports[`list > should render correctly with isExpandable rows then click 1`] =
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 5
             </td>
@@ -4077,31 +4077,31 @@ exports[`list > should render correctly with isExpandable rows then click 1`] =
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 5
             </td>
@@ -4188,7 +4188,7 @@ exports[`list > should render correctly with loading 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4206,7 +4206,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4224,7 +4224,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4242,7 +4242,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4260,7 +4260,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4284,7 +4284,7 @@ exports[`list > should render correctly with loading 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4302,7 +4302,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4320,7 +4320,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4338,7 +4338,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4356,7 +4356,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4380,7 +4380,7 @@ exports[`list > should render correctly with loading 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4398,7 +4398,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4416,7 +4416,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4434,7 +4434,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4452,7 +4452,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4476,7 +4476,7 @@ exports[`list > should render correctly with loading 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4494,7 +4494,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4512,7 +4512,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4530,7 +4530,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4548,7 +4548,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4572,7 +4572,7 @@ exports[`list > should render correctly with loading 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4590,7 +4590,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4608,7 +4608,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4626,7 +4626,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4644,7 +4644,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4798,7 +4798,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             <td />
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4816,7 +4816,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4834,7 +4834,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4852,7 +4852,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4870,7 +4870,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4895,7 +4895,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             <td />
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4913,7 +4913,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4931,7 +4931,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4949,7 +4949,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4967,7 +4967,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -4992,7 +4992,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             <td />
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -5010,7 +5010,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -5028,7 +5028,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -5046,7 +5046,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -5064,7 +5064,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -5089,7 +5089,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             <td />
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -5107,7 +5107,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -5125,7 +5125,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -5143,7 +5143,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -5161,7 +5161,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -5186,7 +5186,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             <td />
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -5204,7 +5204,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -5222,7 +5222,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -5240,7 +5240,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -5258,7 +5258,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               <div
                 aria-busy="true"
@@ -5357,31 +5357,31 @@ exports[`list > should render correctly with row expanded 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 5
             </td>
@@ -5393,31 +5393,31 @@ exports[`list > should render correctly with row expanded 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 5
             </td>
@@ -5429,31 +5429,31 @@ exports[`list > should render correctly with row expanded 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 5
             </td>
@@ -5465,31 +5465,31 @@ exports[`list > should render correctly with row expanded 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 5
             </td>
@@ -5501,31 +5501,31 @@ exports[`list > should render correctly with row expanded 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 5
             </td>
@@ -5537,31 +5537,31 @@ exports[`list > should render correctly with row expanded 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 5
             </td>
@@ -5573,31 +5573,31 @@ exports[`list > should render correctly with row expanded 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 5
             </td>
@@ -5609,31 +5609,31 @@ exports[`list > should render correctly with row expanded 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 5
             </td>
@@ -5645,31 +5645,31 @@ exports[`list > should render correctly with row expanded 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 5
             </td>
@@ -5681,31 +5681,31 @@ exports[`list > should render correctly with row expanded 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 5
             </td>
@@ -5845,7 +5845,7 @@ exports[`list > should render correctly with selectable 1`] = `
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -5898,31 +5898,31 @@ exports[`list > should render correctly with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 5
             </td>
@@ -5934,7 +5934,7 @@ exports[`list > should render correctly with selectable 1`] = `
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -5987,31 +5987,31 @@ exports[`list > should render correctly with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 5
             </td>
@@ -6023,7 +6023,7 @@ exports[`list > should render correctly with selectable 1`] = `
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -6076,31 +6076,31 @@ exports[`list > should render correctly with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 5
             </td>
@@ -6112,7 +6112,7 @@ exports[`list > should render correctly with selectable 1`] = `
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -6165,31 +6165,31 @@ exports[`list > should render correctly with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 5
             </td>
@@ -6201,7 +6201,7 @@ exports[`list > should render correctly with selectable 1`] = `
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -6254,31 +6254,31 @@ exports[`list > should render correctly with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 5
             </td>
@@ -6290,7 +6290,7 @@ exports[`list > should render correctly with selectable 1`] = `
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -6343,31 +6343,31 @@ exports[`list > should render correctly with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 5
             </td>
@@ -6379,7 +6379,7 @@ exports[`list > should render correctly with selectable 1`] = `
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -6432,31 +6432,31 @@ exports[`list > should render correctly with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 5
             </td>
@@ -6468,7 +6468,7 @@ exports[`list > should render correctly with selectable 1`] = `
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -6521,31 +6521,31 @@ exports[`list > should render correctly with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 5
             </td>
@@ -6557,7 +6557,7 @@ exports[`list > should render correctly with selectable 1`] = `
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -6610,31 +6610,31 @@ exports[`list > should render correctly with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 5
             </td>
@@ -6646,7 +6646,7 @@ exports[`list > should render correctly with selectable 1`] = `
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -6699,31 +6699,31 @@ exports[`list > should render correctly with selectable 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 5
             </td>
@@ -6863,7 +6863,7 @@ exports[`list > should render correctly with selectable then click on first row
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -6916,31 +6916,31 @@ exports[`list > should render correctly with selectable then click on first row
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 5
             </td>
@@ -6952,7 +6952,7 @@ exports[`list > should render correctly with selectable then click on first row
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -7005,31 +7005,31 @@ exports[`list > should render correctly with selectable then click on first row
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 5
             </td>
@@ -7041,7 +7041,7 @@ exports[`list > should render correctly with selectable then click on first row
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -7094,31 +7094,31 @@ exports[`list > should render correctly with selectable then click on first row
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 5
             </td>
@@ -7130,7 +7130,7 @@ exports[`list > should render correctly with selectable then click on first row
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -7183,31 +7183,31 @@ exports[`list > should render correctly with selectable then click on first row
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 5
             </td>
@@ -7219,7 +7219,7 @@ exports[`list > should render correctly with selectable then click on first row
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -7272,31 +7272,31 @@ exports[`list > should render correctly with selectable then click on first row
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 5
             </td>
@@ -7308,7 +7308,7 @@ exports[`list > should render correctly with selectable then click on first row
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -7361,31 +7361,31 @@ exports[`list > should render correctly with selectable then click on first row
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 5
             </td>
@@ -7397,7 +7397,7 @@ exports[`list > should render correctly with selectable then click on first row
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -7450,31 +7450,31 @@ exports[`list > should render correctly with selectable then click on first row
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 5
             </td>
@@ -7486,7 +7486,7 @@ exports[`list > should render correctly with selectable then click on first row
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -7539,31 +7539,31 @@ exports[`list > should render correctly with selectable then click on first row
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 5
             </td>
@@ -7575,7 +7575,7 @@ exports[`list > should render correctly with selectable then click on first row
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -7628,31 +7628,31 @@ exports[`list > should render correctly with selectable then click on first row
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 5
             </td>
@@ -7664,7 +7664,7 @@ exports[`list > should render correctly with selectable then click on first row
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -7717,31 +7717,31 @@ exports[`list > should render correctly with selectable then click on first row
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 5
             </td>
@@ -7879,7 +7879,7 @@ exports[`list > should render correctly with selectable with shift click for mul
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -7932,31 +7932,31 @@ exports[`list > should render correctly with selectable with shift click for mul
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 5
             </td>
@@ -7968,7 +7968,7 @@ exports[`list > should render correctly with selectable with shift click for mul
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -8021,31 +8021,31 @@ exports[`list > should render correctly with selectable with shift click for mul
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 5
             </td>
@@ -8057,7 +8057,7 @@ exports[`list > should render correctly with selectable with shift click for mul
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -8110,31 +8110,31 @@ exports[`list > should render correctly with selectable with shift click for mul
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 5
             </td>
@@ -8146,7 +8146,7 @@ exports[`list > should render correctly with selectable with shift click for mul
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -8199,31 +8199,31 @@ exports[`list > should render correctly with selectable with shift click for mul
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 5
             </td>
@@ -8235,7 +8235,7 @@ exports[`list > should render correctly with selectable with shift click for mul
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -8288,31 +8288,31 @@ exports[`list > should render correctly with selectable with shift click for mul
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 5
             </td>
@@ -8324,7 +8324,7 @@ exports[`list > should render correctly with selectable with shift click for mul
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -8377,31 +8377,31 @@ exports[`list > should render correctly with selectable with shift click for mul
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 5
             </td>
@@ -8413,7 +8413,7 @@ exports[`list > should render correctly with selectable with shift click for mul
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -8466,31 +8466,31 @@ exports[`list > should render correctly with selectable with shift click for mul
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 5
             </td>
@@ -8502,7 +8502,7 @@ exports[`list > should render correctly with selectable with shift click for mul
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -8555,31 +8555,31 @@ exports[`list > should render correctly with selectable with shift click for mul
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 5
             </td>
@@ -8591,7 +8591,7 @@ exports[`list > should render correctly with selectable with shift click for mul
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -8644,31 +8644,31 @@ exports[`list > should render correctly with selectable with shift click for mul
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 5
             </td>
@@ -8680,7 +8680,7 @@ exports[`list > should render correctly with selectable with shift click for mul
           >
             <td
               class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
                 class="styles__inoh54l"
@@ -8733,31 +8733,31 @@ exports[`list > should render correctly with selectable with shift click for mul
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 5
             </td>
@@ -8846,31 +8846,31 @@ exports[`list > should render correctly with sentiment rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 5
             </td>
@@ -8884,31 +8884,31 @@ exports[`list > should render correctly with sentiment rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 5
             </td>
@@ -8922,31 +8922,31 @@ exports[`list > should render correctly with sentiment rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 5
             </td>
@@ -8960,31 +8960,31 @@ exports[`list > should render correctly with sentiment rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 5
             </td>
@@ -8998,31 +8998,31 @@ exports[`list > should render correctly with sentiment rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 5
             </td>
@@ -9036,31 +9036,31 @@ exports[`list > should render correctly with sentiment rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 5
             </td>
@@ -9074,31 +9074,31 @@ exports[`list > should render correctly with sentiment rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 5
             </td>
@@ -9112,31 +9112,31 @@ exports[`list > should render correctly with sentiment rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 5
             </td>
@@ -9150,31 +9150,31 @@ exports[`list > should render correctly with sentiment rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 5
             </td>
@@ -9188,31 +9188,31 @@ exports[`list > should render correctly with sentiment rows 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 5
             </td>
@@ -9299,31 +9299,31 @@ exports[`list > should render correctly with sort 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 1 Column 5
             </td>
@@ -9335,31 +9335,31 @@ exports[`list > should render correctly with sort 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 2 Column 5
             </td>
@@ -9371,31 +9371,31 @@ exports[`list > should render correctly with sort 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 3 Column 5
             </td>
@@ -9407,31 +9407,31 @@ exports[`list > should render correctly with sort 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 4 Column 5
             </td>
@@ -9443,31 +9443,31 @@ exports[`list > should render correctly with sort 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 5 Column 5
             </td>
@@ -9479,31 +9479,31 @@ exports[`list > should render correctly with sort 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 6 Column 5
             </td>
@@ -9515,31 +9515,31 @@ exports[`list > should render correctly with sort 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 7 Column 5
             </td>
@@ -9551,31 +9551,31 @@ exports[`list > should render correctly with sort 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 8 Column 5
             </td>
@@ -9587,31 +9587,31 @@ exports[`list > should render correctly with sort 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 9 Column 5
             </td>
@@ -9623,31 +9623,31 @@ exports[`list > should render correctly with sort 1`] = `
           >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 1
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 2
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 3
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 4
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
             >
               Row 10 Column 5
             </td>
@@ -9786,31 +9786,31 @@ exports[`list > should render correctly with sort then click 1`] = `
             >
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 1 Column 1
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 1 Column 2
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 1 Column 3
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 1 Column 4
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 1 Column 5
               </td>
@@ -9822,31 +9822,31 @@ exports[`list > should render correctly with sort then click 1`] = `
             >
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 2 Column 1
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 2 Column 2
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 2 Column 3
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 2 Column 4
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 2 Column 5
               </td>
@@ -9858,31 +9858,31 @@ exports[`list > should render correctly with sort then click 1`] = `
             >
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 3 Column 1
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 3 Column 2
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 3 Column 3
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 3 Column 4
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 3 Column 5
               </td>
@@ -9894,31 +9894,31 @@ exports[`list > should render correctly with sort then click 1`] = `
             >
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 4 Column 1
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 4 Column 2
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 4 Column 3
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 4 Column 4
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 4 Column 5
               </td>
@@ -9930,31 +9930,31 @@ exports[`list > should render correctly with sort then click 1`] = `
             >
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 5 Column 1
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 5 Column 2
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 5 Column 3
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 5 Column 4
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 5 Column 5
               </td>
@@ -9966,31 +9966,31 @@ exports[`list > should render correctly with sort then click 1`] = `
             >
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 6 Column 1
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 6 Column 2
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 6 Column 3
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 6 Column 4
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 6 Column 5
               </td>
@@ -10002,31 +10002,31 @@ exports[`list > should render correctly with sort then click 1`] = `
             >
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 7 Column 1
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 7 Column 2
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 7 Column 3
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 7 Column 4
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 7 Column 5
               </td>
@@ -10038,31 +10038,31 @@ exports[`list > should render correctly with sort then click 1`] = `
             >
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 8 Column 1
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 8 Column 2
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 8 Column 3
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 8 Column 4
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 8 Column 5
               </td>
@@ -10074,31 +10074,31 @@ exports[`list > should render correctly with sort then click 1`] = `
             >
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 9 Column 1
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 9 Column 2
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 9 Column 3
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 9 Column 4
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 9 Column 5
               </td>
@@ -10110,31 +10110,31 @@ exports[`list > should render correctly with sort then click 1`] = `
             >
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 10 Column 1
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 10 Column 2
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 10 Column 3
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 10 Column 4
               </td>
               <td
                 class="styles__inoh54k"
-                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+                style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
               >
                 Row 10 Column 5
               </td>
diff --git a/packages/ui/src/components/List/styles.css.ts b/packages/ui/src/components/List/styles.css.ts
index 2c47c9cab9..19dc5c7cd1 100644
--- a/packages/ui/src/components/List/styles.css.ts
+++ b/packages/ui/src/components/List/styles.css.ts
@@ -9,12 +9,16 @@ import { SELECTABLE_CHECKBOX_SIZE } from './constants'
 import { recipe } from '@vanilla-extract/recipes'
 import { SENTIMENTS } from '../../theme'
 import {
+  listCellPadding,
   maxWidthCell,
+  maxWidthChildrenCell,
   maxWidthHeaderCell,
   minWidthCell,
+  minWidthChildrenCell,
   minWidthHeaderCell,
   paddingExpandableCell,
   widthCell,
+  widthChildrenCell,
   widthHeaderCell,
 } from './variables.css'
 
@@ -27,8 +31,6 @@ const colorChange = keyframes({
   },
 })
 
-const listCellPadding = theme.space[2]
-
 function makeRowStyleSentiment(sentiment: (typeof SENTIMENTS)[number]) {
   const color = theme.colors[sentiment]
   const base = {
@@ -233,10 +235,9 @@ export const listCell = style({
 })
 
 globalStyle(`${listCell} > *`, {
-  /** Remove padding from width to avoid overflow since boxSizing = 'content-box' */
-  width: `calc(${widthCell} - ${listCellPadding} - ${listCellPadding})`,
-  maxWidth: `calc(${maxWidthCell} - ${listCellPadding} - ${listCellPadding})`,
-  minWidth: `calc(${minWidthCell} - ${listCellPadding} - ${listCellPadding})`,
+  width: widthChildrenCell,
+  maxWidth: maxWidthChildrenCell,
+  minWidth: minWidthChildrenCell,
 })
 
 globalStyle(`${listRowBase} > td:first-child`, {
diff --git a/packages/ui/src/components/List/variables.css.ts b/packages/ui/src/components/List/variables.css.ts
index 361ed7d107..dbb42532d1 100644
--- a/packages/ui/src/components/List/variables.css.ts
+++ b/packages/ui/src/components/List/variables.css.ts
@@ -1,3 +1,4 @@
+import { theme } from '@ultraviolet/themes'
 import { createVar } from '@vanilla-extract/css'
 
 export const widthHeaderCell = createVar()
@@ -8,3 +9,9 @@ export const paddingExpandableCell = createVar()
 export const widthCell = createVar()
 export const maxWidthCell = createVar()
 export const minWidthCell = createVar()
+
+export const widthChildrenCell = createVar()
+export const maxWidthChildrenCell = createVar()
+export const minWidthChildrenCell = createVar()
+
+export const listCellPadding = theme.space[2]
diff --git a/packages/ui/src/components/Table/Cell.tsx b/packages/ui/src/components/Table/Cell.tsx
index 9fd6cee1ed..c9feabfe6f 100644
--- a/packages/ui/src/components/Table/Cell.tsx
+++ b/packages/ui/src/components/Table/Cell.tsx
@@ -29,7 +29,7 @@ export const Cell = ({
   align = 'left',
   style,
 }: CellProps) => {
-  const { maxWidth, minWidth, width } = useColumnProvider()
+  const context = useColumnProvider()
 
   return (
     <td
@@ -39,9 +39,9 @@ export const Cell = ({
       rowSpan={rowSpan}
       style={{
         ...assignInlineVars({
-          [widthCell]: width,
-          [minWidthCell]: minWidth,
-          [maxWidthCell]: maxWidth,
+          [widthCell]: context?.width ?? 'auto',
+          [minWidthCell]: context?.minWidth ?? 'auto',
+          [maxWidthCell]: context?.maxWidth ?? 'none',
         }),
         ...style,
       }}

From cbc46cdbc52a6163b5e5c7b3813e466ec69b84ab Mon Sep 17 00:00:00 2001
From: lisa <llupi@scaleway.com>
Date: Fri, 12 Dec 2025 14:39:34 +0100
Subject: [PATCH 2/4] fix: tests

---
 .../__snapshots__/index.test.tsx.snap         | 388 ++++++++++++++++--
 .../components/List/__tests__/index.test.tsx  |  28 ++
 2 files changed, 380 insertions(+), 36 deletions(-)

diff --git a/packages/ui/src/components/List/__tests__/__snapshots__/index.test.tsx.snap b/packages/ui/src/components/List/__tests__/__snapshots__/index.test.tsx.snap
index 93a15d2e07..484349a37c 100644
--- a/packages/ui/src/components/List/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/ui/src/components/List/__tests__/__snapshots__/index.test.tsx.snap
@@ -515,7 +515,7 @@ exports[`list > should not collapse a row by clicking on expandable content 1`]
         </thead>
         <tbody>
           <tr
-            aria-controls="_r_9v_"
+            aria-controls="_r_a1_"
             aria-expanded="true"
             class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e"
             data-highlight="false"
@@ -557,7 +557,7 @@ exports[`list > should not collapse a row by clicking on expandable content 1`]
             class="styles__inoh548"
             data-expandable-content="true"
             data-highlight="false"
-            id="_r_9v_"
+            id="_r_a1_"
           >
             <td
               class="styles__inoh54n styles__inoh54k"
@@ -2701,8 +2701,8 @@ exports[`list > should render correctly with info 1`] = `
               >
                 Column 1
                 <div
-                  aria-controls="_r_a9_"
-                  aria-describedby="_r_a9_"
+                  aria-controls="_r_ab_"
+                  aria-describedby="_r_ab_"
                   class="styles__w40vpo9"
                   tabindex="0"
                 >
@@ -2728,8 +2728,8 @@ exports[`list > should render correctly with info 1`] = `
               >
                 Column 2
                 <div
-                  aria-controls="_r_aa_"
-                  aria-describedby="_r_aa_"
+                  aria-controls="_r_ac_"
+                  aria-describedby="_r_ac_"
                   class="styles__w40vpo9"
                   tabindex="0"
                 >
@@ -2755,8 +2755,8 @@ exports[`list > should render correctly with info 1`] = `
               >
                 Column 3
                 <div
-                  aria-controls="_r_ab_"
-                  aria-describedby="_r_ab_"
+                  aria-controls="_r_ad_"
+                  aria-describedby="_r_ad_"
                   class="styles__w40vpo9"
                   tabindex="0"
                 >
@@ -2782,8 +2782,8 @@ exports[`list > should render correctly with info 1`] = `
               >
                 Column 4
                 <div
-                  aria-controls="_r_ac_"
-                  aria-describedby="_r_ac_"
+                  aria-controls="_r_ae_"
+                  aria-describedby="_r_ae_"
                   class="styles__w40vpo9"
                   tabindex="0"
                 >
@@ -2809,8 +2809,8 @@ exports[`list > should render correctly with info 1`] = `
               >
                 Column 5
                 <div
-                  aria-controls="_r_ad_"
-                  aria-describedby="_r_ad_"
+                  aria-controls="_r_af_"
+                  aria-describedby="_r_af_"
                   class="styles__w40vpo9"
                   tabindex="0"
                 >
@@ -3303,7 +3303,7 @@ exports[`list > should render correctly with isExpandable and autoClose rows the
             </td>
           </tr>
           <tr
-            aria-controls="_r_6h_"
+            aria-controls="_r_6j_"
             aria-expanded="true"
             class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e"
             data-highlight="false"
@@ -3345,7 +3345,7 @@ exports[`list > should render correctly with isExpandable and autoClose rows the
             class="styles__inoh548"
             data-expandable-content="true"
             data-highlight="false"
-            id="_r_6h_"
+            id="_r_6j_"
           >
             <td
               class="styles__inoh54n styles__inoh54k"
@@ -4668,6 +4668,322 @@ exports[`list > should render correctly with loading 1`] = `
 </DocumentFragment>
 `;
 
+exports[`list > should render correctly with loading with column width 1`] = `
+<DocumentFragment>
+  <div
+    data-testid="testing"
+  >
+    <div
+      class="styles__inoh541"
+    >
+      <table
+        class="styles__inoh542"
+      >
+        <thead>
+          <tr
+            class="styles__inoh546"
+          >
+            <th
+              class="styles__inoh547 styles__inoh545"
+              tabindex="-1"
+            >
+              <div
+                class="styles__toi52u0 styles_alignItems_center_xxsmall__toi52u3d styles_flexDirection_row_xxsmall__toi52u2j styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.5rem_xxsmall__toi52u7 styles_justifyContent_normal_xxsmall__toi52u5d"
+              >
+                <div
+                  aria-disabled="true"
+                  class="styles__9pjq8o6"
+                  data-checked="false"
+                  data-error="false"
+                >
+                  <input
+                    aria-checked="false"
+                    aria-invalid="false"
+                    aria-label="select all"
+                    class="styles__9pjq8o5"
+                    disabled=""
+                    id="_r_2a_"
+                    name="list-select-checkbox"
+                    type="checkbox"
+                    value="all"
+                  />
+                  <svg
+                    class="styles__9pjq8o3"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                  >
+                    <g>
+                      <rect
+                        class="styles__9pjq8o1"
+                        height="16"
+                        rx="0.125rem"
+                        stroke-width="2"
+                        width="16"
+                        x="4"
+                        y="4"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M15.6678 5.26709C16.0849 5.6463 16.113 6.28907 15.7307 6.70276L9.29172 13.6705C9.10291 13.8748 8.83818 13.9937 8.55884 13.9998C8.2795 14.0058 8.0098 13.8984 7.81223 13.7024L4.30004 10.2185C3.89999 9.82169 3.89999 9.17831 4.30004 8.78149C4.70009 8.38467 5.34869 8.38467 5.74874 8.78149L8.50441 11.5149L14.2205 5.32951C14.6028 4.91583 15.2508 4.88788 15.6678 5.26709Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                        height="9"
+                        width="12"
+                        x="5"
+                        y="4"
+                      />
+                    </g>
+                  </svg>
+                </div>
+              </div>
+            </th>
+            <th
+              class="styles__inoh545"
+              style="--_1431nf60: 33%; --_1431nf62: 33%; --_1431nf61: 33%;"
+              tabindex="-1"
+            >
+              <div
+                class="styles__toi52u0 styles_alignItems_center_xxsmall__toi52u3d styles_flexDirection_row_xxsmall__toi52u2j styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.5rem_xxsmall__toi52u7 styles_justifyContent_normal_xxsmall__toi52u5d"
+              >
+                width
+              </div>
+            </th>
+            <th
+              class="styles__inoh545"
+              style="--_1431nf60: 100px; --_1431nf62: 0; --_1431nf61: 100px;"
+              tabindex="-1"
+            >
+              <div
+                class="styles__toi52u0 styles_alignItems_center_xxsmall__toi52u3d styles_flexDirection_row_xxsmall__toi52u2j styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.5rem_xxsmall__toi52u7 styles_justifyContent_normal_xxsmall__toi52u5d"
+              >
+                width
+              </div>
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
+            id="skeleton-0"
+            role="row"
+          >
+            <td />
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54p styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 100px; --_1431nf66: 100px; --_1431nf65: 100px; --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v));"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54p styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+          </tr>
+          <tr
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
+            id="skeleton-1"
+            role="row"
+          >
+            <td />
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54p styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 100px; --_1431nf66: 100px; --_1431nf65: 100px; --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v));"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54p styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+          </tr>
+          <tr
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
+            id="skeleton-2"
+            role="row"
+          >
+            <td />
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54p styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 100px; --_1431nf66: 100px; --_1431nf65: 100px; --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v));"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54p styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+          </tr>
+          <tr
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
+            id="skeleton-3"
+            role="row"
+          >
+            <td />
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54p styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 100px; --_1431nf66: 100px; --_1431nf65: 100px; --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v));"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54p styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+          </tr>
+          <tr
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
+            id="skeleton-4"
+            role="row"
+          >
+            <td />
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54p styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 100px; --_1431nf66: 100px; --_1431nf65: 100px; --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v));"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54p styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`list > should render correctly with loading with selectable 1`] = `
 <DocumentFragment>
   <div
@@ -6768,7 +7084,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select all"
                     class="styles__9pjq8o5"
-                    id="_r_38_"
+                    id="_r_3a_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="all"
@@ -6879,7 +7195,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_3c_"
+                    id="_r_3e_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="1"
@@ -6968,7 +7284,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_3g_"
+                    id="_r_3i_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="2"
@@ -7057,7 +7373,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_3k_"
+                    id="_r_3m_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="3"
@@ -7146,7 +7462,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_3o_"
+                    id="_r_3q_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="4"
@@ -7235,7 +7551,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_3s_"
+                    id="_r_3u_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="5"
@@ -7324,7 +7640,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_40_"
+                    id="_r_42_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="6"
@@ -7413,7 +7729,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_44_"
+                    id="_r_46_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="7"
@@ -7502,7 +7818,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_48_"
+                    id="_r_4a_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="8"
@@ -7591,7 +7907,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_4c_"
+                    id="_r_4e_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="9"
@@ -7680,7 +7996,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_4g_"
+                    id="_r_4i_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="10"
@@ -7786,7 +8102,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select all"
                     class="styles__9pjq8o5"
-                    id="_r_ao_"
+                    id="_r_aq_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="all"
@@ -7895,7 +8211,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_as_"
+                    id="_r_au_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="1"
@@ -7984,7 +8300,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_b0_"
+                    id="_r_b2_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="2"
@@ -8073,7 +8389,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_b4_"
+                    id="_r_b6_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="3"
@@ -8162,7 +8478,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_b8_"
+                    id="_r_ba_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="4"
@@ -8251,7 +8567,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_bc_"
+                    id="_r_be_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="5"
@@ -8340,7 +8656,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_bg_"
+                    id="_r_bi_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="6"
@@ -8429,7 +8745,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_bk_"
+                    id="_r_bm_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="7"
@@ -8518,7 +8834,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_bo_"
+                    id="_r_bq_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="8"
@@ -8607,7 +8923,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_bs_"
+                    id="_r_bu_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="9"
@@ -8696,7 +9012,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_c0_"
+                    id="_r_c2_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="10"
diff --git a/packages/ui/src/components/List/__tests__/index.test.tsx b/packages/ui/src/components/List/__tests__/index.test.tsx
index c982b870db..ac6c2e2a78 100644
--- a/packages/ui/src/components/List/__tests__/index.test.tsx
+++ b/packages/ui/src/components/List/__tests__/index.test.tsx
@@ -43,6 +43,22 @@ const columns: NonNullable<ComponentProps<typeof List>['columns']> = Array.from(
   label: `Column ${columnNumber}`,
 }))
 
+const columnWidthPx = {
+  id: 'width px',
+  label: 'width',
+  maxWidth: '100px',
+  minWidth: '0',
+  width: '100px',
+}
+
+const columnWidthPercent = {
+  id: 'width px',
+  label: 'width',
+  maxWidth: '33%',
+  minWidth: '33%',
+  width: '33%',
+}
+
 const Wrapper = ({ theme = consoleLightTheme, children }: WrapperProps) => (
   <ThemeProvider theme={theme}>{children}</ThemeProvider>
 )
@@ -168,6 +184,18 @@ describe('list', () => {
       </List>,
     ))
 
+  test('should render correctly with loading with column width', () =>
+    shouldMatchSnapshot(
+      <List columns={[columnWidthPercent, columnWidthPx]} loading selectable>
+        {data.map(({ id, columnA, columnB }) => (
+          <List.Row id={id} key={id}>
+            <List.Cell>{columnA}</List.Cell>
+            <List.Cell>{columnB}</List.Cell>
+          </List.Row>
+        ))}
+      </List>,
+    ))
+
   test('should render correctly with disabled rows', () =>
     shouldMatchSnapshot(
       <List columns={columns}>

From 47ab14a98b0faed7ec44a508dec48b8cfa99f5be Mon Sep 17 00:00:00 2001
From: lisa <llupi@scaleway.com>
Date: Tue, 16 Dec 2025 15:08:45 +0100
Subject: [PATCH 3/4] feat: colMode

---
 .../__snapshots__/index.test.tsx.snap         |   16 +-
 packages/ui/src/components/List/Cell.tsx      |   11 +-
 .../ui/src/components/List/ListContext.tsx    |    5 +
 .../__snapshots__/index.test.tsx.snap         | 1014 +++++++++++++----
 .../components/List/__tests__/index.test.tsx  |   18 +-
 packages/ui/src/components/List/index.tsx     |    8 +
 packages/ui/src/components/List/styles.css.ts |    4 +-
 .../__snapshots__/index.test.tsx.snap         |   40 +-
 8 files changed, 892 insertions(+), 224 deletions(-)

diff --git a/packages/plus/src/components/OfferList/__tests__/__snapshots__/index.test.tsx.snap b/packages/plus/src/components/OfferList/__tests__/__snapshots__/index.test.tsx.snap
index 49958f5836..34ab9fd7c9 100644
--- a/packages/plus/src/components/OfferList/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/plus/src/components/OfferList/__tests__/__snapshots__/index.test.tsx.snap
@@ -3114,7 +3114,7 @@ exports[`offerList > should work with banner open 1`] = `
             id="_r_3g_"
           >
             <td
-              class="uv_inoh54n uv_inoh54k"
+              class="uv_inoh54o uv_inoh54k"
               colspan="5"
               style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto; --uv_1431nf63: var(--rwwhsl9t);"
             >
@@ -3244,7 +3244,7 @@ exports[`offerList > should work with banner open 1`] = `
             id="_r_3m_"
           >
             <td
-              class="uv_inoh54n uv_inoh54k"
+              class="uv_inoh54o uv_inoh54k"
               colspan="5"
               style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto; --uv_1431nf63: var(--rwwhsl9t);"
             >
@@ -3374,7 +3374,7 @@ exports[`offerList > should work with banner open 1`] = `
             id="_r_3s_"
           >
             <td
-              class="uv_inoh54n uv_inoh54k"
+              class="uv_inoh54o uv_inoh54k"
               colspan="5"
               style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto; --uv_1431nf63: var(--rwwhsl9t);"
             >
@@ -3504,7 +3504,7 @@ exports[`offerList > should work with banner open 1`] = `
             id="_r_42_"
           >
             <td
-              class="uv_inoh54n uv_inoh54k"
+              class="uv_inoh54o uv_inoh54k"
               colspan="5"
               style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto; --uv_1431nf63: var(--rwwhsl9t);"
             >
@@ -3634,7 +3634,7 @@ exports[`offerList > should work with banner open 1`] = `
             id="_r_48_"
           >
             <td
-              class="uv_inoh54n uv_inoh54k"
+              class="uv_inoh54o uv_inoh54k"
               colspan="5"
               style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto; --uv_1431nf63: var(--rwwhsl9t);"
             >
@@ -3764,7 +3764,7 @@ exports[`offerList > should work with banner open 1`] = `
             id="_r_4e_"
           >
             <td
-              class="uv_inoh54n uv_inoh54k"
+              class="uv_inoh54o uv_inoh54k"
               colspan="5"
               style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto; --uv_1431nf63: var(--rwwhsl9t);"
             >
@@ -3894,7 +3894,7 @@ exports[`offerList > should work with banner open 1`] = `
             id="_r_4k_"
           >
             <td
-              class="uv_inoh54n uv_inoh54k"
+              class="uv_inoh54o uv_inoh54k"
               colspan="5"
               style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto; --uv_1431nf63: var(--rwwhsl9t);"
             >
@@ -4024,7 +4024,7 @@ exports[`offerList > should work with banner open 1`] = `
             id="_r_4q_"
           >
             <td
-              class="uv_inoh54n uv_inoh54k"
+              class="uv_inoh54o uv_inoh54k"
               colspan="5"
               style="--uv_1431nf64: auto; --uv_1431nf66: auto; --uv_1431nf65: none; --uv_1431nf67: auto; --uv_1431nf68: none; --uv_1431nf69: auto; --uv_1431nf63: var(--rwwhsl9t);"
             >
diff --git a/packages/ui/src/components/List/Cell.tsx b/packages/ui/src/components/List/Cell.tsx
index f79d87ae7c..c2592fff5b 100644
--- a/packages/ui/src/components/List/Cell.tsx
+++ b/packages/ui/src/components/List/Cell.tsx
@@ -5,7 +5,8 @@ import { assignInlineVars } from '@vanilla-extract/dynamic'
 import type { CSSProperties, ReactNode } from 'react'
 import { forwardRef } from 'react'
 import { useColumnProvider } from './ColumnProvider'
-import { listCell } from './styles.css'
+import { useListContext } from './ListContext'
+import { listCell, listCellStrict } from './styles.css'
 import {
   listCellPadding,
   maxWidthCell,
@@ -27,7 +28,7 @@ type CellProps = {
 export const Cell = forwardRef<HTMLTableCellElement, CellProps>(
   ({ children, className, 'data-testid': dataTestid, colSpan, style }, ref) => {
     const context = useColumnProvider()
-
+    const { colMode } = useListContext()
     const width = context?.width
     const maxWidth = context?.width
     const minWidth = context?.width
@@ -45,7 +46,11 @@ export const Cell = forwardRef<HTMLTableCellElement, CellProps>(
 
     return (
       <td
-        className={cn(className, listCell)}
+        className={cn(
+          className,
+          listCell,
+          colMode === 'strict' ? listCellStrict : '',
+        )}
         colSpan={colSpan}
         data-testid={dataTestid}
         ref={ref}
diff --git a/packages/ui/src/components/List/ListContext.tsx b/packages/ui/src/components/List/ListContext.tsx
index dc297bbbe6..a079f0f4c3 100644
--- a/packages/ui/src/components/List/ListContext.tsx
+++ b/packages/ui/src/components/List/ListContext.tsx
@@ -50,6 +50,7 @@ export type ListContextValue = {
   refList: RefObject<HTMLInputElement>[]
   setRefList: Dispatch<SetStateAction<RefObject<HTMLInputElement>[]>>
   handleOnChange: (value: string, checked: boolean) => void
+  colMode?: 'strict' | 'flexible'
 }
 
 const ListContext = createContext<ListContextValue | undefined>(undefined)
@@ -61,6 +62,7 @@ export type ListProviderProps = {
   expandButton: boolean
   onSelectedChange?: Dispatch<SetStateAction<string[]>>
   columns: ColumnProps[]
+  colMode?: 'strict' | 'flexible'
 }
 
 const checkStateOfCheckboxs = (ids: RowState) => {
@@ -86,6 +88,7 @@ export const ListProvider = ({
   expandButton,
   onSelectedChange,
   columns,
+  colMode,
 }: ListProviderProps) => {
   const [expandedRowIds, setExpandedRowIds] = useState<RowState>({})
   const [selectedRowIds, setSelectedRowIds] = useState<RowState>({})
@@ -331,6 +334,7 @@ export const ListProvider = ({
     () => ({
       allRowSelectValue,
       collapseRow,
+      colMode,
       columns,
       expandButton,
       expandedRowIds,
@@ -370,6 +374,7 @@ export const ListProvider = ({
       unselectAll,
       unselectRow,
       handleOnChange,
+      colMode,
     ],
   )
 
diff --git a/packages/ui/src/components/List/__tests__/__snapshots__/index.test.tsx.snap b/packages/ui/src/components/List/__tests__/__snapshots__/index.test.tsx.snap
index 484349a37c..239157f9fa 100644
--- a/packages/ui/src/components/List/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/ui/src/components/List/__tests__/__snapshots__/index.test.tsx.snap
@@ -515,7 +515,7 @@ exports[`list > should not collapse a row by clicking on expandable content 1`]
         </thead>
         <tbody>
           <tr
-            aria-controls="_r_a1_"
+            aria-controls="_r_a3_"
             aria-expanded="true"
             class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e"
             data-highlight="false"
@@ -557,10 +557,10 @@ exports[`list > should not collapse a row by clicking on expandable content 1`]
             class="styles__inoh548"
             data-expandable-content="true"
             data-highlight="false"
-            id="_r_a1_"
+            id="_r_a3_"
           >
             <td
-              class="styles__inoh54n styles__inoh54k"
+              class="styles__inoh54o styles__inoh54k"
               colspan="5"
               style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto; --_1431nf63: var(--rwwhsl9v);"
             >
@@ -1710,64 +1710,696 @@ exports[`list > should render correctly with bad sort value 1`] = `
               Row 9 Column 1
             </td>
             <td
-              class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+              class="styles__inoh54k"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+            >
+              Row 9 Column 2
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+            >
+              Row 9 Column 3
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+            >
+              Row 9 Column 4
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+            >
+              Row 9 Column 5
+            </td>
+          </tr>
+          <tr
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e"
+            data-highlight="false"
+            tabindex="-1"
+          >
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+            >
+              Row 10 Column 1
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+            >
+              Row 10 Column 2
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+            >
+              Row 10 Column 3
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+            >
+              Row 10 Column 4
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+            >
+              Row 10 Column 5
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`list > should render correctly with column width 1`] = `
+<DocumentFragment>
+  <div
+    data-testid="testing"
+  >
+    <div
+      class="styles__inoh541"
+    >
+      <table
+        class="styles__inoh542"
+      >
+        <thead>
+          <tr
+            class="styles__inoh546"
+          >
+            <th
+              class="styles__inoh547 styles__inoh545"
+              tabindex="-1"
+            >
+              <div
+                class="styles__toi52u0 styles_alignItems_center_xxsmall__toi52u3d styles_flexDirection_row_xxsmall__toi52u2j styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.5rem_xxsmall__toi52u7 styles_justifyContent_normal_xxsmall__toi52u5d"
+              >
+                <div
+                  aria-disabled="true"
+                  class="styles__9pjq8o6"
+                  data-checked="false"
+                  data-error="false"
+                >
+                  <input
+                    aria-checked="false"
+                    aria-invalid="false"
+                    aria-label="select all"
+                    class="styles__9pjq8o5"
+                    disabled=""
+                    id="_r_2a_"
+                    name="list-select-checkbox"
+                    type="checkbox"
+                    value="all"
+                  />
+                  <svg
+                    class="styles__9pjq8o3"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                  >
+                    <g>
+                      <rect
+                        class="styles__9pjq8o1"
+                        height="16"
+                        rx="0.125rem"
+                        stroke-width="2"
+                        width="16"
+                        x="4"
+                        y="4"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M15.6678 5.26709C16.0849 5.6463 16.113 6.28907 15.7307 6.70276L9.29172 13.6705C9.10291 13.8748 8.83818 13.9937 8.55884 13.9998C8.2795 14.0058 8.0098 13.8984 7.81223 13.7024L4.30004 10.2185C3.89999 9.82169 3.89999 9.17831 4.30004 8.78149C4.70009 8.38467 5.34869 8.38467 5.74874 8.78149L8.50441 11.5149L14.2205 5.32951C14.6028 4.91583 15.2508 4.88788 15.6678 5.26709Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                        height="9"
+                        width="12"
+                        x="5"
+                        y="4"
+                      />
+                    </g>
+                  </svg>
+                </div>
+              </div>
+            </th>
+            <th
+              class="styles__inoh545"
+              style="--_1431nf60: 33%; --_1431nf62: 33%; --_1431nf61: 33%;"
+              tabindex="-1"
+            >
+              <div
+                class="styles__toi52u0 styles_alignItems_center_xxsmall__toi52u3d styles_flexDirection_row_xxsmall__toi52u2j styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.5rem_xxsmall__toi52u7 styles_justifyContent_normal_xxsmall__toi52u5d"
+              >
+                width
+              </div>
+            </th>
+            <th
+              class="styles__inoh545"
+              style="--_1431nf60: 100px; --_1431nf62: 0; --_1431nf61: 100px;"
+              tabindex="-1"
+            >
+              <div
+                class="styles__toi52u0 styles_alignItems_center_xxsmall__toi52u3d styles_flexDirection_row_xxsmall__toi52u2j styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.5rem_xxsmall__toi52u7 styles_justifyContent_normal_xxsmall__toi52u5d"
+              >
+                width
+              </div>
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
+            id="skeleton-0"
+            role="row"
+          >
+            <td />
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 100px; --_1431nf66: 100px; --_1431nf65: 100px; --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v));"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+          </tr>
+          <tr
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
+            id="skeleton-1"
+            role="row"
+          >
+            <td />
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 100px; --_1431nf66: 100px; --_1431nf65: 100px; --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v));"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+          </tr>
+          <tr
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
+            id="skeleton-2"
+            role="row"
+          >
+            <td />
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 100px; --_1431nf66: 100px; --_1431nf65: 100px; --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v));"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+          </tr>
+          <tr
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
+            id="skeleton-3"
+            role="row"
+          >
+            <td />
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 100px; --_1431nf66: 100px; --_1431nf65: 100px; --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v));"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+          </tr>
+          <tr
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
+            id="skeleton-4"
+            role="row"
+          >
+            <td />
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: 100px; --_1431nf66: 100px; --_1431nf65: 100px; --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v));"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`list > should render correctly with column width and colMode strict 1`] = `
+<DocumentFragment>
+  <div
+    data-testid="testing"
+  >
+    <div
+      class="styles__inoh541"
+    >
+      <table
+        class="styles__inoh542"
+      >
+        <thead>
+          <tr
+            class="styles__inoh546"
+          >
+            <th
+              class="styles__inoh547 styles__inoh545"
+              tabindex="-1"
+            >
+              <div
+                class="styles__toi52u0 styles_alignItems_center_xxsmall__toi52u3d styles_flexDirection_row_xxsmall__toi52u2j styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.5rem_xxsmall__toi52u7 styles_justifyContent_normal_xxsmall__toi52u5d"
+              >
+                <div
+                  aria-disabled="true"
+                  class="styles__9pjq8o6"
+                  data-checked="false"
+                  data-error="false"
+                >
+                  <input
+                    aria-checked="false"
+                    aria-invalid="false"
+                    aria-label="select all"
+                    class="styles__9pjq8o5"
+                    disabled=""
+                    id="_r_2c_"
+                    name="list-select-checkbox"
+                    type="checkbox"
+                    value="all"
+                  />
+                  <svg
+                    class="styles__9pjq8o3"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                  >
+                    <g>
+                      <rect
+                        class="styles__9pjq8o1"
+                        height="16"
+                        rx="0.125rem"
+                        stroke-width="2"
+                        width="16"
+                        x="4"
+                        y="4"
+                      />
+                      <path
+                        clip-rule="evenodd"
+                        d="M15.6678 5.26709C16.0849 5.6463 16.113 6.28907 15.7307 6.70276L9.29172 13.6705C9.10291 13.8748 8.83818 13.9937 8.55884 13.9998C8.2795 14.0058 8.0098 13.8984 7.81223 13.7024L4.30004 10.2185C3.89999 9.82169 3.89999 9.17831 4.30004 8.78149C4.70009 8.38467 5.34869 8.38467 5.74874 8.78149L8.50441 11.5149L14.2205 5.32951C14.6028 4.91583 15.2508 4.88788 15.6678 5.26709Z"
+                        fill="white"
+                        fill-rule="evenodd"
+                        height="9"
+                        width="12"
+                        x="5"
+                        y="4"
+                      />
+                    </g>
+                  </svg>
+                </div>
+              </div>
+            </th>
+            <th
+              class="styles__inoh545"
+              style="--_1431nf60: 33%; --_1431nf62: 33%; --_1431nf61: 33%;"
+              tabindex="-1"
+            >
+              <div
+                class="styles__toi52u0 styles_alignItems_center_xxsmall__toi52u3d styles_flexDirection_row_xxsmall__toi52u2j styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.5rem_xxsmall__toi52u7 styles_justifyContent_normal_xxsmall__toi52u5d"
+              >
+                width
+              </div>
+            </th>
+            <th
+              class="styles__inoh545"
+              style="--_1431nf60: 100px; --_1431nf62: 0; --_1431nf61: 100px;"
+              tabindex="-1"
+            >
+              <div
+                class="styles__toi52u0 styles_alignItems_center_xxsmall__toi52u3d styles_flexDirection_row_xxsmall__toi52u2j styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.5rem_xxsmall__toi52u7 styles_justifyContent_normal_xxsmall__toi52u5d"
+              >
+                width
+              </div>
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
+            id="skeleton-0"
+            role="row"
+          >
+            <td />
+            <td
+              class="styles__inoh54k styles__inoh54l"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+            <td
+              class="styles__inoh54k styles__inoh54l"
+              style="--_1431nf64: 100px; --_1431nf66: 100px; --_1431nf65: 100px; --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v));"
+            >
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
+            </td>
+          </tr>
+          <tr
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
+            id="skeleton-1"
+            role="row"
+          >
+            <td />
+            <td
+              class="styles__inoh54k styles__inoh54l"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
             >
-              Row 9 Column 2
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
             </td>
             <td
-              class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+              class="styles__inoh54k styles__inoh54l"
+              style="--_1431nf64: 100px; --_1431nf66: 100px; --_1431nf65: 100px; --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
-              Row 9 Column 3
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
             </td>
+          </tr>
+          <tr
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
+            id="skeleton-2"
+            role="row"
+          >
+            <td />
             <td
-              class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+              class="styles__inoh54k styles__inoh54l"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
             >
-              Row 9 Column 4
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
             </td>
             <td
-              class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+              class="styles__inoh54k styles__inoh54l"
+              style="--_1431nf64: 100px; --_1431nf66: 100px; --_1431nf65: 100px; --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
-              Row 9 Column 5
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
             </td>
           </tr>
           <tr
-            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e"
-            data-highlight="false"
-            tabindex="-1"
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
+            id="skeleton-3"
+            role="row"
           >
+            <td />
             <td
-              class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
-            >
-              Row 10 Column 1
-            </td>
-            <td
-              class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+              class="styles__inoh54k styles__inoh54l"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
             >
-              Row 10 Column 2
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
             </td>
             <td
-              class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+              class="styles__inoh54k styles__inoh54l"
+              style="--_1431nf64: 100px; --_1431nf66: 100px; --_1431nf65: 100px; --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
-              Row 10 Column 3
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
             </td>
+          </tr>
+          <tr
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
+            id="skeleton-4"
+            role="row"
+          >
+            <td />
             <td
-              class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+              class="styles__inoh54k styles__inoh54l"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
             >
-              Row 10 Column 4
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
             </td>
             <td
-              class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+              class="styles__inoh54k styles__inoh54l"
+              style="--_1431nf64: 100px; --_1431nf66: 100px; --_1431nf65: 100px; --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(100px - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
-              Row 10 Column 5
+              <div
+                aria-busy="true"
+                aria-live="polite"
+                class="styles__inoh54q styles__c2hb451"
+              >
+                <div
+                  class="stylesVariants__fr4c0td"
+                  style="--fr4c0t1: 7.5rem;"
+                />
+                <div
+                  class="styles__c2hb452"
+                />
+              </div>
             </td>
           </tr>
         </tbody>
@@ -2701,8 +3333,8 @@ exports[`list > should render correctly with info 1`] = `
               >
                 Column 1
                 <div
-                  aria-controls="_r_ab_"
-                  aria-describedby="_r_ab_"
+                  aria-controls="_r_ad_"
+                  aria-describedby="_r_ad_"
                   class="styles__w40vpo9"
                   tabindex="0"
                 >
@@ -2728,8 +3360,8 @@ exports[`list > should render correctly with info 1`] = `
               >
                 Column 2
                 <div
-                  aria-controls="_r_ac_"
-                  aria-describedby="_r_ac_"
+                  aria-controls="_r_ae_"
+                  aria-describedby="_r_ae_"
                   class="styles__w40vpo9"
                   tabindex="0"
                 >
@@ -2755,8 +3387,8 @@ exports[`list > should render correctly with info 1`] = `
               >
                 Column 3
                 <div
-                  aria-controls="_r_ad_"
-                  aria-describedby="_r_ad_"
+                  aria-controls="_r_af_"
+                  aria-describedby="_r_af_"
                   class="styles__w40vpo9"
                   tabindex="0"
                 >
@@ -2782,8 +3414,8 @@ exports[`list > should render correctly with info 1`] = `
               >
                 Column 4
                 <div
-                  aria-controls="_r_ae_"
-                  aria-describedby="_r_ae_"
+                  aria-controls="_r_ag_"
+                  aria-describedby="_r_ag_"
                   class="styles__w40vpo9"
                   tabindex="0"
                 >
@@ -2809,8 +3441,8 @@ exports[`list > should render correctly with info 1`] = `
               >
                 Column 5
                 <div
-                  aria-controls="_r_af_"
-                  aria-describedby="_r_af_"
+                  aria-controls="_r_ah_"
+                  aria-describedby="_r_ah_"
                   class="styles__w40vpo9"
                   tabindex="0"
                 >
@@ -3303,7 +3935,7 @@ exports[`list > should render correctly with isExpandable and autoClose rows the
             </td>
           </tr>
           <tr
-            aria-controls="_r_6j_"
+            aria-controls="_r_6l_"
             aria-expanded="true"
             class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e"
             data-highlight="false"
@@ -3345,10 +3977,10 @@ exports[`list > should render correctly with isExpandable and autoClose rows the
             class="styles__inoh548"
             data-expandable-content="true"
             data-highlight="false"
-            id="_r_6j_"
+            id="_r_6l_"
           >
             <td
-              class="styles__inoh54n styles__inoh54k"
+              class="styles__inoh54o styles__inoh54k"
               colspan="5"
               style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto; --_1431nf63: var(--rwwhsl9v);"
             >
@@ -4182,7 +4814,7 @@ exports[`list > should render correctly with loading 1`] = `
         </thead>
         <tbody>
           <tr
-            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
             id="skeleton-0"
             role="row"
           >
@@ -4193,7 +4825,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4211,7 +4843,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4229,7 +4861,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4247,7 +4879,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4265,7 +4897,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4278,7 +4910,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
           </tr>
           <tr
-            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
             id="skeleton-1"
             role="row"
           >
@@ -4289,7 +4921,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4307,7 +4939,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4325,7 +4957,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4343,7 +4975,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4361,7 +4993,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4374,7 +5006,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
           </tr>
           <tr
-            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
             id="skeleton-2"
             role="row"
           >
@@ -4385,7 +5017,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4403,7 +5035,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4421,7 +5053,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4439,7 +5071,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4457,7 +5089,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4470,7 +5102,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
           </tr>
           <tr
-            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
             id="skeleton-3"
             role="row"
           >
@@ -4481,7 +5113,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4499,7 +5131,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4517,7 +5149,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4535,7 +5167,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4553,7 +5185,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4566,7 +5198,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
           </tr>
           <tr
-            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
             id="skeleton-4"
             role="row"
           >
@@ -4577,7 +5209,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4595,7 +5227,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4613,7 +5245,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4631,7 +5263,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4649,7 +5281,7 @@ exports[`list > should render correctly with loading 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5107,7 +5739,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
         </thead>
         <tbody>
           <tr
-            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
             id="skeleton-0"
             role="row"
           >
@@ -5119,7 +5751,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5137,7 +5769,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5155,7 +5787,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5173,7 +5805,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5191,7 +5823,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5204,7 +5836,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
           </tr>
           <tr
-            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
             id="skeleton-1"
             role="row"
           >
@@ -5216,7 +5848,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5234,7 +5866,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5252,7 +5884,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5270,7 +5902,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5288,7 +5920,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5301,7 +5933,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
           </tr>
           <tr
-            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
             id="skeleton-2"
             role="row"
           >
@@ -5313,7 +5945,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5331,7 +5963,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5349,7 +5981,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5367,7 +5999,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5385,7 +6017,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5398,7 +6030,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
           </tr>
           <tr
-            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
             id="skeleton-3"
             role="row"
           >
@@ -5410,7 +6042,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5428,7 +6060,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5446,7 +6078,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5464,7 +6096,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5482,7 +6114,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5495,7 +6127,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
             </td>
           </tr>
           <tr
-            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
             id="skeleton-4"
             role="row"
           >
@@ -5507,7 +6139,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5525,7 +6157,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5543,7 +6175,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5561,7 +6193,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5579,7 +6211,7 @@ exports[`list > should render correctly with loading with selectable 1`] = `
               <div
                 aria-busy="true"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -6160,11 +6792,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -6249,11 +6881,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -6338,11 +6970,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -6427,11 +7059,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -6516,11 +7148,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -6605,11 +7237,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -6694,11 +7326,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -6783,11 +7415,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -6872,11 +7504,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -6961,11 +7593,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -7084,7 +7716,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select all"
                     class="styles__9pjq8o5"
-                    id="_r_3a_"
+                    id="_r_3c_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="all"
@@ -7178,11 +7810,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -7195,7 +7827,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_3e_"
+                    id="_r_3g_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="1"
@@ -7267,11 +7899,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -7284,7 +7916,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_3i_"
+                    id="_r_3k_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="2"
@@ -7356,11 +7988,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -7373,7 +8005,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_3m_"
+                    id="_r_3o_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="3"
@@ -7445,11 +8077,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -7462,7 +8094,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_3q_"
+                    id="_r_3s_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="4"
@@ -7534,11 +8166,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -7551,7 +8183,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_3u_"
+                    id="_r_40_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="5"
@@ -7623,11 +8255,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -7640,7 +8272,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_42_"
+                    id="_r_44_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="6"
@@ -7712,11 +8344,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -7729,7 +8361,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_46_"
+                    id="_r_48_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="7"
@@ -7801,11 +8433,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -7818,7 +8450,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_4a_"
+                    id="_r_4c_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="8"
@@ -7890,11 +8522,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -7907,7 +8539,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_4e_"
+                    id="_r_4g_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="9"
@@ -7979,11 +8611,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -7996,7 +8628,7 @@ exports[`list > should render correctly with selectable then click on first row
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_4i_"
+                    id="_r_4k_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="10"
@@ -8102,7 +8734,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select all"
                     class="styles__9pjq8o5"
-                    id="_r_aq_"
+                    id="_r_as_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="all"
@@ -8194,11 +8826,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -8211,7 +8843,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_au_"
+                    id="_r_b0_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="1"
@@ -8283,11 +8915,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -8300,7 +8932,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_b2_"
+                    id="_r_b4_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="2"
@@ -8372,11 +9004,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -8389,7 +9021,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_b6_"
+                    id="_r_b8_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="3"
@@ -8461,11 +9093,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -8478,7 +9110,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_ba_"
+                    id="_r_bc_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="4"
@@ -8550,11 +9182,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -8567,7 +9199,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_be_"
+                    id="_r_bg_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="5"
@@ -8639,11 +9271,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -8656,7 +9288,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_bi_"
+                    id="_r_bk_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="6"
@@ -8728,11 +9360,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -8745,7 +9377,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_bm_"
+                    id="_r_bo_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="7"
@@ -8817,11 +9449,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -8834,7 +9466,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_bq_"
+                    id="_r_bs_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="8"
@@ -8906,11 +9538,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -8923,7 +9555,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_bu_"
+                    id="_r_c0_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="9"
@@ -8995,11 +9627,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
+              class="styles__inoh54n styles__inoh54k"
               style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: var(--rwwhsl9f); --_1431nf65: var(--rwwhsl9f); --_1431nf67: calc(var(--_1431nf64) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf68: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v)); --_1431nf69: calc(var(--rwwhsl9f) - var(--rwwhsl9v) - var(--rwwhsl9v));"
             >
               <div
-                class="styles__inoh54l"
+                class="styles__inoh54m"
               >
                 <div
                   aria-disabled="false"
@@ -9012,7 +9644,7 @@ exports[`list > should render correctly with selectable with shift click for mul
                     aria-invalid="false"
                     aria-label="select"
                     class="styles__9pjq8o5"
-                    id="_r_c2_"
+                    id="_r_c4_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="10"
diff --git a/packages/ui/src/components/List/__tests__/index.test.tsx b/packages/ui/src/components/List/__tests__/index.test.tsx
index ac6c2e2a78..a27b566f35 100644
--- a/packages/ui/src/components/List/__tests__/index.test.tsx
+++ b/packages/ui/src/components/List/__tests__/index.test.tsx
@@ -184,7 +184,7 @@ describe('list', () => {
       </List>,
     ))
 
-  test('should render correctly with loading with column width', () =>
+  test('should render correctly with column width', () =>
     shouldMatchSnapshot(
       <List columns={[columnWidthPercent, columnWidthPx]} loading selectable>
         {data.map(({ id, columnA, columnB }) => (
@@ -196,6 +196,22 @@ describe('list', () => {
       </List>,
     ))
 
+  test('should render correctly with column width and colMode strict', () =>
+    shouldMatchSnapshot(
+      <List
+        colMode="strict"
+        columns={[columnWidthPercent, columnWidthPx]}
+        loading
+        selectable
+      >
+        {data.map(({ id, columnA, columnB }) => (
+          <List.Row id={id} key={id}>
+            <List.Cell>{columnA}</List.Cell>
+            <List.Cell>{columnB}</List.Cell>
+          </List.Row>
+        ))}
+      </List>,
+    ))
   test('should render correctly with disabled rows', () =>
     shouldMatchSnapshot(
       <List columns={columns}>
diff --git a/packages/ui/src/components/List/index.tsx b/packages/ui/src/components/List/index.tsx
index 36d9537db0..1e76dae96f 100644
--- a/packages/ui/src/components/List/index.tsx
+++ b/packages/ui/src/components/List/index.tsx
@@ -33,6 +33,12 @@ type ListProps = {
   onSelectedChange?: Dispatch<SetStateAction<string[]>>
   className?: string
   style?: CSSProperties
+  /**
+   * when set to strict, when a column width, minWidth or maxWidth is defined
+   * it will forcefully resize each cell to have the correct width
+   * @deprecated in the future list will automatically have a strict mode.
+   */
+  colMode?: 'strict' | 'flexible'
 }
 
 const TableContainer = ({ children }: { children: ReactNode }) => {
@@ -66,11 +72,13 @@ const BaseList = forwardRef<HTMLTableElement, ListProps>(
       onSelectedChange,
       className,
       style,
+      colMode = 'flexible',
     },
     ref,
   ) => (
     <ListProvider
       autoCollapse={autoCollapse}
+      colMode={colMode}
       columns={columns}
       expandButton={expandable}
       onSelectedChange={onSelectedChange}
diff --git a/packages/ui/src/components/List/styles.css.ts b/packages/ui/src/components/List/styles.css.ts
index 19dc5c7cd1..f6df82f0ab 100644
--- a/packages/ui/src/components/List/styles.css.ts
+++ b/packages/ui/src/components/List/styles.css.ts
@@ -234,7 +234,9 @@ export const listCell = style({
   },
 })
 
-globalStyle(`${listCell} > *`, {
+export const listCellStrict = style({})
+
+globalStyle(`${listCellStrict} > *`, {
   width: widthChildrenCell,
   maxWidth: maxWidthChildrenCell,
   minWidth: minWidthChildrenCell,
diff --git a/packages/ui/src/components/Table/__tests__/__snapshots__/index.test.tsx.snap b/packages/ui/src/components/Table/__tests__/__snapshots__/index.test.tsx.snap
index 0adff8d30a..6213aceb76 100644
--- a/packages/ui/src/components/Table/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/ui/src/components/Table/__tests__/__snapshots__/index.test.tsx.snap
@@ -3120,7 +3120,7 @@ exports[`table > should render correctly with selectable and shift click 1`] = `
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -3214,7 +3214,7 @@ exports[`table > should render correctly with selectable and shift click 1`] = `
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -3308,7 +3308,7 @@ exports[`table > should render correctly with selectable and shift click 1`] = `
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -3402,7 +3402,7 @@ exports[`table > should render correctly with selectable and shift click 1`] = `
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -3496,7 +3496,7 @@ exports[`table > should render correctly with selectable and shift click 1`] = `
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -3590,7 +3590,7 @@ exports[`table > should render correctly with selectable and shift click 1`] = `
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -3684,7 +3684,7 @@ exports[`table > should render correctly with selectable and shift click 1`] = `
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -3778,7 +3778,7 @@ exports[`table > should render correctly with selectable and shift click 1`] = `
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -3872,7 +3872,7 @@ exports[`table > should render correctly with selectable and shift click 1`] = `
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -3966,7 +3966,7 @@ exports[`table > should render correctly with selectable and shift click 1`] = `
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -4196,7 +4196,7 @@ exports[`table > should render correctly with selectable then click on first row
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -4290,7 +4290,7 @@ exports[`table > should render correctly with selectable then click on first row
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -4384,7 +4384,7 @@ exports[`table > should render correctly with selectable then click on first row
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -4478,7 +4478,7 @@ exports[`table > should render correctly with selectable then click on first row
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -4572,7 +4572,7 @@ exports[`table > should render correctly with selectable then click on first row
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -4666,7 +4666,7 @@ exports[`table > should render correctly with selectable then click on first row
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -4760,7 +4760,7 @@ exports[`table > should render correctly with selectable then click on first row
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -4854,7 +4854,7 @@ exports[`table > should render correctly with selectable then click on first row
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -4948,7 +4948,7 @@ exports[`table > should render correctly with selectable then click on first row
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div
@@ -5042,7 +5042,7 @@ exports[`table > should render correctly with selectable then click on first row
           >
             <td
               align="left"
-              class="styles__inoh54m styles__1cpcscz4 styles_align_left__1cpcscz5"
+              class="styles__inoh54n styles__1cpcscz4 styles_align_left__1cpcscz5"
               style="--z5q4ow3: var(--rwwhsl9f); --z5q4ow5: auto; --z5q4ow4: none;"
             >
               <div

From 89f5298e0d6f42af2dff62aaa9e70c6d67d3af97 Mon Sep 17 00:00:00 2001
From: Dorian Maliszewski <maliszewskid3@gmail.com>
Date: Tue, 16 Dec 2025 16:20:51 +0100
Subject: [PATCH 4/4] style: make colMode deprecated

---
 packages/ui/src/components/List/index.tsx | 31 +++++++++++++++++------
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/packages/ui/src/components/List/index.tsx b/packages/ui/src/components/List/index.tsx
index 1e76dae96f..6d70f77853 100644
--- a/packages/ui/src/components/List/index.tsx
+++ b/packages/ui/src/components/List/index.tsx
@@ -1,7 +1,13 @@
 'use client'
 
 import { cn } from '@ultraviolet/themes'
-import type { CSSProperties, Dispatch, ReactNode, SetStateAction } from 'react'
+import type {
+  CSSProperties,
+  Dispatch,
+  ReactNode,
+  RefAttributes,
+  SetStateAction,
+} from 'react'
 import { Children, forwardRef, useEffect, useState } from 'react'
 import { Cell } from './Cell'
 import { HeaderCell } from './HeaderCell'
@@ -33,12 +39,17 @@ type ListProps = {
   onSelectedChange?: Dispatch<SetStateAction<string[]>>
   className?: string
   style?: CSSProperties
+  colMode: 'strict' | 'flexible' | undefined
+}
+
+type NewListProps = Omit<ListProps, 'colMode'> & {
+  colMode: 'strict'
+}
+type LegacyListProps = Omit<ListProps, 'colMode'> & {
   /**
-   * when set to strict, when a column width, minWidth or maxWidth is defined
-   * it will forcefully resize each cell to have the correct width
-   * @deprecated in the future list will automatically have a strict mode.
+   * @deprecated use `colMode="strict"` instead
    */
-  colMode?: 'strict' | 'flexible'
+  colMode?: 'flexible' | undefined
 }
 
 const TableContainer = ({ children }: { children: ReactNode }) => {
@@ -60,7 +71,7 @@ const TableContainer = ({ children }: { children: ReactNode }) => {
   return <div className={listContainer}>{children}</div>
 }
 
-const BaseList = forwardRef<HTMLTableElement, ListProps>(
+const BaseList = forwardRef<HTMLTableElement, NewListProps | LegacyListProps>(
   (
     {
       expandable = false,
@@ -122,8 +133,12 @@ const BaseList = forwardRef<HTMLTableElement, ListProps>(
 /**
  * List is a component that displays a list of items based on the columns you provide and the data you pass.
  */
-
-type ListType = typeof BaseList & {
+type ListType = {
+  (props: NewListProps & RefAttributes<HTMLTableElement>): ReactNode
+  /**
+   * @deprecated Use `colMode="strict"`
+   */
+  (props: LegacyListProps & RefAttributes<HTMLTableElement>): ReactNode
   Cell: typeof Cell
   Row: typeof Row
   SelectBar: typeof SelectBar