@run-ai-dev/styles 1.0.2 → 1.0.4

package/src/index.css

@@ -93,7 +93,6 @@
         --text-28: 28px;
         --leading-28: 36px;
         --text-32: 32px;
-        --leading-32: 40px;
         --text-40: 40px;
         --leading-40: 50px;
         --radius-20: 20px;
@@ -366,10 +365,6 @@
         border-width: 0;
     }
 
-    .\!absolute {
-        position: absolute !important;
-    }
-
     .absolute {
         position: absolute;
     }
@@ -382,12 +377,8 @@
         position: relative;
     }
 
-    .\!top-\[-120px\] {
-        top: -120px !important;
-    }
-
-    .\!top-\[initial\] {
-        top: initial !important;
+    .sticky {
+        position: sticky;
     }
 
     .-top-2\.5 {
@@ -462,46 +453,14 @@
         top: -165px;
     }
 
-    .top-\[-470px\] {
-        top: -470px;
-    }
-
-    .top-\[1px\] {
-        top: 1px;
-    }
-
     .top-\[5px\] {
         top: 5px;
     }
 
-    .top-\[10px\] {
-        top: 10px;
-    }
-
-    .top-\[13px\] {
-        top: 13px;
-    }
-
     .top-full {
         top: 100%;
     }
 
-    .\!right-0 {
-        right: calc(var(--spacing) * 0) !important;
-    }
-
-    .\!right-\[-120px\] {
-        right: -120px !important;
-    }
-
-    .\!right-\[-270px\] {
-        right: -270px !important;
-    }
-
-    .\!right-\[100px\] {
-        right: 100px !important;
-    }
-
     .-right-2\.5 {
         right: calc(var(--spacing) * -2.5);
     }
@@ -538,30 +497,10 @@
         right: calc(var(--spacing) * 25);
     }
 
-    .right-\[-50px\] {
-        right: -50px;
-    }
-
-    .right-\[-336px\] {
-        right: -336px;
-    }
-
-    .right-\[1px\] {
-        right: 1px;
-    }
-
     .right-\[5px\] {
         right: 5px;
     }
 
-    .right-\[10px\] {
-        right: 10px;
-    }
-
-    .\!bottom-\[30px\] {
-        bottom: 30px !important;
-    }
-
     .-bottom-\[19px\] {
         bottom: calc(19px * -1);
     }
@@ -590,22 +529,6 @@
         bottom: calc(var(--spacing) * 41.5);
     }
 
-    .bottom-\[-14px\] {
-        bottom: -14px;
-    }
-
-    .bottom-\[10px\] {
-        bottom: 10px;
-    }
-
-    .bottom-\[15px\] {
-        bottom: 15px;
-    }
-
-    .bottom-\[165px\] {
-        bottom: 165px;
-    }
-
     .-left-1 {
         left: calc(var(--spacing) * -1);
     }
@@ -642,14 +565,6 @@
         left: -20px;
     }
 
-    .left-\[-432px\] {
-        left: -432px;
-    }
-
-    .left-\[16px\] {
-        left: 16px;
-    }
-
     .left-\[50\%\] {
         left: 50%;
     }
@@ -778,18 +693,6 @@
         margin-top: 6vh;
     }
 
-    .mt-\[10px\] {
-        margin-top: 10px;
-    }
-
-    .mt-\[12px\] {
-        margin-top: 12px;
-    }
-
-    .mt-\[20px\] {
-        margin-top: 20px;
-    }
-
     .mt-\[25px\] {
         margin-top: 25px;
     }
@@ -798,14 +701,6 @@
         margin-top: 30px;
     }
 
-    .mt-\[40px\] {
-        margin-top: 40px;
-    }
-
-    .mt-\[60px\] {
-        margin-top: 60px;
-    }
-
     .mt-auto {
         margin-top: auto;
     }
@@ -814,10 +709,6 @@
         margin-right: calc(var(--spacing) * 2.5);
     }
 
-    .\!mb-0 {
-        margin-bottom: calc(var(--spacing) * 0) !important;
-    }
-
     .mb-1 {
         margin-bottom: calc(var(--spacing) * 1);
     }
@@ -826,6 +717,10 @@
         margin-bottom: calc(var(--spacing) * 1.5);
     }
 
+    .mb-2 {
+        margin-bottom: calc(var(--spacing) * 2);
+    }
+
     .mb-2\.5 {
         margin-bottom: calc(var(--spacing) * 2.5);
     }
@@ -846,22 +741,6 @@
         margin-bottom: calc(var(--spacing) * 7.5);
     }
 
-    .mb-\[5px\] {
-        margin-bottom: 5px;
-    }
-
-    .mb-\[6px\] {
-        margin-bottom: 6px;
-    }
-
-    .mb-\[10px\] {
-        margin-bottom: 10px;
-    }
-
-    .mb-\[30px\] {
-        margin-bottom: 30px;
-    }
-
     .-ml-6 {
         margin-left: calc(var(--spacing) * -6);
     }
@@ -874,14 +753,6 @@
         margin-left: calc(var(--spacing) * 4);
     }
 
-    .ml-\[-24px\] {
-        margin-left: -24px;
-    }
-
-    .ml-\[8px\] {
-        margin-left: 8px;
-    }
-
     .ml-auto {
         margin-left: auto;
     }
@@ -935,10 +806,6 @@
         display: table;
     }
 
-    .\!h-\[120px\] {
-        height: 120px !important;
-    }
-
     .\!h-full {
         height: 100% !important;
     }
@@ -1023,46 +890,6 @@
         height: calc(var(--spacing) * 60);
     }
 
-    .h-\[9px\] {
-        height: 9px;
-    }
-
-    .h-\[16px\] {
-        height: 16px;
-    }
-
-    .h-\[20px\] {
-        height: 20px;
-    }
-
-    .h-\[24px\] {
-        height: 24px;
-    }
-
-    .h-\[32px\] {
-        height: 32px;
-    }
-
-    .h-\[40px\] {
-        height: 40px;
-    }
-
-    .h-\[48px\] {
-        height: 48px;
-    }
-
-    .h-\[60px\] {
-        height: 60px;
-    }
-
-    .h-\[100\%\] {
-        height: 100%;
-    }
-
-    .h-\[100vh\] {
-        height: 100vh;
-    }
-
     .h-auto {
         height: auto;
     }
@@ -1091,46 +918,14 @@
         max-height: calc(var(--spacing) * 100);
     }
 
-    .max-h-\[200px\] {
-        max-height: 200px;
-    }
-
-    .max-h-\[262px\] {
-        max-height: 262px;
-    }
-
     .min-h-17\.5 {
         min-height: calc(var(--spacing) * 17.5);
     }
 
-    .min-h-\[70px\] {
-        min-height: 70px;
-    }
-
     .min-h-screen {
         min-height: 100vh;
     }
 
-    .\!w-\[130px\] {
-        width: 130px !important;
-    }
-
-    .\!w-\[220px\] {
-        width: 220px !important;
-    }
-
-    .\!w-\[260px\] {
-        width: 260px !important;
-    }
-
-    .\!w-\[300px\] {
-        width: 300px !important;
-    }
-
-    .\!w-full {
-        width: 100% !important;
-    }
-
     .w-2 {
         width: calc(var(--spacing) * 2);
     }
@@ -1231,46 +1026,6 @@
         width: calc(var(--spacing) * 87.5);
     }
 
-    .w-\[2\%\] {
-        width: 2%;
-    }
-
-    .w-\[8px\] {
-        width: 8px;
-    }
-
-    .w-\[9px\] {
-        width: 9px;
-    }
-
-    .w-\[16px\] {
-        width: 16px;
-    }
-
-    .w-\[20px\] {
-        width: 20px;
-    }
-
-    .w-\[24px\] {
-        width: 24px;
-    }
-
-    .w-\[32px\] {
-        width: 32px;
-    }
-
-    .w-\[40px\] {
-        width: 40px;
-    }
-
-    .w-\[48px\] {
-        width: 48px;
-    }
-
-    .w-\[60px\] {
-        width: 60px;
-    }
-
     .w-\[90\%\] {
         width: 90%;
     }
@@ -1279,26 +1034,6 @@
         width: 95%;
     }
 
-    .w-\[100\%\] {
-        width: 100%;
-    }
-
-    .w-\[160px\] {
-        width: 160px;
-    }
-
-    .w-\[320px\] {
-        width: 320px;
-    }
-
-    .w-\[336px\] {
-        width: 336px;
-    }
-
-    .w-\[350px\] {
-        width: 350px;
-    }
-
     .w-full {
         width: 100%;
     }
@@ -1308,18 +1043,6 @@
         width: max-content;
     }
 
-    .\!max-w-\[360px\] {
-        max-width: 360px !important;
-    }
-
-    .\!max-w-\[480px\] {
-        max-width: 480px !important;
-    }
-
-    .\!max-w-\[980px\] {
-        max-width: 980px !important;
-    }
-
     .max-w-9 {
         max-width: calc(var(--spacing) * 9);
     }
@@ -1352,6 +1075,10 @@
         max-width: calc(var(--spacing) * 197.5);
     }
 
+    .max-w-200 {
+        max-width: calc(var(--spacing) * 200);
+    }
+
     .max-w-210 {
         max-width: calc(var(--spacing) * 210);
     }
@@ -1360,26 +1087,10 @@
         max-width: calc(var(--spacing) * 245);
     }
 
-    .max-w-\[35px\] {
-        max-width: 35px;
-    }
-
     .max-w-\[70\%\] {
         max-width: 70%;
     }
 
-    .max-w-\[286px\] {
-        max-width: 286px;
-    }
-
-    .max-w-\[700px\] {
-        max-width: 700px;
-    }
-
-    .max-w-\[790px\] {
-        max-width: 790px;
-    }
-
     .max-w-full {
         max-width: 100%;
     }
@@ -1408,19 +1119,15 @@
         min-width: calc(var(--spacing) * 75);
     }
 
-    .min-w-\[150px\] {
-        min-width: 150px;
-    }
-
-    .min-w-\[300px\] {
-        min-width: 300px;
-    }
-
     .min-w-fit {
         min-width: -moz-fit-content;
         min-width: fit-content;
     }
 
+    .flex-1 {
+        flex: 1;
+    }
+
     .shrink-0 {
         flex-shrink: 0;
     }
@@ -1521,10 +1228,6 @@
         justify-content: flex-start;
     }
 
-    .\!gap-\[5px\] {
-        gap: 5px !important;
-    }
-
     .gap-0\.5 {
         gap: calc(var(--spacing) * 0.5);
     }
@@ -1573,42 +1276,6 @@
         gap: 5px;
     }
 
-    .gap-\[8px\] {
-        gap: 8px;
-    }
-
-    .gap-\[10px\] {
-        gap: 10px;
-    }
-
-    .gap-\[12px\] {
-        gap: 12px;
-    }
-
-    .gap-\[15px\] {
-        gap: 15px;
-    }
-
-    .gap-\[16px\] {
-        gap: 16px;
-    }
-
-    .gap-\[18px\] {
-        gap: 18px;
-    }
-
-    .gap-\[20px\] {
-        gap: 20px;
-    }
-
-    .gap-\[24px\] {
-        gap: 24px;
-    }
-
-    .gap-\[30px\] {
-        gap: 30px;
-    }
-
     .space-y-4 {
         :where(& > :not(:last-child)) {
             --tw-space-y-reverse: 0;
@@ -1640,11 +1307,6 @@
         column-gap: calc(var(--spacing) * 5);
     }
 
-    .gap-x-\[20px\] {
-        -moz-column-gap: 20px;
-        column-gap: 20px;
-    }
-
     .gap-y-3 {
         row-gap: calc(var(--spacing) * 3);
     }
@@ -1653,10 +1315,6 @@
         row-gap: calc(var(--spacing) * 10);
     }
 
-    .gap-y-\[40px\] {
-        row-gap: 40px;
-    }
-
     .truncate {
         overflow: hidden;
         text-overflow: ellipsis;
@@ -1703,38 +1361,10 @@
         border-radius: var(--radius-20);
     }
 
-    .rounded-\[8px\] {
-        border-radius: 8px;
-    }
-
-    .rounded-\[12px\] {
-        border-radius: 12px;
-    }
-
-    .rounded-\[16px\] {
-        border-radius: 16px;
-    }
-
-    .rounded-\[20px\] {
-        border-radius: 20px;
-    }
-
-    .rounded-\[32px\] {
-        border-radius: 32px;
-    }
-
     .rounded-\[50\%\] {
         border-radius: 50%;
     }
 
-    .rounded-\[60px\] {
-        border-radius: 60px;
-    }
-
-    .rounded-\[100px\] {
-        border-radius: 100px;
-    }
-
     .rounded-full {
         border-radius: calc(infinity * 1px);
     }
@@ -1783,11 +1413,6 @@
         border-width: 0px;
     }
 
-    .border-\[1px\] {
-        border-style: var(--tw-border-style);
-        border-width: 1px;
-    }
-
     .border-t {
         border-top-style: var(--tw-border-style);
         border-top-width: 1px;
@@ -1818,6 +1443,11 @@
         border-bottom-width: 1px;
     }
 
+    .border-l {
+        border-left-style: var(--tw-border-style);
+        border-left-width: 1px;
+    }
+
     .border-l-4 {
         border-left-style: var(--tw-border-style);
         border-left-width: 4px;
@@ -1828,11 +1458,6 @@
         border-left-width: 6px;
     }
 
-    .\!border-none {
-        --tw-border-style: none !important;
-        border-style: none !important;
-    }
-
     .border-dashed {
         --tw-border-style: dashed;
         border-style: dashed;
@@ -1848,38 +1473,6 @@
         border-style: solid;
     }
 
-    .border-\[\#3C4C57\] {
-        border-color: #3C4C57;
-    }
-
-    .border-\[\#43C361\] {
-        border-color: #43C361;
-    }
-
-    .border-\[\#5888FF\] {
-        border-color: #5888FF;
-    }
-
-    .border-\[\#343434\] {
-        border-color: #343434;
-    }
-
-    .border-\[\#EB5757\] {
-        border-color: #EB5757;
-    }
-
-    .border-\[\#FFB835\] {
-        border-color: #FFB835;
-    }
-
-    .border-\[\#fff\] {
-        border-color: #fff;
-    }
-
-    .border-\[\#ffffff\] {
-        border-color: #ffffff;
-    }
-
     .border-apple-green {
         border-color: var(--color-apple-green);
     }
@@ -1932,6 +1525,10 @@
         }
     }
 
+    .border-l-deep-space {
+        border-left-color: var(--color-deep-space);
+    }
+
     .border-l-white\/10 {
         border-left-color: color-mix(in srgb, #fff 10%, transparent);
 
@@ -1940,132 +1537,64 @@
         }
     }
 
-    .\!bg-\[\#2B363D\] {
-        background-color: #2B363D !important;
-    }
-
     .\!bg-transparent {
         background-color: transparent !important;
     }
 
-    .bg-\[\#0f171d\] {
-        background-color: #0f171d;
+    .bg-\[\#ffffffcc\] {
+        background-color: #ffffffcc;
     }
 
-    .bg-\[\#2B363DCC\] {
-        background-color: #2B363DCC;
+    .bg-apple-green {
+        background-color: var(--color-apple-green);
     }
 
-    .bg-\[\#2B363D\] {
-        background-color: #2B363D;
+    .bg-black {
+        background-color: var(--color-black);
     }
 
-    .bg-\[\#3C4C57\] {
-        background-color: #3C4C57;
+    .bg-charcoal-blue {
+        background-color: var(--color-charcoal-blue);
     }
 
-    .bg-\[\#4E6270\] {
-        background-color: #4E6270;
+    .bg-charcoal-gray {
+        background-color: var(--color-charcoal-gray);
     }
 
-    .bg-\[\#8A8A8A\] {
-        background-color: #8A8A8A;
+    .bg-concrete-gray {
+        background-color: var(--color-concrete-gray);
     }
 
-    .bg-\[\#43C361\] {
-        background-color: #43C361;
+    .bg-cornflower-blue {
+        background-color: var(--color-cornflower-blue);
     }
 
-    .bg-\[\#171D21\] {
-        background-color: #171D21;
+    .bg-dark {
+        background-color: var(--color-dark);
     }
 
-    .bg-\[\#5888FF\] {
-        background-color: #5888FF;
+    .bg-dark-50 {
+        background-color: var(--color-dark-50);
     }
 
-    .bg-\[\#20272d\] {
-        background-color: #20272d;
+    .bg-dark-gray {
+        background-color: var(--color-dark-gray);
     }
 
-    .bg-\[\#494949\] {
-        background-color: #494949;
+    .bg-dark-grey {
+        background-color: var(--color-dark-grey);
     }
 
-    .bg-\[\#EB5757\] {
-        background-color: #EB5757;
+    .bg-dark-popup {
+        background-color: var(--color-dark-popup);
     }
 
-    .bg-\[\#FFB835\] {
-        background-color: #FFB835;
+    .bg-dark-slate {
+        background-color: var(--color-dark-slate);
     }
 
-    .bg-\[\#ffffff\] {
-        background-color: #ffffff;
-    }
-
-    .bg-\[\#ffffffcc\] {
-        background-color: #ffffffcc;
-    }
-
-    .bg-\[rgba\(255\,255\,255\,0\.05\)\] {
-        background-color: rgba(255, 255, 255, 0.05);
-    }
-
-    .bg-\[var\(--color-white\)\] {
-        background-color: var(--color-white);
-    }
-
-    .bg-apple-green {
-        background-color: var(--color-apple-green);
-    }
-
-    .bg-black {
-        background-color: var(--color-black);
-    }
-
-    .bg-charcoal-blue {
-        background-color: var(--color-charcoal-blue);
-    }
-
-    .bg-charcoal-gray {
-        background-color: var(--color-charcoal-gray);
-    }
-
-    .bg-concrete-gray {
-        background-color: var(--color-concrete-gray);
-    }
-
-    .bg-cornflower-blue {
-        background-color: var(--color-cornflower-blue);
-    }
-
-    .bg-dark {
-        background-color: var(--color-dark);
-    }
-
-    .bg-dark-50 {
-        background-color: var(--color-dark-50);
-    }
-
-    .bg-dark-gray {
-        background-color: var(--color-dark-gray);
-    }
-
-    .bg-dark-grey {
-        background-color: var(--color-dark-grey);
-    }
-
-    .bg-dark-popup {
-        background-color: var(--color-dark-popup);
-    }
-
-    .bg-dark-slate {
-        background-color: var(--color-dark-slate);
-    }
-
-    .bg-dark-slate-transparent {
-        background-color: var(--color-dark-slate-transparent);
+    .bg-dark-slate-transparent {
+        background-color: var(--color-dark-slate-transparent);
     }
 
     .bg-deep-space {
@@ -2150,10 +1679,6 @@
         object-fit: cover;
     }
 
-    .\!p-0 {
-        padding: calc(var(--spacing) * 0) !important;
-    }
-
     .p-0 {
         padding: calc(var(--spacing) * 0);
     }
@@ -2186,30 +1711,6 @@
         padding: calc(var(--spacing) * 6);
     }
 
-    .p-\[4px\] {
-        padding: 4px;
-    }
-
-    .p-\[8px\] {
-        padding: 8px;
-    }
-
-    .p-\[12px\] {
-        padding: 12px;
-    }
-
-    .p-\[15px\] {
-        padding: 15px;
-    }
-
-    .p-\[16px\] {
-        padding: 16px;
-    }
-
-    .p-\[20px\] {
-        padding: 20px;
-    }
-
     .px-0 {
         padding-inline: calc(var(--spacing) * 0);
     }
@@ -2254,42 +1755,10 @@
         padding-inline: calc(var(--spacing) * 20);
     }
 
-    .px-\[10px\] {
-        padding-inline: 10px;
-    }
-
-    .px-\[12px\] {
-        padding-inline: 12px;
-    }
-
-    .px-\[13px\] {
-        padding-inline: 13px;
-    }
-
-    .px-\[15px\] {
-        padding-inline: 15px;
-    }
-
-    .px-\[16px\] {
-        padding-inline: 16px;
-    }
-
-    .px-\[20px\] {
-        padding-inline: 20px;
-    }
-
-    .px-\[32px\] {
-        padding-inline: 32px;
-    }
-
     .px-\[70px\] {
         padding-inline: 70px;
     }
 
-    .\!py-\[11\.5px\] {
-        padding-block: 11.5px !important;
-    }
-
     .py-0\.5 {
         padding-block: calc(var(--spacing) * 0.5);
     }
@@ -2318,48 +1787,20 @@
         padding-block: calc(var(--spacing) * 3.5);
     }
 
-    .py-6 {
-        padding-block: calc(var(--spacing) * 6);
-    }
-
-    .py-20 {
-        padding-block: calc(var(--spacing) * 20);
-    }
-
-    .py-\[3px\] {
-        padding-block: 3px;
-    }
-
-    .py-\[7px\] {
-        padding-block: 7px;
-    }
-
-    .py-\[8px\] {
-        padding-block: 8px;
-    }
-
-    .py-\[9px\] {
-        padding-block: 9px;
-    }
-
-    .py-\[10px\] {
-        padding-block: 10px;
-    }
-
-    .py-\[12px\] {
-        padding-block: 12px;
+    .py-4 {
+        padding-block: calc(var(--spacing) * 4);
     }
 
-    .py-\[14px\] {
-        padding-block: 14px;
+    .py-5 {
+        padding-block: calc(var(--spacing) * 5);
     }
 
-    .py-\[24px\] {
-        padding-block: 24px;
+    .py-6 {
+        padding-block: calc(var(--spacing) * 6);
     }
 
-    .\!pt-\[40px\] {
-        padding-top: 40px !important;
+    .py-20 {
+        padding-block: calc(var(--spacing) * 20);
     }
 
     .pt-1 {
@@ -2398,30 +1839,6 @@
         padding-top: calc(var(--spacing) * 20);
     }
 
-    .pt-\[10px\] {
-        padding-top: 10px;
-    }
-
-    .pt-\[12px\] {
-        padding-top: 12px;
-    }
-
-    .pt-\[15px\] {
-        padding-top: 15px;
-    }
-
-    .pt-\[20px\] {
-        padding-top: 20px;
-    }
-
-    .pt-\[56px\] {
-        padding-top: 56px;
-    }
-
-    .\!pr-\[25px\] {
-        padding-right: 25px !important;
-    }
-
     .pr-2 {
         padding-right: calc(var(--spacing) * 2);
     }
@@ -2454,26 +1871,6 @@
         padding-right: calc(var(--spacing) * 22.5);
     }
 
-    .pr-\[8px\] {
-        padding-right: 8px;
-    }
-
-    .pr-\[12px\] {
-        padding-right: 12px;
-    }
-
-    .pr-\[16px\] {
-        padding-right: 16px;
-    }
-
-    .pr-\[40px\] {
-        padding-right: 40px;
-    }
-
-    .pr-\[90px\] {
-        padding-right: 90px;
-    }
-
     .pb-2 {
         padding-bottom: calc(var(--spacing) * 2);
     }
@@ -2502,26 +1899,6 @@
         padding-bottom: calc(var(--spacing) * 37.5);
     }
 
-    .pb-\[12px\] {
-        padding-bottom: 12px;
-    }
-
-    .pb-\[20px\] {
-        padding-bottom: 20px;
-    }
-
-    .pb-\[30px\] {
-        padding-bottom: 30px;
-    }
-
-    .pb-\[150px\] {
-        padding-bottom: 150px;
-    }
-
-    .\!pl-\[11\.5px\] {
-        padding-left: 11.5px !important;
-    }
-
     .pl-2 {
         padding-left: calc(var(--spacing) * 2);
     }
@@ -2562,30 +1939,6 @@
         padding-left: calc(var(--spacing) * 20);
     }
 
-    .pl-\[12px\] {
-        padding-left: 12px;
-    }
-
-    .pl-\[16px\] {
-        padding-left: 16px;
-    }
-
-    .pl-\[24px\] {
-        padding-left: 24px;
-    }
-
-    .pl-\[28px\] {
-        padding-left: 28px;
-    }
-
-    .pl-\[42px\] {
-        padding-left: 42px;
-    }
-
-    .pl-\[80px\] {
-        padding-left: 80px;
-    }
-
     .text-center {
         text-align: center;
     }
@@ -2628,59 +1981,20 @@
         font-size: var(--text-28);
     }
 
-    .text-32 {
-        font-size: var(--text-32);
-    }
-
     .text-40 {
         font-size: var(--text-40);
     }
 
-    .text-\[12px\] {
-        font-size: 12px;
-    }
-
-    .text-\[14px\] {
-        font-size: 14px;
-    }
-
-    .text-\[16px\] {
-        font-size: 16px;
-    }
-
-    .text-\[18px\] {
-        font-size: 18px;
-    }
-
-    .text-\[24px\] {
-        font-size: 24px;
-    }
-
     .leading-28 {
         --tw-leading: var(--leading-28);
         line-height: var(--leading-28);
     }
 
-    .leading-32 {
-        --tw-leading: var(--leading-32);
-        line-height: var(--leading-32);
-    }
-
     .leading-40 {
         --tw-leading: var(--leading-40);
         line-height: var(--leading-40);
     }
 
-    .leading-\[120\%\] {
-        --tw-leading: 120%;
-        line-height: 120%;
-    }
-
-    .leading-\[140\%\] {
-        --tw-leading: 140%;
-        line-height: 140%;
-    }
-
     .leading-\[150\%\] {
         --tw-leading: 150%;
         line-height: 150%;
@@ -2691,16 +2005,6 @@
         line-height: var(--leading-tight);
     }
 
-    .font-\[12px\] {
-        --tw-font-weight: 12px;
-        font-weight: 12px;
-    }
-
-    .font-\[400\] {
-        --tw-font-weight: 400;
-        font-weight: 400;
-    }
-
     .font-light {
         --tw-font-weight: var(--font-weight-light);
         font-weight: var(--font-weight-light);
@@ -2737,50 +2041,10 @@
         white-space: nowrap;
     }
 
-    .text-\[\#8A8A8A\] {
-        color: #8A8A8A;
-    }
-
-    .text-\[\#8a8a8a\] {
-        color: #8a8a8a;
-    }
-
     .text-\[\#3764FC\] {
         color: #3764FC;
     }
 
-    .text-\[\#909499\] {
-        color: #909499;
-    }
-
-    .text-\[\#B5B5B5\] {
-        color: #B5B5B5;
-    }
-
-    .text-\[\#CACACA\] {
-        color: #CACACA;
-    }
-
-    .text-\[\#ffffff99\] {
-        color: #ffffff99;
-    }
-
-    .text-\[\#ffffff\] {
-        color: #ffffff;
-    }
-
-    .text-\[var\(--color-light-gray\)\] {
-        color: var(--color-light-gray);
-    }
-
-    .text-\[var\(--color-white\)\] {
-        color: var(--color-white);
-    }
-
-    .text-\[var\(--sub-color-5\)\] {
-        color: var(--sub-color-5);
-    }
-
     .text-black {
         color: var(--color-black);
     }
@@ -2845,11 +2109,6 @@
         opacity: 0%;
     }
 
-    .shadow-\[0px_6px_30px_0px_rgba\(0\,0\,0\,0\.08\)\] {
-        --tw-shadow: 0px 6px 30px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.08));
-        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-
     .shadow-elevated {
         --tw-shadow: 0px 6px 30px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.08));
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2865,11 +2124,6 @@
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
 
-    .backdrop-blur-\[20px\] {
-        --tw-backdrop-blur: blur(20px);
-        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
-    }
-
     .backdrop-blur-lg {
         --tw-backdrop-blur: blur(var(--blur-lg));
         backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
@@ -2880,11 +2134,6 @@
         backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
     }
 
-    .backdrop-sepia-\[6px\] {
-        --tw-backdrop-sepia: sepia(6px);
-        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
-    }
-
     .transition-all {
         transition-property: all;
         transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3004,36 +2253,6 @@
         }
     }
 
-    .placeholder\:text-\[\#5F5F5F\] {
-        &::-moz-placeholder {
-            color: #5F5F5F;
-        }
-
-        &::placeholder {
-            color: #5F5F5F;
-        }
-    }
-
-    .placeholder\:text-\[\#8A8A8A\] {
-        &::-moz-placeholder {
-            color: #8A8A8A;
-        }
-
-        &::placeholder {
-            color: #8A8A8A;
-        }
-    }
-
-    .placeholder\:text-\[\#B5B5B5\] {
-        &::-moz-placeholder {
-            color: #B5B5B5;
-        }
-
-        &::placeholder {
-            color: #B5B5B5;
-        }
-    }
-
     .placeholder\:text-concrete-gray {
         &::-moz-placeholder {
             color: var(--color-concrete-gray);
@@ -3374,20 +2593,6 @@
         }
     }
 
-    .after\:top-\[0px\] {
-        &::after {
-            content: var(--tw-content);
-            top: 0px;
-        }
-    }
-
-    .after\:top-\[1px\] {
-        &::after {
-            content: var(--tw-content);
-            top: 1px;
-        }
-    }
-
     .after\:-right-26 {
         &::after {
             content: var(--tw-content);
@@ -3416,13 +2621,6 @@
         }
     }
 
-    .after\:h-\[12px\] {
-        &::after {
-            content: var(--tw-content);
-            height: 12px;
-        }
-    }
-
     .after\:w-0\.5 {
         &::after {
             content: var(--tw-content);
@@ -3437,47 +2635,17 @@
         }
     }
 
-    .after\:w-\[1px\] {
+    .after\:bg-concrete-gray {
         &::after {
             content: var(--tw-content);
-            width: 1px;
+            background-color: var(--color-concrete-gray);
         }
     }
 
-    .after\:bg-\[\#5F5F5F\] {
+    .after\:content-\[\'\'\] {
         &::after {
+            --tw-content: '';
             content: var(--tw-content);
-            background-color: #5F5F5F;
-        }
-    }
-
-    .after\:bg-concrete-gray {
-        &::after {
-            content: var(--tw-content);
-            background-color: var(--color-concrete-gray);
-        }
-    }
-
-    .after\:content-\[\'\'\] {
-        &::after {
-            --tw-content: '';
-            content: var(--tw-content);
-        }
-    }
-
-    .hover\:bg-\[\#2B363D\] {
-        &:hover {
-            @media (hover: hover) {
-                background-color: #2B363D;
-            }
-        }
-    }
-
-    .hover\:bg-\[\#3c4c57\] {
-        &:hover {
-            @media (hover: hover) {
-                background-color: #3c4c57;
-            }
         }
     }
 
@@ -3489,14 +2657,6 @@
         }
     }
 
-    .hover\:bg-\[\#ffffff\] {
-        &:hover {
-            @media (hover: hover) {
-                background-color: #ffffff;
-            }
-        }
-    }
-
     .hover\:bg-black {
         &:hover {
             @media (hover: hover) {
@@ -3553,14 +2713,6 @@
         }
     }
 
-    .hover\:text-\[\#0f171d\] {
-        &:hover {
-            @media (hover: hover) {
-                color: #0f171d;
-            }
-        }
-    }
-
     .hover\:text-dark {
         &:hover {
             @media (hover: hover) {
@@ -3604,17 +2756,6 @@
         }
     }
 
-    .hover\:before\:bg-\[\#B5B5B5\] {
-        &:hover {
-            @media (hover: hover) {
-                &::before {
-                    content: var(--tw-content);
-                    background-color: #B5B5B5;
-                }
-            }
-        }
-    }
-
     .hover\:before\:bg-light-gray {
         &:hover {
             @media (hover: hover) {
@@ -3626,18 +2767,6 @@
         }
     }
 
-    .max-\[1025px\]\:text-\[14px\] {
-        @media (width < 1025px) {
-            font-size: 14px;
-        }
-    }
-
-    .max-\[1024px\]\:text-\[14px\] {
-        @media (width < 1024px) {
-            font-size: 14px;
-        }
-    }
-
     .md\:mt-\[9vh\] {
         @media (width >=48rem) {
             margin-top: 9vh;
@@ -3656,24 +2785,12 @@
         }
     }
 
-    .md\:max-w-\[760px\] {
-        @media (width >=48rem) {
-            max-width: 760px;
-        }
-    }
-
     .md\:min-w-190 {
         @media (width >=48rem) {
             min-width: calc(var(--spacing) * 190);
         }
     }
 
-    .md\:min-w-\[760px\] {
-        @media (width >=48rem) {
-            min-width: 760px;
-        }
-    }
-
     .md\:columns-3 {
         @media (width >=48rem) {
             -moz-columns: 3;
@@ -3687,12 +2804,6 @@
         }
     }
 
-    .lg\:\!right-\[-200px\] {
-        @media (min-width:1025px) {
-            right: -200px !important;
-        }
-    }
-
     .lg\:left-0 {
         @media (min-width:1025px) {
             left: calc(var(--spacing) * 0);
@@ -3705,12 +2816,6 @@
         }
     }
 
-    .lg\:left-\[94px\] {
-        @media (min-width:1025px) {
-            left: 94px;
-        }
-    }
-
     .lg\:mt-4 {
         @media (min-width:1025px) {
             margin-top: calc(var(--spacing) * 4);
@@ -3729,24 +2834,6 @@
         }
     }
 
-    .lg\:mt-\[12px\] {
-        @media (min-width:1025px) {
-            margin-top: 12px;
-        }
-    }
-
-    .lg\:mt-\[15px\] {
-        @media (min-width:1025px) {
-            margin-top: 15px;
-        }
-    }
-
-    .lg\:mt-\[70px\] {
-        @media (min-width:1025px) {
-            margin-top: 70px;
-        }
-    }
-
     .lg\:mr-4 {
         @media (min-width:1025px) {
             margin-right: calc(var(--spacing) * 4);
@@ -3831,39 +2918,21 @@
         }
     }
 
-    .lg\:h-\[25px\] {
-        @media (min-width:1025px) {
-            height: 25px;
-        }
-    }
-
-    .lg\:h-\[40px\] {
-        @media (min-width:1025px) {
-            height: 40px;
-        }
-    }
-
     .lg\:max-h-65\.5 {
         @media (min-width:1025px) {
             max-height: calc(var(--spacing) * 65.5);
         }
     }
 
-    .lg\:max-h-\[262px\] {
-        @media (min-width:1025px) {
-            max-height: 262px;
-        }
-    }
-
     .lg\:min-h-0 {
         @media (min-width:1025px) {
             min-height: calc(var(--spacing) * 0);
         }
     }
 
-    .lg\:min-h-\[auto\] {
+    .lg\:min-h-17 {
         @media (min-width:1025px) {
-            min-height: auto;
+            min-height: calc(var(--spacing) * 17);
         }
     }
 
@@ -3927,39 +2996,15 @@
         }
     }
 
-    .lg\:w-\[25px\] {
-        @media (min-width:1025px) {
-            width: 25px;
-        }
-    }
-
-    .lg\:w-\[40px\] {
-        @media (min-width:1025px) {
-            width: 40px;
-        }
-    }
-
-    .lg\:w-\[380px\] {
-        @media (min-width:1025px) {
-            width: 380px;
-        }
-    }
-
-    .lg\:w-\[432px\] {
-        @media (min-width:1025px) {
-            width: 432px;
-        }
-    }
-
     .lg\:max-w-10 {
         @media (min-width:1025px) {
             max-width: calc(var(--spacing) * 10);
         }
     }
 
-    .lg\:max-w-\[40px\] {
+    .lg\:max-w-90 {
         @media (min-width:1025px) {
-            max-width: 40px;
+            max-width: calc(var(--spacing) * 90);
         }
     }
 
@@ -4012,18 +3057,6 @@
         }
     }
 
-    .lg\:gap-\[20px\] {
-        @media (min-width:1025px) {
-            gap: 20px;
-        }
-    }
-
-    .lg\:gap-\[25px\] {
-        @media (min-width:1025px) {
-            gap: 25px;
-        }
-    }
-
     .lg\:overflow-visible {
         @media (min-width:1025px) {
             overflow: visible;
@@ -4037,18 +3070,6 @@
         }
     }
 
-    .lg\:bg-\[\#2B363D\] {
-        @media (min-width:1025px) {
-            background-color: #2B363D;
-        }
-    }
-
-    .lg\:bg-\[\#ffffff\] {
-        @media (min-width:1025px) {
-            background-color: #ffffff;
-        }
-    }
-
     .lg\:bg-dark-slate {
         @media (min-width:1025px) {
             background-color: var(--color-dark-slate);
@@ -4067,24 +3088,6 @@
         }
     }
 
-    .lg\:p-\[16px\] {
-        @media (min-width:1025px) {
-            padding: 16px;
-        }
-    }
-
-    .lg\:p-\[24px\] {
-        @media (min-width:1025px) {
-            padding: 24px;
-        }
-    }
-
-    .lg\:p-\[25px\] {
-        @media (min-width:1025px) {
-            padding: 25px;
-        }
-    }
-
     .lg\:px-1\.5 {
         @media (min-width:1025px) {
             padding-inline: calc(var(--spacing) * 1.5);
@@ -4109,15 +3112,9 @@
         }
     }
 
-    .lg\:px-\[16px\] {
+    .lg\:py-1 {
         @media (min-width:1025px) {
-            padding-inline: 16px;
-        }
-    }
-
-    .lg\:px-\[20px\] {
-        @media (min-width:1025px) {
-            padding-inline: 20px;
+            padding-block: calc(var(--spacing) * 1);
         }
     }
 
@@ -4151,72 +3148,30 @@
         }
     }
 
-    .lg\:py-\[10px\] {
-        @media (min-width:1025px) {
-            padding-block: 10px;
-        }
-    }
-
-    .lg\:py-\[16px\] {
-        @media (min-width:1025px) {
-            padding-block: 16px;
-        }
-    }
-
-    .lg\:py-\[24px\] {
-        @media (min-width:1025px) {
-            padding-block: 24px;
-        }
-    }
-
     .lg\:pt-20 {
         @media (min-width:1025px) {
             padding-top: calc(var(--spacing) * 20);
         }
     }
 
-    .lg\:pt-\[79px\] {
-        @media (min-width:1025px) {
-            padding-top: 79px;
-        }
-    }
-
     .lg\:pr-2 {
         @media (min-width:1025px) {
             padding-right: calc(var(--spacing) * 2);
         }
     }
 
-    .lg\:pr-\[8px\] {
-        @media (min-width:1025px) {
-            padding-right: 8px;
-        }
-    }
-
     .lg\:pb-0 {
         @media (min-width:1025px) {
             padding-bottom: calc(var(--spacing) * 0);
         }
     }
 
-    .lg\:pb-\[20px\] {
-        @media (min-width:1025px) {
-            padding-bottom: 20px;
-        }
-    }
-
     .lg\:pl-25\.5 {
         @media (min-width:1025px) {
             padding-left: calc(var(--spacing) * 25.5);
         }
     }
 
-    .lg\:pl-\[102px\] {
-        @media (min-width:1025px) {
-            padding-left: 102px;
-        }
-    }
-
     .lg\:text-center {
         @media (min-width:1025px) {
             text-align: center;
@@ -4264,42 +3219,6 @@
         }
     }
 
-    .lg\:text-40 {
-        @media (min-width:1025px) {
-            font-size: var(--text-40);
-        }
-    }
-
-    .lg\:text-\[14px\] {
-        @media (min-width:1025px) {
-            font-size: 14px;
-        }
-    }
-
-    .lg\:text-\[16px\] {
-        @media (min-width:1025px) {
-            font-size: 16px;
-        }
-    }
-
-    .lg\:text-\[18px\] {
-        @media (min-width:1025px) {
-            font-size: 18px;
-        }
-    }
-
-    .lg\:text-\[28px\] {
-        @media (min-width:1025px) {
-            font-size: 28px;
-        }
-    }
-
-    .lg\:text-\[32px\] {
-        @media (min-width:1025px) {
-            font-size: 32px;
-        }
-    }
-
     .lg\:before\:top-5 {
         @media (min-width:1025px) {
             &::before {
@@ -4384,21 +3303,9 @@
         }
     }
 
-    .\32 xl\:mt-\[20px\] {
-        @media (width >=96rem) {
-            margin-top: 20px;
-        }
-    }
-
-    .\32 xl\:mt-\[30px\] {
-        @media (width >=96rem) {
-            margin-top: 30px;
-        }
-    }
-
-    .\32 xl\:mt-\[120px\] {
+    .\32 xl\:h-5 {
         @media (width >=96rem) {
-            margin-top: 120px;
+            height: calc(var(--spacing) * 5);
         }
     }
 
@@ -4426,9 +3333,9 @@
         }
     }
 
-    .\32 xl\:max-h-\[327px\] {
+    .\32 xl\:w-5 {
         @media (width >=96rem) {
-            max-height: 327px;
+            width: calc(var(--spacing) * 5);
         }
     }
 
@@ -4444,6 +3351,12 @@
         }
     }
 
+    .\32 xl\:w-19 {
+        @media (width >=96rem) {
+            width: calc(var(--spacing) * 19);
+        }
+    }
+
     .\32 xl\:w-24 {
         @media (width >=96rem) {
             width: calc(var(--spacing) * 24);
@@ -4462,21 +3375,21 @@
         }
     }
 
-    .\32 xl\:max-w-\[auto\] {
+    .\32 xl\:max-w-104 {
         @media (width >=96rem) {
-            max-width: auto;
+            max-width: calc(var(--spacing) * 104);
         }
     }
 
-    .\32 xl\:min-w-125 {
+    .\32 xl\:max-w-\[auto\] {
         @media (width >=96rem) {
-            min-width: calc(var(--spacing) * 125);
+            max-width: auto;
         }
     }
 
-    .\32 xl\:min-w-\[500px\] {
+    .\32 xl\:min-w-125 {
         @media (width >=96rem) {
-            min-width: 500px;
+            min-width: calc(var(--spacing) * 125);
         }
     }
 
@@ -4505,12 +3418,6 @@
         }
     }
 
-    .\32 xl\:gap-\[10px\] {
-        @media (width >=96rem) {
-            gap: 10px;
-        }
-    }
-
     .\32 xl\:p-2\.5 {
         @media (width >=96rem) {
             padding: calc(var(--spacing) * 2.5);
@@ -4523,27 +3430,27 @@
         }
     }
 
-    .\32 xl\:p-\[20px\] {
+    .\32 xl\:px-1 {
         @media (width >=96rem) {
-            padding: 20px;
+            padding-inline: calc(var(--spacing) * 1);
         }
     }
 
-    .\32 xl\:px-3 {
+    .\32 xl\:px-2 {
         @media (width >=96rem) {
-            padding-inline: calc(var(--spacing) * 3);
+            padding-inline: calc(var(--spacing) * 2);
         }
     }
 
-    .\32 xl\:px-6 {
+    .\32 xl\:px-3 {
         @media (width >=96rem) {
-            padding-inline: calc(var(--spacing) * 6);
+            padding-inline: calc(var(--spacing) * 3);
         }
     }
 
-    .\32 xl\:px-\[24px\] {
+    .\32 xl\:px-6 {
         @media (width >=96rem) {
-            padding-inline: 24px;
+            padding-inline: calc(var(--spacing) * 6);
         }
     }
 
@@ -4565,18 +3472,6 @@
         }
     }
 
-    .\32 xl\:py-\[14px\] {
-        @media (width >=96rem) {
-            padding-block: 14px;
-        }
-    }
-
-    .\32 xl\:py-\[16px\] {
-        @media (width >=96rem) {
-            padding-block: 16px;
-        }
-    }
-
     .\32 xl\:text-sm {
         @media (width >=96rem) {
             font-size: var(--text-sm);
@@ -4584,15 +3479,16 @@
         }
     }
 
-    .\32 xl\:text-40 {
+    .\32 xl\:text-xs {
         @media (width >=96rem) {
-            font-size: var(--text-40);
+            font-size: var(--text-xs);
+            line-height: var(--tw-leading, var(--text-xs--line-height));
         }
     }
 
-    .\32 xl\:text-\[40px\] {
+    .\32 xl\:text-40 {
         @media (width >=96rem) {
-            font-size: 40px;
+            font-size: var(--text-40);
         }
     }
 
@@ -4621,12 +3517,6 @@
         }
     }
 
-    .dark\:bg-\[\#333\] {
-        @media (prefers-color-scheme: dark) {
-            background-color: #333;
-        }
-    }
-
     .max-lg\:visible {
         @media (max-width:1024px) {
             visibility: visible;
@@ -4726,6 +3616,12 @@
         }
     }
 
+    .max-lg\:max-w-full {
+        @media (max-width:1024px) {
+            max-width: 100%;
+        }
+    }
+
     .max-lg\:min-w-0 {
         @media (max-width:1024px) {
             min-width: calc(var(--spacing) * 0);
@@ -4769,15 +3665,15 @@
         }
     }
 
-    .max-lg\:p-3 {
+    .max-lg\:px-1 {
         @media (max-width:1024px) {
-            padding: calc(var(--spacing) * 3);
+            padding-inline: calc(var(--spacing) * 1);
         }
     }
 
-    .max-lg\:px-1 {
+    .max-lg\:px-3 {
         @media (max-width:1024px) {
-            padding-inline: calc(var(--spacing) * 1);
+            padding-inline: calc(var(--spacing) * 3);
         }
     }
 
@@ -4975,24 +3871,6 @@
         }
     }
 
-    .lightm\:border-\[\#EAEAEA\] {
-        &:where(.lightm, .lightm *) {
-            border-color: #EAEAEA;
-        }
-    }
-
-    .lightm\:border-\[\#dbdbdb\] {
-        &:where(.lightm, .lightm *) {
-            border-color: #dbdbdb;
-        }
-    }
-
-    .lightm\:border-\[\#e6e6e6\] {
-        &:where(.lightm, .lightm *) {
-            border-color: #e6e6e6;
-        }
-    }
-
     .lightm\:border-cloudy-white {
         &:where(.lightm, .lightm *) {
             border-color: var(--color-cloudy-white);
@@ -5005,12 +3883,6 @@
         }
     }
 
-    .lightm\:border-dark-gray {
-        &:where(.lightm, .lightm *) {
-            border-color: var(--color-dark-gray);
-        }
-    }
-
     .lightm\:border-gainsboro {
         &:where(.lightm, .lightm *) {
             border-color: var(--color-gainsboro);
@@ -5035,81 +3907,15 @@
         }
     }
 
-    .lightm\:border-l-light-silver {
-        &:where(.lightm, .lightm *) {
-            border-left-color: var(--color-light-silver);
-        }
-    }
-
-    .lightm\:\!bg-\[\#EAEAEA\] {
-        &:where(.lightm, .lightm *) {
-            background-color: #EAEAEA !important;
-        }
-    }
-
-    .lightm\:\!bg-\[\#F5F5F5\] {
-        &:where(.lightm, .lightm *) {
-            background-color: #F5F5F5 !important;
-        }
-    }
-
-    .lightm\:bg-\[\#232425\] {
-        &:where(.lightm, .lightm *) {
-            background-color: #232425;
-        }
-    }
-
-    .lightm\:bg-\[\#E6FAF5\] {
-        &:where(.lightm, .lightm *) {
-            background-color: #E6FAF5;
-        }
-    }
-
-    .lightm\:bg-\[\#EAEAEA\] {
-        &:where(.lightm, .lightm *) {
-            background-color: #EAEAEA;
-        }
-    }
-
-    .lightm\:bg-\[\#EEEFFF\] {
-        &:where(.lightm, .lightm *) {
-            background-color: #EEEFFF;
-        }
-    }
-
-    .lightm\:bg-\[\#F5F5F5\] {
-        &:where(.lightm, .lightm *) {
-            background-color: #F5F5F5;
-        }
-    }
-
-    .lightm\:bg-\[\#FDEFEF\] {
+    .lightm\:border-l-gainsboro {
         &:where(.lightm, .lightm *) {
-            background-color: #FDEFEF;
+            border-left-color: var(--color-gainsboro);
         }
     }
 
-    .lightm\:bg-\[\#FDF8E8\] {
-        &:where(.lightm, .lightm *) {
-            background-color: #FDF8E8;
-        }
-    }
-
-    .lightm\:bg-\[\#eeeeee\] {
-        &:where(.lightm, .lightm *) {
-            background-color: #eeeeee;
-        }
-    }
-
-    .lightm\:bg-\[\#ffffff\] {
-        &:where(.lightm, .lightm *) {
-            background-color: #ffffff;
-        }
-    }
-
-    .lightm\:bg-\[var\(--bg-secondary\)\] {
+    .lightm\:border-l-light-silver {
         &:where(.lightm, .lightm *) {
-            background-color: var(--bg-secondary);
+            border-left-color: var(--color-light-silver);
         }
     }
 
@@ -5143,18 +3949,6 @@
         }
     }
 
-    .lightm\:bg-gray-silver {
-        &:where(.lightm, .lightm *) {
-            background-color: var(--color-gray-silver);
-        }
-    }
-
-    .lightm\:bg-light-gray {
-        &:where(.lightm, .lightm *) {
-            background-color: var(--color-light-gray);
-        }
-    }
-
     .lightm\:bg-light-min {
         &:where(.lightm, .lightm *) {
             background-color: var(--color-light-min);
@@ -5191,12 +3985,6 @@
         }
     }
 
-    .lightm\:bg-ultra-light-gray {
-        &:where(.lightm, .lightm *) {
-            background-color: var(--color-ultra-light-gray);
-        }
-    }
-
     .lightm\:bg-white {
         &:where(.lightm, .lightm *) {
             background-color: var(--color-white);
@@ -5241,36 +4029,6 @@
         }
     }
 
-    .lightm\:text-\[\#0f171d\] {
-        &:where(.lightm, .lightm *) {
-            color: #0f171d;
-        }
-    }
-
-    .lightm\:text-\[\#5F5F5F\] {
-        &:where(.lightm, .lightm *) {
-            color: #5F5F5F;
-        }
-    }
-
-    .lightm\:text-\[\#8A8A8A\] {
-        &:where(.lightm, .lightm *) {
-            color: #8A8A8A;
-        }
-    }
-
-    .lightm\:text-\[\#232425\] {
-        &:where(.lightm, .lightm *) {
-            color: #232425;
-        }
-    }
-
-    .lightm\:text-\[\#ffffff\] {
-        &:where(.lightm, .lightm *) {
-            color: #ffffff;
-        }
-    }
-
     .lightm\:text-concrete-gray {
         &:where(.lightm, .lightm *) {
             color: var(--color-concrete-gray);
@@ -5289,12 +4047,6 @@
         }
     }
 
-    .lightm\:text-light-gray {
-        &:where(.lightm, .lightm *) {
-            color: var(--color-light-gray);
-        }
-    }
-
     .lightm\:text-owl-black {
         &:where(.lightm, .lightm *) {
             color: var(--color-owl-black);
@@ -5313,13 +4065,6 @@
         }
     }
 
-    .lightm\:shadow-\[0px_4px_20px_0px_\#0000001A\] {
-        &:where(.lightm, .lightm *) {
-            --tw-shadow: 0px 4px 20px 0px var(--tw-shadow-color, #0000001A);
-            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-        }
-    }
-
     .lightm\:shadow-soft-light {
         &:where(.lightm, .lightm *) {
             --tw-shadow: 0px 4px 20px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
@@ -5327,16 +4072,6 @@
         }
     }
 
-    .lightm\:group-hover\:bg-gainsboro {
-        &:where(.lightm, .lightm *) {
-            &:is(:where(.group):hover *) {
-                @media (hover: hover) {
-                    background-color: var(--color-gainsboro);
-                }
-            }
-        }
-    }
-
     .lightm\:group-hover\:bg-gray-silver {
         &:where(.lightm, .lightm *) {
             &:is(:where(.group):hover *) {
@@ -5359,26 +4094,6 @@
         }
     }
 
-    .lightm\:placeholder\:text-light-gray\/50 {
-        &:where(.lightm, .lightm *) {
-            &::-moz-placeholder {
-                color: color-mix(in srgb, #b5b5b5 50%, transparent);
-
-                @supports (color: color-mix(in lab, red, red)) {
-                    color: color-mix(in oklab, var(--color-light-gray) 50%, transparent);
-                }
-            }
-
-            &::placeholder {
-                color: color-mix(in srgb, #b5b5b5 50%, transparent);
-
-                @supports (color: color-mix(in lab, red, red)) {
-                    color: color-mix(in oklab, var(--color-light-gray) 50%, transparent);
-                }
-            }
-        }
-    }
-
     .lightm\:after\:bg-gainsboro {
         &:where(.lightm, .lightm *) {
             &::after {
@@ -5398,16 +4113,6 @@
         }
     }
 
-    .lightm\:hover\:bg-\[\#0f171d\] {
-        &:where(.lightm, .lightm *) {
-            &:hover {
-                @media (hover: hover) {
-                    background-color: #0f171d;
-                }
-            }
-        }
-    }
-
     .lightm\:hover\:bg-\[\#000000\] {
         &:where(.lightm, .lightm *) {
             &:hover {
@@ -5418,16 +4123,6 @@
         }
     }
 
-    .lightm\:hover\:bg-\[\#EAEAEA\] {
-        &:where(.lightm, .lightm *) {
-            &:hover {
-                @media (hover: hover) {
-                    background-color: #EAEAEA;
-                }
-            }
-        }
-    }
-
     .lightm\:hover\:bg-black {
         &:where(.lightm, .lightm *) {
             &:hover {
@@ -5498,16 +4193,6 @@
         }
     }
 
-    .lightm\:hover\:text-\[\#ffffff\] {
-        &:where(.lightm, .lightm *) {
-            &:hover {
-                @media (hover: hover) {
-                    color: #ffffff;
-                }
-            }
-        }
-    }
-
     .lightm\:hover\:text-white {
         &:where(.lightm, .lightm *) {
             &:hover {
@@ -5518,14 +4203,6 @@
         }
     }
 
-    .lightm\:lg\:bg-\[\#EAEAEA\] {
-        &:where(.lightm, .lightm *) {
-            @media (min-width:1025px) {
-                background-color: #EAEAEA;
-            }
-        }
-    }
-
     .lightm\:lg\:bg-gainsboro {
         &:where(.lightm, .lightm *) {
             @media (min-width:1025px) {
@@ -5534,14 +4211,6 @@
         }
     }
 
-    .lightm\:lg\:text-\[\#ffffff\] {
-        &:where(.lightm, .lightm *) {
-            @media (min-width:1025px) {
-                color: #ffffff;
-            }
-        }
-    }
-
     .lightm\:lg\:text-white {
         &:where(.lightm, .lightm *) {
             @media (min-width:1025px) {