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..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
@@ -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>
@@ -3114,9 +3114,9 @@ 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_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>
@@ -3244,9 +3244,9 @@ 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_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>
@@ -3374,9 +3374,9 @@ 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_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>
@@ -3504,9 +3504,9 @@ 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_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>
@@ -3634,9 +3634,9 @@ 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_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>
@@ -3764,9 +3764,9 @@ 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_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>
@@ -3894,9 +3894,9 @@ 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_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>
@@ -4024,9 +4024,9 @@ 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_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..c2592fff5b 100644
--- a/packages/ui/src/components/List/Cell.tsx
+++ b/packages/ui/src/components/List/Cell.tsx
@@ -5,8 +5,17 @@ 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 { maxWidthCell, minWidthCell, widthCell } from './variables.css'
+import { useListContext } from './ListContext'
+import { listCell, listCellStrict } from './styles.css'
+import {
+  listCellPadding,
+  maxWidthCell,
+  maxWidthChildrenCell,
+  minWidthCell,
+  minWidthChildrenCell,
+  widthCell,
+  widthChildrenCell,
+} from './variables.css'
 
 type CellProps = {
   children?: ReactNode
@@ -18,19 +27,41 @@ 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 { colMode } = useListContext()
+    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
-        className={cn(className, listCell)}
+        className={cn(
+          className,
+          listCell,
+          colMode === 'strict' ? listCellStrict : '',
+        )}
         colSpan={colSpan}
         data-testid={dataTestid}
         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/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 af26e9d381..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
@@ -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>
@@ -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_a3_"
             aria-expanded="true"
             class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e"
             data-highlight="false"
@@ -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>
@@ -557,12 +557,12 @@ 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_a3_"
           >
             <td
-              class="styles__inoh54n styles__inoh54k"
+              class="styles__inoh54o 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,69 +1705,701 @@ 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>
           </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"
+            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%;"
+            >
+              <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-2"
+            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-3"
+            role="row"
           >
+            <td />
             <td
-              class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
-            >
-              Row 10 Column 1
-            </td>
-            <td
-              class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              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;"
+              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;"
+              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;"
+              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>
@@ -1853,31 +2485,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 +2522,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 +2559,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 +2596,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 +2633,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 +2670,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 +2707,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 +2744,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 +2781,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 +2818,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 +2931,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 +2969,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 +3007,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 +3045,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 +3083,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 +3121,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 +3159,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 +3197,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 +3235,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 +3273,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>
@@ -2701,8 +3333,8 @@ exports[`list > should render correctly with info 1`] = `
               >
                 Column 1
                 <div
-                  aria-controls="_r_a9_"
-                  aria-describedby="_r_a9_"
+                  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_aa_"
-                  aria-describedby="_r_aa_"
+                  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_ab_"
-                  aria-describedby="_r_ab_"
+                  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_ac_"
-                  aria-describedby="_r_ac_"
+                  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_ad_"
-                  aria-describedby="_r_ad_"
+                  aria-controls="_r_ah_"
+                  aria-describedby="_r_ah_"
                   class="styles__w40vpo9"
                   tabindex="0"
                 >
@@ -2837,31 +3469,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 +3505,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 +3541,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 +3577,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 +3613,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 +3649,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 +3685,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 +3721,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 +3757,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 +3793,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,37 +3905,37 @@ 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>
           </tr>
           <tr
-            aria-controls="_r_6h_"
+            aria-controls="_r_6l_"
             aria-expanded="true"
             class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e"
             data-highlight="false"
@@ -3312,31 +3944,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>
@@ -3345,12 +3977,12 @@ 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_6l_"
           >
             <td
-              class="styles__inoh54n styles__inoh54k"
+              class="styles__inoh54o 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 +3995,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 +4032,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 +4069,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 +4106,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 +4143,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 +4180,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 +4217,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 +4254,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 +4367,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 +4405,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 +4443,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 +4481,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 +4519,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 +4557,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 +4595,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 +4633,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 +4671,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 +4709,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>
@@ -4182,18 +4814,210 @@ exports[`list > should render correctly with loading 1`] = `
         </thead>
         <tbody>
           <tr
-            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
-            id="skeleton-0"
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
+            id="skeleton-0"
+            role="row"
+          >
+            <td
+              class="styles__inoh54k"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+            >
+              <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;"
+            >
+              <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;"
+            >
+              <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;"
+            >
+              <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;"
+            >
+              <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
+              class="styles__inoh54k"
+              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none; --_1431nf67: auto; --_1431nf68: none; --_1431nf69: auto;"
+            >
+              <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;"
+            >
+              <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;"
+            >
+              <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;"
+            >
+              <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;"
+            >
+              <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
               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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4206,12 +5030,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4224,12 +5048,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4242,12 +5066,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4260,12 +5084,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4278,18 +5102,18 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
           </tr>
           <tr
-            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
-            id="skeleton-1"
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
+            id="skeleton-3"
             role="row"
           >
             <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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4302,12 +5126,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4320,12 +5144,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4338,12 +5162,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4356,12 +5180,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4374,18 +5198,18 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
           </tr>
           <tr
-            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
-            id="skeleton-2"
+            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54p"
+            id="skeleton-4"
             role="row"
           >
             <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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4398,12 +5222,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4416,12 +5240,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4434,12 +5258,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4452,12 +5276,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4469,14 +5293,116 @@ exports[`list > should render correctly with loading 1`] = `
               </div>
             </td>
           </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</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-3"
+            id="skeleton-0"
             role="row"
           >
+            <td />
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
             >
               <div
                 aria-busy="true"
@@ -4494,7 +5420,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -4510,9 +5436,16 @@ exports[`list > should render correctly with loading 1`] = `
                 />
               </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: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
             >
               <div
                 aria-busy="true"
@@ -4530,7 +5463,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -4546,9 +5479,16 @@ exports[`list > should render correctly with loading 1`] = `
                 />
               </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: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
             >
               <div
                 aria-busy="true"
@@ -4564,15 +5504,9 @@ exports[`list > should render correctly with loading 1`] = `
                 />
               </div>
             </td>
-          </tr>
-          <tr
-            class="styles__inoh54b styles__inoh54a styles_sentiment_neutral__inoh54e styles__inoh54o"
-            id="skeleton-4"
-            role="row"
-          >
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -4588,9 +5522,16 @@ exports[`list > should render correctly with loading 1`] = `
                 />
               </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: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
             >
               <div
                 aria-busy="true"
@@ -4608,7 +5549,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -4624,9 +5565,16 @@ exports[`list > should render correctly with loading 1`] = `
                 />
               </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: auto; --_1431nf66: auto; --_1431nf65: none;"
+              style="--_1431nf64: 33%; --_1431nf66: 33%; --_1431nf65: 33%; --_1431nf67: 100%; --_1431nf68: 100%; --_1431nf69: 100%;"
             >
               <div
                 aria-busy="true"
@@ -4644,7 +5592,7 @@ exports[`list > should render correctly with loading 1`] = `
             </td>
             <td
               class="styles__inoh54k"
-              style="--_1431nf64: auto; --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -4791,19 +5739,19 @@ 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"
           >
             <td />
             <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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4816,12 +5764,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4834,12 +5782,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4852,12 +5800,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4870,12 +5818,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4888,19 +5836,19 @@ 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"
           >
             <td />
             <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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4913,12 +5861,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4931,12 +5879,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4949,12 +5897,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4967,12 +5915,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -4985,19 +5933,19 @@ 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"
           >
             <td />
             <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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5010,12 +5958,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5028,12 +5976,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5046,12 +5994,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5064,12 +6012,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5082,19 +6030,19 @@ 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"
           >
             <td />
             <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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5107,12 +6055,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5125,12 +6073,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5143,12 +6091,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5161,12 +6109,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5179,19 +6127,19 @@ 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"
           >
             <td />
             <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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5204,12 +6152,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5222,12 +6170,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5240,12 +6188,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5258,12 +6206,12 @@ 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"
                 aria-live="polite"
-                class="styles__inoh54p styles__c2hb451"
+                class="styles__inoh54q styles__c2hb451"
               >
                 <div
                   class="stylesVariants__fr4c0td"
@@ -5357,31 +6305,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 +6341,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 +6377,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 +6413,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 +6449,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 +6485,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 +6521,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 +6557,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 +6593,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 +6629,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>
@@ -5844,11 +6792,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -5898,31 +6846,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>
@@ -5933,11 +6881,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -5987,31 +6935,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>
@@ -6022,11 +6970,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -6076,31 +7024,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>
@@ -6111,11 +7059,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -6165,31 +7113,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>
@@ -6200,11 +7148,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -6254,31 +7202,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>
@@ -6289,11 +7237,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -6343,31 +7291,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>
@@ -6378,11 +7326,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -6432,31 +7380,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>
@@ -6467,11 +7415,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -6521,31 +7469,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>
@@ -6556,11 +7504,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -6610,31 +7558,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>
@@ -6645,11 +7593,11 @@ exports[`list > should render correctly with selectable 1`] = `
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -6699,31 +7647,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>
@@ -6768,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_38_"
+                    id="_r_3c_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="all"
@@ -6862,11 +7810,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -6879,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_3c_"
+                    id="_r_3g_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="1"
@@ -6916,31 +7864,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>
@@ -6951,11 +7899,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -6968,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_3g_"
+                    id="_r_3k_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="2"
@@ -7005,31 +7953,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>
@@ -7040,11 +7988,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -7057,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_3k_"
+                    id="_r_3o_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="3"
@@ -7094,31 +8042,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>
@@ -7129,11 +8077,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -7146,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_3o_"
+                    id="_r_3s_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="4"
@@ -7183,31 +8131,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>
@@ -7218,11 +8166,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -7235,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_3s_"
+                    id="_r_40_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="5"
@@ -7272,31 +8220,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>
@@ -7307,11 +8255,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -7324,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_40_"
+                    id="_r_44_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="6"
@@ -7361,31 +8309,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>
@@ -7396,11 +8344,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -7413,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_44_"
+                    id="_r_48_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="7"
@@ -7450,31 +8398,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>
@@ -7485,11 +8433,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -7502,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_48_"
+                    id="_r_4c_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="8"
@@ -7539,31 +8487,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>
@@ -7574,11 +8522,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -7591,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_4c_"
+                    id="_r_4g_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="9"
@@ -7628,31 +8576,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>
@@ -7663,11 +8611,11 @@ exports[`list > should render correctly with selectable then click on first row
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -7680,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_4g_"
+                    id="_r_4k_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="10"
@@ -7717,31 +8665,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>
@@ -7786,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_ao_"
+                    id="_r_as_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="all"
@@ -7878,11 +8826,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -7895,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_as_"
+                    id="_r_b0_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="1"
@@ -7932,31 +8880,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>
@@ -7967,11 +8915,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -7984,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_b0_"
+                    id="_r_b4_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="2"
@@ -8021,31 +8969,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>
@@ -8056,11 +9004,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -8073,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_b4_"
+                    id="_r_b8_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="3"
@@ -8110,31 +9058,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>
@@ -8145,11 +9093,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -8162,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_b8_"
+                    id="_r_bc_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="4"
@@ -8199,31 +9147,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>
@@ -8234,11 +9182,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -8251,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_bc_"
+                    id="_r_bg_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="5"
@@ -8288,31 +9236,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>
@@ -8323,11 +9271,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -8340,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_bg_"
+                    id="_r_bk_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="6"
@@ -8377,31 +9325,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>
@@ -8412,11 +9360,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -8429,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_bk_"
+                    id="_r_bo_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="7"
@@ -8466,31 +9414,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>
@@ -8501,11 +9449,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -8518,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_bo_"
+                    id="_r_bs_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="8"
@@ -8555,31 +9503,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>
@@ -8590,11 +9538,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -8607,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_bs_"
+                    id="_r_c0_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="9"
@@ -8644,31 +9592,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>
@@ -8679,11 +9627,11 @@ exports[`list > should render correctly with selectable with shift click for mul
             tabindex="-1"
           >
             <td
-              class="styles__inoh54m styles__inoh54k"
-              style="--_1431nf64: var(--rwwhsl9f); --_1431nf66: auto; --_1431nf65: none;"
+              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"
@@ -8696,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_c0_"
+                    id="_r_c4_"
                     name="list-select-checkbox"
                     type="checkbox"
                     value="10"
@@ -8733,31 +9681,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 +9794,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 +9832,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 +9870,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 +9908,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 +9946,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 +9984,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 +10022,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 +10060,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 +10098,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 +10136,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 +10247,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 +10283,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 +10319,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 +10355,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 +10391,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 +10427,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 +10463,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 +10499,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 +10535,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 +10571,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 +10734,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 +10770,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 +10806,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 +10842,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 +10878,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 +10914,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 +10950,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 +10986,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 +11022,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 +11058,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/__tests__/index.test.tsx b/packages/ui/src/components/List/__tests__/index.test.tsx
index c982b870db..a27b566f35 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,34 @@ describe('list', () => {
       </List>,
     ))
 
+  test('should render correctly 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 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..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,6 +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'> & {
+  /**
+   * @deprecated use `colMode="strict"` instead
+   */
+  colMode?: 'flexible' | undefined
 }
 
 const TableContainer = ({ children }: { children: ReactNode }) => {
@@ -54,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,
@@ -66,11 +83,13 @@ const BaseList = forwardRef<HTMLTableElement, ListProps>(
       onSelectedChange,
       className,
       style,
+      colMode = 'flexible',
     },
     ref,
   ) => (
     <ListProvider
       autoCollapse={autoCollapse}
+      colMode={colMode}
       columns={columns}
       expandButton={expandable}
       onSelectedChange={onSelectedChange}
@@ -114,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
diff --git a/packages/ui/src/components/List/styles.css.ts b/packages/ui/src/components/List/styles.css.ts
index 2c47c9cab9..f6df82f0ab 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 = {
@@ -232,11 +234,12 @@ 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})`,
+export const listCellStrict = style({})
+
+globalStyle(`${listCellStrict} > *`, {
+  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,
       }}
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