@klu_dev/ui-klu-green 1.2.3 → 1.2.5

package/dist/index.css

@@ -51,6 +51,7 @@
     --tw-contain-layout:  ;
     --tw-contain-paint:  ;
     --tw-contain-style:  ;
+
 }
 ::backdrop{
     --tw-border-spacing-x: 0;
@@ -104,6 +105,7 @@
     --tw-contain-layout:  ;
     --tw-contain-paint:  ;
     --tw-contain-style:  ;
+
 }
 :root {
     --uiklu-background: 0 0% 100%;
@@ -112,6 +114,7 @@
     --uiklu-primary-900: 173 69% 14%;
     --uiklu-primary-800: 176 78% 19%;
     --uiklu-primary-700: 176 84% 22%;
+    --uiklu-primary-600: 177 87% 25%;
     --uiklu-primary-500: 178 87% 27%;
     --uiklu-primary-300: 179 39% 47%;
     --uiklu-primary-100: 180 34% 77%;
@@ -124,8 +127,6 @@
     --uiklu-outlinesecondary-foreground: 0 0% 100%;
     --uiklu-basewhite: 0 0% 100%;
     --uiklu-baseblack: 0 0% 0%;
-    --uiklu-orange: 34 95% 54;
-    --uiklu-orange-foreground: 0 0% 100%;
     --uiklu-orange-600: 32 92% 53%;
     --uiklu-orange-500: 34 95% 54%;
     --uiklu-orange-400: 35 95% 59%;
@@ -134,8 +135,7 @@
     --uiklu-accent-foreground: 0 0% 0%;
     --uiklu-muted: 210 40% 96%;
     --uiklu-muted-foreground: 215 20% 40%;
-    --uiklu-destructive: 0 86% 58%;
-    --uiklu-destructive20: 0 72% 51%;
+    --uiklu-destructive: 0 72% 51%;
     --uiklu-destructive-foreground: 0 0% 100%;
     --uiklu-border: 214.3 31.8% 91.4%;
     --uiklu-inputtext: 210 1% 42%;
@@ -144,11 +144,10 @@
     --uiklu-gray-800: 210 2% 23%;
     --uiklu-gray-700: 240 1% 35%;
     --uiklu-gray-600: 210 1% 42%;
-    --uiklu-gray-500: 210 1% 43%;
+    --uiklu-gray-500: 210 1% 58%;
     --uiklu-gray-400: 220 2% 72%;
-    --uiklu-gray-200: 180 1% 82%;
-    --uiklu-error-200: 4 98% 89%;
-    --uiklu-warning-50: 44 100% 96%;
+    --uiklu-gray-300: 210 3% 87%;
+    --uiklu-gray-200: 220 8% 93%;
 
 
     --uiklu-successbg: 184 36% 91%;
@@ -159,14 +158,6 @@
     --uiklu-warningborder: 4 98% 89%;
     --uiklu-warningtext: 32 92% 53%;
 
-
-    --uiklu-balance-slate-900: 220 3% 12%;
-    --uiklu-balance-slate-800: 210 2% 23%;
-    --uiklu-balance-slate-600: 210 1% 42%;
-    --uiklu-balance-cyan-bg: 180 43% 97%;
-    --uiklu-balance-cyan-border: 177 39% 87%;
-    --uiklu-balance-divider: 0 0% 92%;
-    --uiklu-balance-brand: 177 87% 27%;
   }
 .uiklu-mask-content {
     -webkit-text-security: disc !important;
@@ -199,1322 +190,1800 @@ button,
   }
 .uiklu-pointer-events-auto{
     pointer-events: auto;
+
 }
 .uiklu-fixed{
     position: fixed;
+
 }
 .uiklu-absolute{
     position: absolute;
+
 }
 .uiklu-relative{
     position: relative;
+
 }
 .uiklu-inset-0{
     inset: 0px;
+
 }
 .uiklu-bottom-full{
     bottom: 100%;
+
 }
 .uiklu-left-3{
     left: 0.75rem;
+
 }
 .uiklu-left-\[50\%\]{
     left: 50%;
+
 }
 .uiklu-left-full{
     left: 100%;
+
 }
 .uiklu-right-0{
     right: 0px;
+
 }
 .uiklu-right-6{
     right: 1.5rem;
+
 }
 .uiklu-right-\[20px\]{
     right: 20px;
+
 }
 .uiklu-right-full{
     right: 100%;
+
 }
 .uiklu-top-0{
     top: 0px;
+
 }
 .uiklu-top-1\/2{
     top: 50%;
+
 }
 .uiklu-top-8{
     top: 2rem;
+
 }
 .uiklu-top-\[50\%\]{
     top: 50%;
+
 }
 .uiklu-z-0{
     z-index: 0;
+
 }
 .uiklu-z-10{
     z-index: 10;
+
 }
 .uiklu-z-50{
     z-index: 50;
+
 }
 .uiklu-z-\[100\]{
     z-index: 100;
+
 }
 .uiklu-z-\[200\]{
     z-index: 200;
+
 }
 .uiklu-m-0{
     margin: 0px;
+
+}
+.uiklu-mx-auto{
+    margin-left: auto;
+    margin-right: auto;
+
 }
 .uiklu-my-2{
     margin-top: 0.5rem;
     margin-bottom: 0.5rem;
+
 }
 .uiklu-mb-1{
     margin-bottom: 0.25rem;
+
 }
 .uiklu-mb-2{
     margin-bottom: 0.5rem;
+
 }
 .uiklu-mb-3{
     margin-bottom: 0.75rem;
+
 }
 .uiklu-mb-4{
     margin-bottom: 1rem;
+
 }
 .uiklu-mb-6{
     margin-bottom: 1.5rem;
+
 }
 .uiklu-mb-8{
     margin-bottom: 2rem;
+
 }
 .uiklu-mb-\[10px\]{
     margin-bottom: 10px;
+
 }
 .uiklu-mb-\[18px\]{
     margin-bottom: 18px;
+
 }
 .uiklu-mb-\[8px\]{
     margin-bottom: 8px;
+
 }
 .uiklu-ml-2{
     margin-left: 0.5rem;
+
 }
 .uiklu-ml-4{
     margin-left: 1rem;
+
 }
 .uiklu-ml-5{
     margin-left: 1.25rem;
+
 }
 .uiklu-ml-\[3px\]{
     margin-left: 3px;
+
 }
 .uiklu-ml-\[6px\]{
     margin-left: 6px;
+
 }
 .uiklu-ml-auto{
     margin-left: auto;
+
 }
 .uiklu-mr-\[10px\]{
     margin-right: 10px;
+
 }
 .uiklu-mt-1{
     margin-top: 0.25rem;
+
 }
 .uiklu-mt-10{
     margin-top: 2.5rem;
+
 }
 .uiklu-mt-2{
     margin-top: 0.5rem;
+
 }
 .uiklu-mt-3{
     margin-top: 0.75rem;
+
 }
 .uiklu-mt-6{
     margin-top: 1.5rem;
+
 }
 .uiklu-mt-8{
     margin-top: 2rem;
+
 }
 .uiklu-box-border{
     box-sizing: border-box;
+
 }
 .uiklu-block{
     display: block;
+
+}
+.uiklu-inline-block{
+    display: inline-block;
+
 }
 .uiklu-flex{
     display: flex;
+
 }
 .uiklu-inline-flex{
     display: inline-flex;
+
 }
 .uiklu-grid{
     display: grid;
+
 }
 .uiklu-h-12{
     height: 3rem;
+
 }
 .uiklu-h-2{
     height: 0.5rem;
+
 }
 .uiklu-h-3\.5{
     height: 0.875rem;
+
 }
 .uiklu-h-4{
     height: 1rem;
+
+}
+.uiklu-h-44{
+    height: 11rem;
+
 }
 .uiklu-h-5{
     height: 1.25rem;
+
 }
 .uiklu-h-6{
     height: 1.5rem;
+
 }
 .uiklu-h-8{
     height: 2rem;
+
 }
 .uiklu-h-\[100px\]{
     height: 100px;
+
 }
 .uiklu-h-\[1px\]{
     height: 1px;
+
 }
 .uiklu-h-\[20px\]{
     height: 20px;
+
 }
 .uiklu-h-\[34px\]{
     height: 34px;
+
 }
 .uiklu-h-\[40px\]{
     height: 40px;
+
 }
 .uiklu-h-\[44px\]{
     height: 44px;
+
 }
 .uiklu-h-\[4px\]{
     height: 4px;
+
 }
 .uiklu-h-\[50px\]{
     height: 50px;
+
 }
 .uiklu-h-\[60px\]{
     height: 60px;
+
 }
 .uiklu-h-\[6px\]{
     height: 6px;
+
 }
 .uiklu-h-auto{
     height: auto;
+
 }
 .uiklu-h-full{
     height: 100%;
+
 }
 .uiklu-h-screen{
     height: 100vh;
+
 }
 .uiklu-max-h-96{
     max-height: 24rem;
+
 }
 .uiklu-max-h-\[40px\]{
     max-height: 40px;
+
 }
 .uiklu-max-h-\[60px\]{
     max-height: 60px;
+
 }
 .uiklu-max-h-screen{
     max-height: 100vh;
+
 }
 .uiklu-min-h-\[20px\]{
     min-height: 20px;
+
 }
 .uiklu-min-h-\[400px\]{
     min-height: 400px;
+
 }
 .uiklu-min-h-\[500px\]{
     min-height: 500px;
+
 }
 .uiklu-min-h-screen{
     min-height: 100vh;
+
+}
+.uiklu-w-12{
+    width: 3rem;
+
 }
 .uiklu-w-2{
     width: 0.5rem;
+
 }
 .uiklu-w-3\.5{
     width: 0.875rem;
+
 }
 .uiklu-w-4{
     width: 1rem;
+
 }
 .uiklu-w-5{
     width: 1.25rem;
+
 }
 .uiklu-w-6{
     width: 1.5rem;
+
 }
 .uiklu-w-8{
     width: 2rem;
+
 }
 .uiklu-w-\[141px\]{
     width: 141px;
+
 }
 .uiklu-w-\[150px\]{
     width: 150px;
+
 }
 .uiklu-w-\[162px\]{
     width: 162px;
+
 }
 .uiklu-w-\[1px\]{
     width: 1px;
+
 }
 .uiklu-w-\[200px\]{
     width: 200px;
+
 }
 .uiklu-w-\[20px\]{
     width: 20px;
+
 }
 .uiklu-w-\[250px\]{
     width: 250px;
+
 }
 .uiklu-w-\[317px\]{
     width: 317px;
+
 }
 .uiklu-w-\[350px\]{
     width: 350px;
+
 }
 .uiklu-w-\[383px\]{
     width: 383px;
+
 }
 .uiklu-w-\[40px\]{
     width: 40px;
+
 }
 .uiklu-w-\[450px\]{
     width: 450px;
+
 }
 .uiklu-w-\[550px\]{
     width: 550px;
+
 }
 .uiklu-w-\[600px\]{
     width: 600px;
+
 }
 .uiklu-w-\[75px\]{
     width: 75px;
+
 }
 .uiklu-w-\[var\(--radix-select-trigger-width\)\]{
     width: var(--radix-select-trigger-width);
+
 }
 .uiklu-w-fit{
     width: -moz-fit-content;
     width: fit-content;
+
 }
 .uiklu-w-full{
     width: 100%;
+
 }
 .uiklu-min-w-0{
     min-width: 0px;
+
 }
 .uiklu-min-w-\[141px\]{
     min-width: 141px;
+
 }
 .uiklu-min-w-\[150px\]{
     min-width: 150px;
+
 }
 .uiklu-min-w-\[187px\]{
     min-width: 187px;
+
 }
 .uiklu-min-w-\[200px\]{
     min-width: 200px;
+
 }
 .uiklu-min-w-\[250px\]{
     min-width: 250px;
+
 }
 .uiklu-min-w-\[317px\]{
     min-width: 317px;
+
 }
 .uiklu-min-w-\[350px\]{
     min-width: 350px;
+
 }
 .uiklu-min-w-\[383px\]{
     min-width: 383px;
+
 }
 .uiklu-min-w-\[40px\]{
     min-width: 40px;
+
 }
 .uiklu-min-w-\[75px\]{
     min-width: 75px;
+
 }
 .uiklu-min-w-\[var\(--radix-select-trigger-width\)\]{
     min-width: var(--radix-select-trigger-width);
+
 }
 .uiklu-max-w-\[141px\]{
     max-width: 141px;
+
 }
 .uiklu-max-w-\[187px\]{
     max-width: 187px;
+
 }
 .uiklu-max-w-\[200px\]{
     max-width: 200px;
+
 }
 .uiklu-max-w-\[244px\]{
     max-width: 244px;
+
 }
 .uiklu-max-w-\[317px\]{
     max-width: 317px;
+
 }
 .uiklu-max-w-\[320px\]{
     max-width: 320px;
+
 }
 .uiklu-max-w-\[383px\]{
     max-width: 383px;
+
 }
 .uiklu-max-w-\[400px\]{
     max-width: 400px;
+
 }
 .uiklu-max-w-\[40px\]{
     max-width: 40px;
+
 }
 .uiklu-max-w-\[450px\]{
     max-width: 450px;
+
 }
 .uiklu-max-w-\[500px\]{
     max-width: 500px;
+
 }
 .uiklu-max-w-\[600px\]{
     max-width: 600px;
+
 }
 .uiklu-max-w-\[75px\]{
     max-width: 75px;
+
 }
 .uiklu-max-w-full{
     max-width: 100%;
+
 }
 .uiklu-max-w-lg{
     max-width: 32rem;
+
 }
 .uiklu-flex-1{
     flex: 1 1 0%;
+
 }
 .uiklu-flex-shrink-0{
     flex-shrink: 0;
+
 }
 .uiklu-shrink-0{
     flex-shrink: 0;
+
 }
 .uiklu--translate-y-1\/2{
     --tw-translate-y: -50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+
 }
 .uiklu-translate-x-\[-50\%\]{
     --tw-translate-x: -50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+
 }
 .uiklu-translate-y-1{
     --tw-translate-y: 0.25rem;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+
 }
 .uiklu-translate-y-\[-50\%\]{
     --tw-translate-y: -50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+
 }
 .uiklu-cursor-default{
     cursor: default;
+
 }
 .uiklu-cursor-pointer{
     cursor: pointer;
+
 }
 .uiklu-select-none{
     -webkit-user-select: none;
        -moz-user-select: none;
             user-select: none;
+
 }
 .uiklu-list-disc{
     list-style-type: disc;
+
 }
 .uiklu-list-none{
     list-style-type: none;
+
 }
 .uiklu-appearance-none{
     -webkit-appearance: none;
        -moz-appearance: none;
             appearance: none;
+
 }
 .uiklu-grid-cols-1{
     grid-template-columns: repeat(1, minmax(0, 1fr));
+
+}
+.uiklu-grid-cols-2{
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+
 }
 .uiklu-flex-row{
     flex-direction: row;
+
 }
 .uiklu-flex-row-reverse{
     flex-direction: row-reverse;
+
 }
 .uiklu-flex-col{
     flex-direction: column;
+
 }
 .uiklu-flex-col-reverse{
     flex-direction: column-reverse;
+
 }
 .uiklu-flex-wrap{
     flex-wrap: wrap;
+
 }
 .uiklu-items-start{
     align-items: flex-start;
+
 }
 .uiklu-items-end{
     align-items: flex-end;
+
 }
 .uiklu-items-center{
     align-items: center;
+
 }
 .uiklu-justify-end{
     justify-content: flex-end;
+
 }
 .uiklu-justify-center{
     justify-content: center;
+
 }
 .uiklu-justify-between{
     justify-content: space-between;
+
 }
 .uiklu-gap-1{
     gap: 0.25rem;
+
 }
 .uiklu-gap-10{
     gap: 2.5rem;
+
 }
 .uiklu-gap-2{
     gap: 0.5rem;
+
 }
 .uiklu-gap-2\.5{
     gap: 0.625rem;
+
 }
 .uiklu-gap-3{
     gap: 0.75rem;
+
 }
 .uiklu-gap-4{
     gap: 1rem;
+
 }
 .uiklu-gap-6{
     gap: 1.5rem;
+
 }
 .uiklu-gap-8{
     gap: 2rem;
+
 }
 .uiklu-gap-\[14px\]{
     gap: 14px;
+
 }
 .uiklu-gap-\[20px\]{
     gap: 20px;
+
 }
 .uiklu-gap-x-1\.5{
     -moz-column-gap: 0.375rem;
          column-gap: 0.375rem;
+
 }
 .uiklu-gap-y-1\.5{
     row-gap: 0.375rem;
+
 }
 .uiklu-space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
     --tw-space-y-reverse: 0;
     margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+
 }
 .uiklu-space-y-2 > :not([hidden]) ~ :not([hidden]){
     --tw-space-y-reverse: 0;
     margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+
+}
+.uiklu-space-y-3 > :not([hidden]) ~ :not([hidden]){
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+
+}
+.uiklu-space-y-4 > :not([hidden]) ~ :not([hidden]){
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+
 }
 .uiklu-space-y-6 > :not([hidden]) ~ :not([hidden]){
     --tw-space-y-reverse: 0;
     margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+
+}
+.uiklu-divide-y > :not([hidden]) ~ :not([hidden]){
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+
+}
+.uiklu-divide-gray-100 > :not([hidden]) ~ :not([hidden]){
+    --tw-divide-opacity: 1;
+    border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
+
 }
 .uiklu-self-center{
     align-self: center;
+
 }
 .uiklu-overflow-hidden{
     overflow: hidden;
+
 }
 .uiklu-overflow-y-auto{
     overflow-y: auto;
+
 }
 .uiklu-truncate{
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+
 }
 .uiklu-text-ellipsis{
     text-overflow: ellipsis;
+
 }
 .uiklu-whitespace-normal{
     white-space: normal;
+
 }
 .uiklu-whitespace-nowrap{
     white-space: nowrap;
+
 }
 .uiklu-break-words{
     overflow-wrap: break-word;
+
 }
 .uiklu-rounded{
     border-radius: 0.25rem;
+
 }
 .uiklu-rounded-2xl{
     border-radius: 1rem;
+
 }
 .uiklu-rounded-\[10px\]{
     border-radius: 10px;
+
 }
 .uiklu-rounded-\[12px\]{
     border-radius: 12px;
+
 }
 .uiklu-rounded-\[16px\]{
     border-radius: 16px;
+
 }
 .uiklu-rounded-\[20px\]{
     border-radius: 20px;
+
 }
 .uiklu-rounded-\[24px\]{
     border-radius: 24px;
+
 }
 .uiklu-rounded-\[30px\]{
     border-radius: 30px;
+
 }
 .uiklu-rounded-\[48px\]{
     border-radius: 48px;
+
 }
 .uiklu-rounded-\[50px\]{
     border-radius: 50px;
+
 }
 .uiklu-rounded-full{
     border-radius: 9999px;
+
 }
 .uiklu-rounded-lg{
     border-radius: 0.5rem;
+
 }
 .uiklu-rounded-md{
     border-radius: 0.375rem;
+
 }
 .uiklu-rounded-none{
     border-radius: 0px;
+
 }
 .uiklu-rounded-xl{
     border-radius: 0.75rem;
+
 }
 .uiklu-border{
     border-width: 1px;
+
 }
 .uiklu-border-2{
     border-width: 2px;
+
 }
 .uiklu-border-4{
     border-width: 4px;
+
 }
 .uiklu-border-\[1px\]{
     border-width: 1px;
+
 }
 .uiklu-border-b{
     border-bottom-width: 1px;
+
 }
 .uiklu-border-b-\[1px\]{
     border-bottom-width: 1px;
+
 }
 .uiklu-border-t{
     border-top-width: 1px;
+
 }
 .uiklu-border-solid{
     border-style: solid;
+
 }
 .uiklu-border-dashed{
     border-style: dashed;
+
 }
 .uiklu-border-none{
     border-style: none;
+
 }
 .uiklu-border-\[\#FDE6D2\]{
     --tw-border-opacity: 1;
     border-color: rgb(253 230 210 / var(--tw-border-opacity, 1));
-}
-.uiklu-border-balance-divider{
-    --tw-border-opacity: 1;
-    border-color: hsl(var(--uiklu-balance-divider) / var(--tw-border-opacity, 1));
+
 }
 .uiklu-border-basewhite{
     --tw-border-opacity: 1;
     border-color: hsl(var(--uiklu-basewhite) / var(--tw-border-opacity, 1));
+
 }
 .uiklu-border-border{
     --tw-border-opacity: 1;
     border-color: hsl(var(--uiklu-border) / var(--tw-border-opacity, 1));
+
 }
 .uiklu-border-destructive{
     --tw-border-opacity: 1;
     border-color: hsl(var(--uiklu-destructive) / var(--tw-border-opacity, 1));
+
 }
 .uiklu-border-gray-100{
     --tw-border-opacity: 1;
     border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
+
 }
 .uiklu-border-gray-200{
     --tw-border-opacity: 1;
     border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
+
 }
 .uiklu-border-gray-300{
     --tw-border-opacity: 1;
     border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
+
 }
 .uiklu-border-gray200{
     --tw-border-opacity: 1;
     border-color: hsl(var(--uiklu-gray-200) / var(--tw-border-opacity, 1));
+
 }
 .uiklu-border-inputlight{
     --tw-border-opacity: 1;
     border-color: hsl(var(--uiklu-inputlight) / var(--tw-border-opacity, 1));
+
 }
 .uiklu-border-outlinesecondary{
     --tw-border-opacity: 1;
     border-color: hsl(var(--uiklu-outlinesecondary) / var(--tw-border-opacity, 1));
+
 }
 .uiklu-border-primary100{
     --tw-border-opacity: 1;
     border-color: hsl(var(--uiklu-primary-100) / var(--tw-border-opacity, 1));
+
 }
 .uiklu-border-primary50{
     --tw-border-opacity: 1;
     border-color: hsl(var(--uiklu-primary-50) / var(--tw-border-opacity, 1));
+
 }
 .uiklu-border-primary900{
     --tw-border-opacity: 1;
     border-color: hsl(var(--uiklu-primary-900) / var(--tw-border-opacity, 1));
+
 }
 .uiklu-border-transparent{
     border-color: transparent;
+
 }
 .uiklu-border-white{
     --tw-border-opacity: 1;
     border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
+
 }
 .uiklu-border-white\/20{
     border-color: rgb(255 255 255 / 0.2);
+
 }
 .uiklu-border-r-gray900{
     --tw-border-opacity: 1;
     border-right-color: hsl(var(--uiklu-gray-900) / var(--tw-border-opacity, 1));
+
 }
 .uiklu-bg-\[\#002B2B\]{
     --tw-bg-opacity: 1;
     background-color: rgb(0 43 43 / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-\[\#050a0a\]{
     --tw-bg-opacity: 1;
     background-color: rgb(5 10 10 / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-\[\#06372D\]{
     --tw-bg-opacity: 1;
     background-color: rgb(6 55 45 / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-\[\#E5F3F3\]{
     --tw-bg-opacity: 1;
     background-color: rgb(229 243 243 / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-\[\#EA9033\]{
     --tw-bg-opacity: 1;
     background-color: rgb(234 144 51 / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-\[\#FFF7ED\]{
     --tw-bg-opacity: 1;
     background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-background{
     --tw-bg-opacity: 1;
     background-color: hsl(var(--uiklu-background) / var(--tw-bg-opacity, 1));
-}
-.uiklu-bg-balance-brand{
-    --tw-bg-opacity: 1;
-    background-color: hsl(var(--uiklu-balance-brand) / var(--tw-bg-opacity, 1));
-}
-.uiklu-bg-balance-divider{
-    --tw-bg-opacity: 1;
-    background-color: hsl(var(--uiklu-balance-divider) / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-basewhite{
     --tw-bg-opacity: 1;
     background-color: hsl(var(--uiklu-basewhite) / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-black{
     --tw-bg-opacity: 1;
     background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-black\/20{
     background-color: rgb(0 0 0 / 0.2);
+
 }
 .uiklu-bg-black\/40{
     background-color: rgb(0 0 0 / 0.4);
+
 }
 .uiklu-bg-destructive{
     --tw-bg-opacity: 1;
     background-color: hsl(var(--uiklu-destructive) / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-gray-200{
     --tw-bg-opacity: 1;
     background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-gray-50{
     --tw-bg-opacity: 1;
     background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-gray900{
     --tw-bg-opacity: 1;
     background-color: hsl(var(--uiklu-gray-900) / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-green-100{
     --tw-bg-opacity: 1;
     background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
+
 }
-.uiklu-bg-orange{
+.uiklu-bg-green-50{
     --tw-bg-opacity: 1;
-    background-color: hsl(var(--uiklu-orange) / var(--tw-bg-opacity, 1));
-}
-.uiklu-bg-orange\/20{
-    background-color: hsl(var(--uiklu-orange) / 0.2);
+    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-orange500{
     --tw-bg-opacity: 1;
     background-color: hsl(var(--uiklu-orange-500) / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-primary{
     --tw-bg-opacity: 1;
     background-color: hsl(var(--uiklu-primary) / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-primary300{
     --tw-bg-opacity: 1;
     background-color: hsl(var(--uiklu-primary-300) / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-primary50{
     --tw-bg-opacity: 1;
     background-color: hsl(var(--uiklu-primary-50) / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-primary500{
     --tw-bg-opacity: 1;
     background-color: hsl(var(--uiklu-primary-500) / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-primary900{
     --tw-bg-opacity: 1;
     background-color: hsl(var(--uiklu-primary-900) / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-primarylight{
     --tw-bg-opacity: 1;
     background-color: hsl(var(--uiklu-primary-light) / var(--tw-bg-opacity, 1));
+
+}
+.uiklu-bg-red-50{
+    --tw-bg-opacity: 1;
+    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-slate-50{
     --tw-bg-opacity: 1;
     background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-slate-900{
     --tw-bg-opacity: 1;
     background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
+
 }
-.uiklu-bg-teal-600{
+.uiklu-bg-teal-700{
     --tw-bg-opacity: 1;
-    background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
+    background-color: rgb(15 118 110 / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-transparent{
     background-color: transparent;
+
 }
 .uiklu-bg-white{
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+
 }
 .uiklu-bg-white\/10{
     background-color: rgb(255 255 255 / 0.1);
+
 }
 .uiklu-bg-gradient-to-br{
     background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+
 }
 .uiklu-bg-gradient-to-r{
     background-image: linear-gradient(to right, var(--tw-gradient-stops));
+
 }
 .uiklu-from-\[\#0d3b33\]{
     --tw-gradient-from: #0d3b33 var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(13 59 51 / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+
 }
 .uiklu-from-\[\#FBA022\]{
     --tw-gradient-from: #FBA022 var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(251 160 34 / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+
+}
+.uiklu-from-teal-600{
+    --tw-gradient-from: #0d9488 var(--tw-gradient-from-position);
+    --tw-gradient-to: rgb(13 148 136 / 0) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+
 }
 .uiklu-via-\[\#225c4e\]{
     --tw-gradient-to: rgb(34 92 78 / 0)  var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), #225c4e var(--tw-gradient-via-position), var(--tw-gradient-to);
+
 }
 .uiklu-to-\[\#157C70\]{
     --tw-gradient-to: #157C70 var(--tw-gradient-to-position);
+
 }
 .uiklu-to-\[\#d9a041\]{
     --tw-gradient-to: #d9a041 var(--tw-gradient-to-position);
+
+}
+.uiklu-to-teal-700{
+    --tw-gradient-to: #0f766e var(--tw-gradient-to-position);
+
 }
 .uiklu-bg-cover{
     background-size: cover;
+
 }
 .uiklu-bg-center{
     background-position: center;
+
 }
 .uiklu-bg-origin-border{
     background-origin: border-box;
+
 }
 .uiklu-fill-destructive{
     fill: hsl(var(--uiklu-destructive) / 1);
+
 }
 .uiklu-fill-gray400{
     fill: hsl(var(--uiklu-gray-400) / 1);
+
 }
 .uiklu-object-cover{
     -o-object-fit: cover;
        object-fit: cover;
+
 }
 .uiklu-p-0{
     padding: 0px;
+
 }
 .uiklu-p-1{
     padding: 0.25rem;
+
 }
 .uiklu-p-10{
     padding: 2.5rem;
+
+}
+.uiklu-p-2{
+    padding: 0.5rem;
+
 }
 .uiklu-p-2\.5{
     padding: 0.625rem;
+
 }
 .uiklu-p-20{
     padding: 5rem;
+
 }
 .uiklu-p-4{
     padding: 1rem;
+
 }
 .uiklu-p-6{
     padding: 1.5rem;
+
 }
 .uiklu-p-8{
     padding: 2rem;
+
 }
 .uiklu-p-\[14px\]{
     padding: 14px;
+
 }
 .uiklu-p-\[6px\]{
     padding: 6px;
+
 }
 .\!uiklu-px-3{
     padding-left: 0.75rem !important;
     padding-right: 0.75rem !important;
+
 }
 .uiklu-px-2{
     padding-left: 0.5rem;
     padding-right: 0.5rem;
+
 }
 .uiklu-px-3{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
+
 }
 .uiklu-px-4{
     padding-left: 1rem;
     padding-right: 1rem;
+
 }
 .uiklu-px-5{
     padding-left: 1.25rem;
     padding-right: 1.25rem;
+
 }
 .uiklu-px-6{
     padding-left: 1.5rem;
     padding-right: 1.5rem;
+
 }
 .uiklu-px-8{
     padding-left: 2rem;
     padding-right: 2rem;
+
 }
 .uiklu-px-\[10px\]{
     padding-left: 10px;
     padding-right: 10px;
+
 }
 .uiklu-px-\[16px\]{
     padding-left: 16px;
     padding-right: 16px;
+
 }
 .uiklu-px-\[32px\]{
     padding-left: 32px;
     padding-right: 32px;
+
 }
 .uiklu-px-\[40px\]{
     padding-left: 40px;
     padding-right: 40px;
+
 }
 .uiklu-px-\[48px\]{
     padding-left: 48px;
     padding-right: 48px;
+
 }
 .uiklu-py-1{
     padding-top: 0.25rem;
     padding-bottom: 0.25rem;
+
 }
 .uiklu-py-1\.5{
     padding-top: 0.375rem;
     padding-bottom: 0.375rem;
+
 }
 .uiklu-py-2{
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
+
 }
 .uiklu-py-2\.5{
     padding-top: 0.625rem;
     padding-bottom: 0.625rem;
+
 }
 .uiklu-py-3{
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
+
 }
 .uiklu-pb-4{
     padding-bottom: 1rem;
+
 }
 .uiklu-pb-\[20px\]{
     padding-bottom: 20px;
+
 }
 .uiklu-pl-10{
     padding-left: 2.5rem;
+
 }
 .uiklu-pl-3{
     padding-left: 0.75rem;
+
 }
 .uiklu-pr-14{
     padding-right: 3.5rem;
+
 }
 .uiklu-pr-3{
     padding-right: 0.75rem;
+
 }
 .uiklu-pr-4{
     padding-right: 1rem;
+
 }
 .uiklu-pt-4{
     padding-top: 1rem;
+
 }
 .uiklu-pt-\[20px\]{
     padding-top: 20px;
+
 }
 .uiklu-text-left{
     text-align: left;
+
 }
 .uiklu-text-center{
     text-align: center;
+
 }
 .uiklu-text-right{
     text-align: right;
+
 }
 .uiklu-text-justify{
     text-align: justify;
+
 }
 .uiklu-font-mono{
     font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+
 }
 .uiklu-font-sans{
     font-family: 'Google Sans Flex', sans-serif;
+
 }
 .uiklu-text-2xl{
     font-size: 16px;
     line-height: 28px;
+
+}
+.uiklu-text-3xl{
+    font-size: 18px;
+    line-height: 28px;
+
 }
 .uiklu-text-4xl{
     font-size: 20px;
     line-height: 22px;
+
 }
 .uiklu-text-\[10px\]{
     font-size: 10px;
+
 }
 .uiklu-text-\[11px\]{
     font-size: 11px;
+
 }
 .uiklu-text-\[12px\]{
     font-size: 12px;
+
 }
 .uiklu-text-\[14px\]{
     font-size: 14px;
+
 }
 .uiklu-text-\[16px\]{
     font-size: 16px;
+
 }
 .uiklu-text-\[18px\]{
     font-size: 18px;
+
 }
 .uiklu-text-\[19px\]{
     font-size: 19px;
+
 }
 .uiklu-text-\[20px\]{
     font-size: 20px;
+
 }
 .uiklu-text-\[24px\]{
     font-size: 24px;
+
 }
 .uiklu-text-\[32px\]{
     font-size: 32px;
+
 }
 .uiklu-text-\[8px\]{
     font-size: 8px;
+
 }
 .uiklu-text-lg{
     font-size: 12px;
     line-height: 20px;
     font-weight: 500;
+
 }
 .uiklu-text-md{
     font-size: 11px;
     line-height: 18px;
     font-weight: 500;
+
 }
 .uiklu-text-sm{
     font-size: 10px;
     line-height: 16px;
     font-weight: 500;
+
 }
 .uiklu-text-xl{
     font-size: 14px;
     line-height: 24px;
+
 }
 .uiklu-text-xs{
     font-size: 8px;
     line-height: 14px;
     font-weight: 500;
+
 }
 .uiklu-font-bold{
     font-weight: 700;
+
 }
 .uiklu-font-medium{
     font-weight: 500;
+
 }
 .uiklu-font-normal{
     font-weight: 400;
+
 }
 .uiklu-font-semibold{
     font-weight: 600;
+
 }
 .uiklu-uppercase{
     text-transform: uppercase;
+
 }
 .uiklu-leading-none{
     line-height: 1;
+
 }
 .uiklu-leading-normal{
     line-height: 1.5;
+
 }
 .uiklu-leading-relaxed{
     line-height: 1.625;
+
 }
 .uiklu-leading-snug{
     line-height: 1.375;
+
 }
 .uiklu-leading-tight{
     line-height: 1.25;
+
 }
 .uiklu-tracking-tight{
     letter-spacing: -0.025em;
+
 }
 .uiklu-tracking-wider{
     letter-spacing: 0.05em;
+
+}
+.uiklu-tracking-widest{
+    letter-spacing: 0.1em;
+
 }
 .\!uiklu-text-destructive{
     --tw-text-opacity: 1 !important;
     color: hsl(var(--uiklu-destructive) / var(--tw-text-opacity, 1)) !important;
+
 }
 .uiklu-text-\[\#9A3412\]{
     --tw-text-opacity: 1;
     color: rgb(154 52 18 / var(--tw-text-opacity, 1));
-}
-.uiklu-text-balance-slate-600{
-    --tw-text-opacity: 1;
-    color: hsl(var(--uiklu-balance-slate-600) / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-baseblack{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-baseblack) / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-basewhite{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-basewhite) / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-black{
     --tw-text-opacity: 1;
     color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-destructive{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-destructive) / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-gray-400{
     --tw-text-opacity: 1;
     color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-gray-500{
     --tw-text-opacity: 1;
     color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-gray-600{
     --tw-text-opacity: 1;
     color: rgb(75 85 99 / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-gray-800{
     --tw-text-opacity: 1;
     color: rgb(31 41 55 / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-gray500{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-gray-500) / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-gray600{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-gray-600) / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-gray700{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-gray-700) / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-gray800{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-gray-800) / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-gray900{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-gray-900) / var(--tw-text-opacity, 1));
+
+}
+.uiklu-text-green-500{
+    --tw-text-opacity: 1;
+    color: rgb(34 197 94 / var(--tw-text-opacity, 1));
+
+}
+.uiklu-text-green-600{
+    --tw-text-opacity: 1;
+    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-green-700{
     --tw-text-opacity: 1;
     color: rgb(21 128 61 / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-inputtext{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-inputtext) / var(--tw-text-opacity, 1));
+
+}
+.uiklu-text-orange-500{
+    --tw-text-opacity: 1;
+    color: rgb(249 115 22 / var(--tw-text-opacity, 1));
+
 }
-.uiklu-text-orange{
+.uiklu-text-orange500{
     --tw-text-opacity: 1;
-    color: hsl(var(--uiklu-orange) / var(--tw-text-opacity, 1));
+    color: hsl(var(--uiklu-orange-500) / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-orange600{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-orange-600) / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-outlinesecondary{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-outlinesecondary) / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-primary{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-primary) / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-primary-foreground{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-primary-foreground) / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-primary300{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-primary-300) / var(--tw-text-opacity, 1));
+
 }
-.uiklu-text-primary700{
+.uiklu-text-primary600{
     --tw-text-opacity: 1;
-    color: hsl(var(--uiklu-primary-700) / var(--tw-text-opacity, 1));
+    color: hsl(var(--uiklu-primary-600) / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-primary800{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-primary-800) / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-primary900{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-primary-900) / var(--tw-text-opacity, 1));
+
+}
+.uiklu-text-red-500{
+    --tw-text-opacity: 1;
+    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+
+}
+.uiklu-text-red-600{
+    --tw-text-opacity: 1;
+    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-secondary{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-secondary) / var(--tw-text-opacity, 1));
+
+}
+.uiklu-text-teal-400{
+    --tw-text-opacity: 1;
+    color: rgb(45 212 191 / var(--tw-text-opacity, 1));
+
+}
+.uiklu-text-teal-600{
+    --tw-text-opacity: 1;
+    color: rgb(13 148 136 / var(--tw-text-opacity, 1));
+
+}
+.uiklu-text-teal-700{
+    --tw-text-opacity: 1;
+    color: rgb(15 118 110 / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-white{
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+
 }
 .uiklu-text-white\/60{
     color: rgb(255 255 255 / 0.6);
+
 }
 .uiklu-opacity-0{
     opacity: 0;
+
 }
 .uiklu-opacity-100{
     opacity: 1;
+
 }
 .uiklu-opacity-70{
     opacity: 0.7;
+
 }
 .uiklu-opacity-80{
     opacity: 0.8;
+
 }
 .uiklu-opacity-90{
     opacity: 0.9;
+
 }
 .uiklu-shadow-2xl{
     --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
     --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+
 }
 .uiklu-shadow-lg{
     --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+
 }
 .uiklu-shadow-md{
     --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+
 }
 .uiklu-shadow-none{
     --tw-shadow: 0 0 #0000;
     --tw-shadow-colored: 0 0 #0000;
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+
 }
 .uiklu-shadow-sm{
     --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
     --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+
 }
 .uiklu-shadow-xl{
     --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+
 }
 .uiklu-outline-none{
     outline: 2px solid transparent;
     outline-offset: 2px;
+
 }
 .uiklu-ring-1{
     --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
     box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+
 }
 .uiklu-ring-foreground\/10{
     --tw-ring-color: hsl(var(--uiklu-foreground) / 0.1);
+
 }
 .uiklu-backdrop-blur-md{
     --tw-backdrop-blur: blur(12px);
     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);
+
 }
 .uiklu-backdrop-blur-sm{
     --tw-backdrop-blur: blur(4px);
     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);
+
 }
 .uiklu-transition-all{
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms;
+
 }
 .uiklu-transition-colors{
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms;
+
 }
 .uiklu-transition-opacity{
     transition-property: opacity;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms;
+
 }
 .uiklu-duration-200{
     transition-duration: 200ms;
+
 }
 .uiklu-duration-500{
     transition-duration: 500ms;
+
 }
 
 input.uiklu-flex:not(:-moz-placeholder) {
@@ -1528,209 +1997,259 @@ input.uiklu-flex:not(:placeholder-shown) {
 .placeholder\:\!uiklu-text-destructive::-moz-placeholder{
     --tw-text-opacity: 1 !important;
     color: hsl(var(--uiklu-destructive) / var(--tw-text-opacity, 1)) !important;
+
 }
 
 .placeholder\:\!uiklu-text-destructive::placeholder{
     --tw-text-opacity: 1 !important;
     color: hsl(var(--uiklu-destructive) / var(--tw-text-opacity, 1)) !important;
+
 }
 
 .placeholder\:uiklu-text-gray500::-moz-placeholder{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-gray-500) / var(--tw-text-opacity, 1));
+
 }
 
 .placeholder\:uiklu-text-gray500::placeholder{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-gray-500) / var(--tw-text-opacity, 1));
+
 }
 
 .placeholder\:uiklu-opacity-100::-moz-placeholder{
     opacity: 1;
+
 }
 
 .placeholder\:uiklu-opacity-100::placeholder{
     opacity: 1;
+
 }
 
 .hover\:uiklu-bg-gray-100:hover{
     --tw-bg-opacity: 1;
     background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+
 }
 
 .hover\:uiklu-bg-gray-300:hover{
     --tw-bg-opacity: 1;
     background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
+
 }
 
-.hover\:uiklu-bg-orange\/90:hover{
-    background-color: hsl(var(--uiklu-orange) / 0.9);
+.hover\:uiklu-bg-orange500\/90:hover{
+    background-color: hsl(var(--uiklu-orange-500) / 0.9);
+
 }
 
 .hover\:uiklu-bg-outlinesecondary\/10:hover{
     background-color: hsl(var(--uiklu-outlinesecondary) / 0.1);
+
 }
 
 .hover\:uiklu-bg-primary900\/5:hover{
     background-color: hsl(var(--uiklu-primary-900) / 0.05);
+
 }
 
 .hover\:uiklu-bg-primary900\/90:hover{
     background-color: hsl(var(--uiklu-primary-900) / 0.9);
+
 }
 
 .hover\:uiklu-bg-white\/10:hover{
     background-color: rgb(255 255 255 / 0.1);
+
 }
 
 .hover\:uiklu-underline:hover{
     text-decoration-line: underline;
+
 }
 
 .hover\:uiklu-opacity-100:hover{
     opacity: 1;
+
 }
 
 .hover\:uiklu-opacity-70:hover{
     opacity: 0.7;
+
 }
 
 .hover\:uiklu-opacity-80:hover{
     opacity: 0.8;
+
 }
 
 .hover\:uiklu-opacity-90:hover{
     opacity: 0.9;
+
 }
 
 .focus\:uiklu-border-\[1px\]:focus{
     border-width: 1px;
+
 }
 
 .focus\:uiklu-border-baseblack:focus{
     --tw-border-opacity: 1;
     border-color: hsl(var(--uiklu-baseblack) / var(--tw-border-opacity, 1));
+
 }
 
 .focus\:uiklu-border-destructive:focus{
     --tw-border-opacity: 1;
     border-color: hsl(var(--uiklu-destructive) / var(--tw-border-opacity, 1));
+
 }
 
 .focus\:uiklu-border-primary900:focus{
     --tw-border-opacity: 1;
     border-color: hsl(var(--uiklu-primary-900) / var(--tw-border-opacity, 1));
+
 }
 
 .focus\:uiklu-bg-primary\/10:focus{
     background-color: hsl(var(--uiklu-primary) / 0.1);
+
 }
 
 .focus\:uiklu-text-primary:focus{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-primary) / var(--tw-text-opacity, 1));
+
 }
 
 .focus\:uiklu-shadow-\[0_0_0_3px_\#AFD8D8\]:focus{
     --tw-shadow: 0 0 0 3px #AFD8D8;
     --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+
 }
 
 .focus\:uiklu-shadow-\[0_0_0_3px_rgba\(220\2c 38\2c 38\2c 0\.20\)\]:focus{
     --tw-shadow: 0 0 0 3px rgba(220,38,38,0.20);
     --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+
 }
 
 .focus\:uiklu-outline-none:focus{
     outline: 2px solid transparent;
     outline-offset: 2px;
+
 }
 
 .active\:uiklu-opacity-70:active{
     opacity: 0.7;
+
 }
 
 .disabled\:uiklu-cursor-not-allowed:disabled{
     cursor: not-allowed;
+
 }
 
 .disabled\:uiklu-text-gray200:disabled{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-gray-200) / var(--tw-text-opacity, 1));
+
 }
 
 .disabled\:uiklu-opacity-50:disabled{
     opacity: 0.5;
+
 }
 
 .disabled\:placeholder\:uiklu-text-gray200:disabled::-moz-placeholder{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-gray-200) / var(--tw-text-opacity, 1));
+
 }
 
 .disabled\:placeholder\:uiklu-text-gray200:disabled::placeholder{
     --tw-text-opacity: 1;
     color: hsl(var(--uiklu-gray-200) / var(--tw-text-opacity, 1));
+
 }
 
 .uiklu-group.destructive .group-\[\.destructive\]\:uiklu-bg-orange400{
     --tw-bg-opacity: 1;
     background-color: hsl(var(--uiklu-orange-400) / var(--tw-bg-opacity, 1));
+
 }
 
 .data-\[placeholder\]\:uiklu-opacity-40[data-placeholder]{
     opacity: 0.4;
+
 }
 
 @media (min-width: 640px){
     .sm\:uiklu-flex-row{
         flex-direction: row;
+
     }
     .sm\:uiklu-justify-end{
         justify-content: flex-end;
+
     }
     .sm\:uiklu-space-x-2 > :not([hidden]) ~ :not([hidden]){
         --tw-space-x-reverse: 0;
         margin-right: calc(0.5rem * var(--tw-space-x-reverse));
         margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+
     }
     .sm\:uiklu-pt-0{
         padding-top: 0px;
+
     }
     .sm\:uiklu-text-left{
         text-align: left;
+
     }
+
 }
 
 @media (min-width: 768px){
     .md\:uiklu-min-h-\[262px\]{
         min-height: 262px;
+
     }
     .md\:uiklu-max-w-\[400px\]{
         max-width: 400px;
+
     }
     .md\:uiklu-flex-1{
         flex: 1 1 0%;
+
     }
     .md\:uiklu-grid-cols-2{
         grid-template-columns: repeat(2, minmax(0, 1fr));
+
     }
     .md\:uiklu-flex-row{
         flex-direction: row;
+
     }
     .md\:uiklu-opacity-100{
         opacity: 1;
+
     }
+
 }
 
 .\[\&\>\[data-slot\=progress-indicator\]\]\:uiklu-bg-primary300>[data-slot=progress-indicator]{
     --tw-bg-opacity: 1;
     background-color: hsl(var(--uiklu-primary-300) / var(--tw-bg-opacity, 1));
+
 }
 
 .\[\&\>div\]\:uiklu-bg-primary300>div{
     --tw-bg-opacity: 1;
     background-color: hsl(var(--uiklu-primary-300) / var(--tw-bg-opacity, 1));
+
 }