karin-plugin-kkk 2.18.2 → 2.19.0

package/lib/karin-plugin-kkk.css

@@ -83,6 +83,14 @@
   :root, :host {
     --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: "JetBrains Mono", HarmonyOSHans-Regular, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
+    --color-orange-300: oklch(83.7% .128 66.29);
+    --color-orange-400: oklch(75% .183 55.934);
+    --color-emerald-300: oklch(84.5% .143 164.978);
+    --color-emerald-400: oklch(76.5% .177 163.223);
+    --color-emerald-500: oklch(69.6% .17 162.48);
+    --color-rose-300: oklch(81% .117 11.638);
+    --color-rose-400: oklch(71.2% .194 13.428);
+    --color-rose-500: oklch(64.5% .246 16.439);
     --color-slate-50: oklch(98.4% .003 247.858);
     --color-slate-400: oklch(70.4% .04 256.788);
     --color-slate-500: oklch(55.4% .046 257.417);
@@ -103,6 +111,8 @@
     --text-xs--line-height: calc(1 / .75);
     --text-sm: .875rem;
     --text-sm--line-height: calc(1.25 / .875);
+    --text-base: 1rem;
+    --text-base--line-height: calc(1.5 / 1);
     --text-lg: 1.125rem;
     --text-lg--line-height: calc(1.75 / 1.125);
     --text-xl: 1.25rem;
@@ -609,6 +619,14 @@
     position: sticky;
   }
 
+  .-inset-4 {
+    inset: calc(var(--spacing) * -4);
+  }
+
+  .-inset-8 {
+    inset: calc(var(--spacing) * -8);
+  }
+
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
@@ -665,6 +683,10 @@
     top: calc(var(--spacing) * -2);
   }
 
+  .-top-4 {
+    top: calc(var(--spacing) * -4);
+  }
+
   .-top-8 {
     top: calc(var(--spacing) * -8);
   }
@@ -673,12 +695,12 @@
     top: calc(var(--spacing) * -10);
   }
 
-  .-top-13 {
-    top: calc(var(--spacing) * -13);
+  .-top-12 {
+    top: calc(var(--spacing) * -12);
   }
 
-  .-top-50 {
-    top: calc(var(--spacing) * -50);
+  .-top-13 {
+    top: calc(var(--spacing) * -13);
   }
 
   .-top-67\.5 {
@@ -693,6 +715,14 @@
     top: calc(var(--spacing) * -125);
   }
 
+  .-top-\[20\%\] {
+    top: -20%;
+  }
+
+  .-top-\[200px\] {
+    top: -200px;
+  }
+
   .-top-px {
     top: -1px;
   }
@@ -733,14 +763,6 @@
     top: calc(var(--spacing) * 12);
   }
 
-  .top-14 {
-    top: calc(var(--spacing) * 14);
-  }
-
-  .top-20 {
-    top: calc(var(--spacing) * 20);
-  }
-
   .top-25 {
     top: calc(var(--spacing) * 25);
   }
@@ -749,10 +771,6 @@
     top: calc(var(--spacing) * 30);
   }
 
-  .top-75 {
-    top: calc(var(--spacing) * 75);
-  }
-
   .top-100 {
     top: calc(var(--spacing) * 100);
   }
@@ -761,6 +779,10 @@
     top: calc(var(--spacing) * 112.5);
   }
 
+  .top-150 {
+    top: calc(var(--spacing) * 150);
+  }
+
   .top-\[-40\%\] {
     top: -40%;
   }
@@ -797,6 +819,10 @@
     right: calc(var(--spacing) * -2);
   }
 
+  .-right-3 {
+    right: calc(var(--spacing) * -3);
+  }
+
   .-right-8 {
     right: calc(var(--spacing) * -8);
   }
@@ -813,10 +839,6 @@
     right: calc(var(--spacing) * -25);
   }
 
-  .-right-37\.5 {
-    right: calc(var(--spacing) * -37.5);
-  }
-
   .-right-90 {
     right: calc(var(--spacing) * -90);
   }
@@ -825,6 +847,10 @@
     right: calc(var(--spacing) * -100);
   }
 
+  .-right-\[20\%\] {
+    right: -20%;
+  }
+
   .-right-px {
     right: -1px;
   }
@@ -877,10 +903,6 @@
     right: calc(var(--spacing) * 16);
   }
 
-  .right-17\.5 {
-    right: calc(var(--spacing) * 17.5);
-  }
-
   .right-18 {
     right: calc(var(--spacing) * 18);
   }
@@ -889,10 +911,6 @@
     right: calc(var(--spacing) * 20);
   }
 
-  .right-24 {
-    right: calc(var(--spacing) * 24);
-  }
-
   .right-35 {
     right: calc(var(--spacing) * 35);
   }
@@ -913,6 +931,10 @@
     bottom: calc(var(--spacing) * -1);
   }
 
+  .-bottom-3 {
+    bottom: calc(var(--spacing) * -3);
+  }
+
   .-bottom-6 {
     bottom: calc(var(--spacing) * -6);
   }
@@ -925,10 +947,6 @@
     bottom: calc(var(--spacing) * -24);
   }
 
-  .-bottom-25 {
-    bottom: calc(var(--spacing) * -25);
-  }
-
   .-bottom-45 {
     bottom: calc(var(--spacing) * -45);
   }
@@ -941,6 +959,14 @@
     bottom: calc(var(--spacing) * -120);
   }
 
+  .-bottom-\[20\%\] {
+    bottom: -20%;
+  }
+
+  .-bottom-\[200px\] {
+    bottom: -200px;
+  }
+
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
@@ -1013,6 +1039,10 @@
     left: calc(var(--spacing) * -2);
   }
 
+  .-left-8 {
+    left: calc(var(--spacing) * -8);
+  }
+
   .-left-45 {
     left: calc(var(--spacing) * -45);
   }
@@ -1025,6 +1055,10 @@
     left: calc(var(--spacing) * -100);
   }
 
+  .-left-\[20\%\] {
+    left: -20%;
+  }
+
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
@@ -1049,14 +1083,6 @@
     left: calc(var(--spacing) * 16);
   }
 
-  .left-24 {
-    left: calc(var(--spacing) * 24);
-  }
-
-  .left-25 {
-    left: calc(var(--spacing) * 25);
-  }
-
   .left-45 {
     left: calc(var(--spacing) * 45);
   }
@@ -1065,6 +1091,10 @@
     left: calc(var(--spacing) * 50);
   }
 
+  .left-100 {
+    left: calc(var(--spacing) * 100);
+  }
+
   .left-\[-50\%\] {
     left: -50%;
   }
@@ -1141,6 +1171,14 @@
     order: 3;
   }
 
+  .col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
   .container {
     width: 100%;
   }
@@ -1359,6 +1397,10 @@
     margin-top: calc(var(--spacing) * 10);
   }
 
+  .mt-12 {
+    margin-top: calc(var(--spacing) * 12);
+  }
+
   .mt-15 {
     margin-top: calc(var(--spacing) * 15);
   }
@@ -1367,6 +1409,10 @@
     margin-top: calc(var(--spacing) * 20);
   }
 
+  .mt-32 {
+    margin-top: calc(var(--spacing) * 32);
+  }
+
   .mt-35 {
     margin-top: calc(var(--spacing) * 35);
   }
@@ -1423,6 +1469,10 @@
     margin-right: calc(var(--spacing) * 5);
   }
 
+  .mr-6 {
+    margin-right: calc(var(--spacing) * 6);
+  }
+
   .mr-7 {
     margin-right: calc(var(--spacing) * 7);
   }
@@ -1921,6 +1971,10 @@
     height: calc(var(--spacing) * 52);
   }
 
+  .h-56 {
+    height: calc(var(--spacing) * 56);
+  }
+
   .h-61\.25 {
     height: calc(var(--spacing) * 61.25);
   }
@@ -1929,14 +1983,6 @@
     height: calc(var(--spacing) * 64);
   }
 
-  .h-80 {
-    height: calc(var(--spacing) * 80);
-  }
-
-  .h-84 {
-    height: calc(var(--spacing) * 84);
-  }
-
   .h-87\.5 {
     height: calc(var(--spacing) * 87.5);
   }
@@ -1973,10 +2019,6 @@
     height: calc(var(--spacing) * 160);
   }
 
-  .h-175 {
-    height: calc(var(--spacing) * 175);
-  }
-
   .h-200 {
     height: calc(var(--spacing) * 200);
   }
@@ -2029,8 +2071,8 @@
     height: 50%;
   }
 
-  .h-\[60vh\] {
-    height: 60vh;
+  .h-\[60\%\] {
+    height: 60%;
   }
 
   .h-\[90vh\] {
@@ -2045,6 +2087,18 @@
     height: 187.5px;
   }
 
+  .h-\[600px\] {
+    height: 600px;
+  }
+
+  .h-\[700px\] {
+    height: 700px;
+  }
+
+  .h-\[800px\] {
+    height: 800px;
+  }
+
   .h-\[calc\(100\%-160px\)\] {
     height: calc(100% - 160px);
   }
@@ -2081,6 +2135,10 @@
     height: 100%;
   }
 
+  .h-full\! {
+    height: 100% !important;
+  }
+
   .h-px {
     height: 1px;
   }
@@ -2125,6 +2183,10 @@
     max-height: 64rem;
   }
 
+  .max-h-\[95vh\] {
+    max-height: 95vh;
+  }
+
   .max-h-\[calc\(100\%_-_8rem\)\] {
     max-height: calc(100% - 8rem);
   }
@@ -2197,6 +2259,10 @@
     min-height: 100dvh;
   }
 
+  .min-h-\[2000px\] {
+    min-height: 2000px;
+  }
+
   .min-h-\[calc\(100vh-200px\)\] {
     min-height: calc(100vh - 200px);
   }
@@ -2365,6 +2431,10 @@
     width: calc(var(--spacing) * 64);
   }
 
+  .w-65 {
+    width: calc(var(--spacing) * 65);
+  }
+
   .w-75 {
     width: calc(var(--spacing) * 75);
   }
@@ -2405,14 +2475,6 @@
     width: calc(var(--spacing) * 162.5);
   }
 
-  .w-175 {
-    width: calc(var(--spacing) * 175);
-  }
-
-  .w-200 {
-    width: calc(var(--spacing) * 200);
-  }
-
   .w-225 {
     width: calc(var(--spacing) * 225);
   }
@@ -2485,8 +2547,12 @@
     width: 187.5px;
   }
 
-  .w-\[320px\] {
-    width: 320px;
+  .w-\[700px\] {
+    width: 700px;
+  }
+
+  .w-\[800px\] {
+    width: 800px;
   }
 
   .w-\[calc\(100\%-160px\)\] {
@@ -2525,6 +2591,10 @@
     width: 100%;
   }
 
+  .w-full\! {
+    width: 100% !important;
+  }
+
   .w-max {
     width: max-content;
   }
@@ -2956,6 +3026,10 @@
     rotate: none;
   }
 
+  .rotate-12 {
+    rotate: 12deg;
+  }
+
   .rotate-15 {
     rotate: 15deg;
   }
@@ -2990,6 +3064,14 @@
     animation: 1s infinite appearance-in;
   }
 
+  .animate-\[bounce_4s_infinite\] {
+    animation: 4s infinite bounce;
+  }
+
+  .animate-\[spin_10s_linear_infinite\] {
+    animation: 10s linear infinite spin;
+  }
+
   .animate-blink {
     animation: 1.4s infinite both blink;
   }
@@ -3034,10 +3116,6 @@
     cursor: grab;
   }
 
-  .cursor-move {
-    cursor: move;
-  }
-
   .cursor-not-allowed {
     cursor: not-allowed;
   }
@@ -3114,6 +3192,14 @@
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 
+  .grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
   .grid-cols-\[100px_minmax\(0\,1fr\)\] {
     grid-template-columns: 100px minmax(0, 1fr);
   }
@@ -3524,6 +3610,14 @@
     border-radius: 2%;
   }
 
+  .rounded-\[2\.5rem\] {
+    border-radius: 2.5rem;
+  }
+
+  .rounded-\[3rem\] {
+    border-radius: 3rem;
+  }
+
   .rounded-\[10px\] {
     border-radius: 10px;
   }
@@ -3640,8 +3734,8 @@
     border-bottom-left-radius: 0;
   }
 
-  .rounded-tl-3xl {
-    border-top-left-radius: var(--radius-3xl);
+  .rounded-tl-2xl {
+    border-top-left-radius: var(--radius-2xl);
   }
 
   .rounded-r-none {
@@ -3649,6 +3743,10 @@
     border-bottom-right-radius: 0;
   }
 
+  .rounded-tr-2xl {
+    border-top-right-radius: var(--radius-2xl);
+  }
+
   .rounded-b-large {
     border-bottom-right-radius: var(--heroui-radius-large);
     border-bottom-left-radius: var(--heroui-radius-large);
@@ -3669,8 +3767,12 @@
     border-bottom-left-radius: var(--heroui-radius-small);
   }
 
-  .rounded-br-3xl {
-    border-bottom-right-radius: var(--radius-3xl);
+  .rounded-br-2xl {
+    border-bottom-right-radius: var(--radius-2xl);
+  }
+
+  .rounded-bl-2xl {
+    border-bottom-left-radius: var(--radius-2xl);
   }
 
   .border {
@@ -3728,6 +3830,16 @@
     border-width: 200px;
   }
 
+  .border-\[5px\] {
+    border-style: var(--tw-border-style);
+    border-width: 5px;
+  }
+
+  .border-\[6px\] {
+    border-style: var(--tw-border-style);
+    border-width: 6px;
+  }
+
   .border-\[7px\] {
     border-style: var(--tw-border-style);
     border-width: 7px;
@@ -3783,6 +3895,11 @@
     border-top-width: 2px;
   }
 
+  .border-t-4 {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 4px;
+  }
+
   .border-t-20 {
     border-top-style: var(--tw-border-style);
     border-top-width: 20px;
@@ -3798,6 +3915,11 @@
     border-right-width: 2px;
   }
 
+  .border-r-4 {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 4px;
+  }
+
   .border-r-30 {
     border-right-style: var(--tw-border-style);
     border-right-width: 30px;
@@ -3896,6 +4018,16 @@
     border-color: hsl(var(--heroui-danger-400) / 1);
   }
 
+  .border-danger-500\/20 {
+    border-color: hsl(var(--heroui-danger-500) / 1);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-danger-500\/20 {
+      border-color: color-mix(in oklab, hsl(var(--heroui-danger-500) / 1) 20%, transparent);
+    }
+  }
+
   .border-danger\/25 {
     border-color: hsl(var(--heroui-danger) / 1);
   }
@@ -3924,7 +4056,17 @@
     border-color: hsl(var(--heroui-default-100) / 1);
   }
 
-  .border-default-200, .border-default-200\/30 {
+  .border-default-200, .border-default-200\/20 {
+    border-color: hsl(var(--heroui-default-200) / 1);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-default-200\/20 {
+      border-color: color-mix(in oklab, hsl(var(--heroui-default-200) / 1) 20%, transparent);
+    }
+  }
+
+  .border-default-200\/30 {
     border-color: hsl(var(--heroui-default-200) / 1);
   }
 
@@ -3986,6 +4128,26 @@
     }
   }
 
+  .border-emerald-300\/30 {
+    border-color: #5ee9b54d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-emerald-300\/30 {
+      border-color: color-mix(in oklab, var(--color-emerald-300) 30%, transparent);
+    }
+  }
+
+  .border-emerald-400\/30 {
+    border-color: #00d2944d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-emerald-400\/30 {
+      border-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
+    }
+  }
+
   .border-foreground {
     border-color: hsl(var(--heroui-foreground) / 1);
   }
@@ -4018,6 +4180,16 @@
     border-color: hsl(var(--heroui-primary-400) / 1);
   }
 
+  .border-primary-500\/20 {
+    border-color: hsl(var(--heroui-primary-500) / 1);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-primary-500\/20 {
+      border-color: color-mix(in oklab, hsl(var(--heroui-primary-500) / 1) 20%, transparent);
+    }
+  }
+
   .border-primary\/25 {
     border-color: hsl(var(--heroui-primary) / 1);
   }
@@ -4032,6 +4204,26 @@
     border-color: #faa0bf;
   }
 
+  .border-rose-300\/30 {
+    border-color: #ffa2ae4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-rose-300\/30 {
+      border-color: color-mix(in oklab, var(--color-rose-300) 30%, transparent);
+    }
+  }
+
+  .border-rose-400\/30 {
+    border-color: #ff667f4d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-rose-400\/30 {
+      border-color: color-mix(in oklab, var(--color-rose-400) 30%, transparent);
+    }
+  }
+
   .border-secondary {
     border-color: hsl(var(--heroui-secondary) / 1);
   }
@@ -4048,6 +4240,16 @@
     border-color: hsl(var(--heroui-secondary-400) / 1);
   }
 
+  .border-secondary-500\/20 {
+    border-color: hsl(var(--heroui-secondary-500) / 1);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-secondary-500\/20 {
+      border-color: color-mix(in oklab, hsl(var(--heroui-secondary-500) / 1) 20%, transparent);
+    }
+  }
+
   .border-secondary\/25 {
     border-color: hsl(var(--heroui-secondary) / 1);
   }
@@ -4126,6 +4328,16 @@
     border-color: hsl(var(--heroui-warning-400) / 1);
   }
 
+  .border-warning-500\/20 {
+    border-color: hsl(var(--heroui-warning-500) / 1);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-warning-500\/20 {
+      border-color: color-mix(in oklab, hsl(var(--heroui-warning-500) / 1) 20%, transparent);
+    }
+  }
+
   .border-warning\/25 {
     border-color: hsl(var(--heroui-warning) / 1);
   }
@@ -4136,6 +4348,10 @@
     }
   }
 
+  .border-white {
+    border-color: #fff;
+  }
+
   .border-white\/30 {
     border-color: oklab(100% 0 5.96046e-8 / .3);
   }
@@ -4270,6 +4486,18 @@
     background-color: #000;
   }
 
+  .bg-black\/5 {
+    background-color: oklab(0% none none / .05);
+  }
+
+  .bg-black\/20 {
+    background-color: oklab(0% none none / .2);
+  }
+
+  .bg-black\/30 {
+    background-color: oklab(0% none none / .3);
+  }
+
   .bg-black\/50 {
     background-color: oklab(0% none none / .5);
   }
@@ -4278,6 +4506,10 @@
     background-color: oklab(0% none none / .7);
   }
 
+  .bg-blue-300\/40 {
+    background-color: oklab(72.6613% -.0387845 -.129252 / .4);
+  }
+
   .bg-blue-500 {
     background-color: #006fee;
   }
@@ -4302,7 +4534,17 @@
     }
   }
 
-  .bg-content2, .bg-content2\/40 {
+  .bg-content2, .bg-content2\/20 {
+    background-color: hsl(var(--heroui-content2) / 1);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-content2\/20 {
+      background-color: color-mix(in oklab, hsl(var(--heroui-content2) / 1) 20%, transparent);
+    }
+  }
+
+  .bg-content2\/40 {
     background-color: hsl(var(--heroui-content2) / 1);
   }
 
@@ -4352,10 +4594,16 @@
     background-color: hsl(var(--heroui-danger-400) / 1);
   }
 
-  .bg-danger-500 {
+  .bg-danger-500, .bg-danger-500\/5 {
     background-color: hsl(var(--heroui-danger-500) / 1);
   }
 
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-danger-500\/5 {
+      background-color: color-mix(in oklab, hsl(var(--heroui-danger-500) / 1) 5%, transparent);
+    }
+  }
+
   .bg-danger\/5 {
     background-color: hsl(var(--heroui-danger) / 1);
   }
@@ -4400,7 +4648,17 @@
     background-color: hsl(var(--heroui-default) / 1);
   }
 
-  .bg-default-50, .bg-default-50\/80 {
+  .bg-default-50, .bg-default-50\/60 {
+    background-color: hsl(var(--heroui-default-50) / 1);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-default-50\/60 {
+      background-color: color-mix(in oklab, hsl(var(--heroui-default-50) / 1) 60%, transparent);
+    }
+  }
+
+  .bg-default-50\/80 {
     background-color: hsl(var(--heroui-default-50) / 1);
   }
 
@@ -4440,13 +4698,13 @@
     }
   }
 
-  .bg-default-100\/90 {
+  .bg-default-100\/80 {
     background-color: hsl(var(--heroui-default-100) / 1);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-default-100\/90 {
-      background-color: color-mix(in oklab, hsl(var(--heroui-default-100) / 1) 90%, transparent);
+    .bg-default-100\/80 {
+      background-color: color-mix(in oklab, hsl(var(--heroui-default-100) / 1) 80%, transparent);
     }
   }
 
@@ -4536,6 +4794,20 @@
     }
   }
 
+  .bg-emerald-500 {
+    background-color: var(--color-emerald-500);
+  }
+
+  .bg-emerald-500\/5 {
+    background-color: #00bb7f0d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-emerald-500\/5 {
+      background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
+    }
+  }
+
   .bg-foreground {
     background-color: hsl(var(--heroui-foreground) / 1);
   }
@@ -4558,6 +4830,16 @@
     }
   }
 
+  .bg-orange-300\/40 {
+    background-color: #ffb96d66;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-orange-300\/40 {
+      background-color: color-mix(in oklab, var(--color-orange-300) 40%, transparent);
+    }
+  }
+
   .bg-overlay\/30 {
     background-color: hsl(var(--heroui-overlay) / 1);
   }
@@ -4594,6 +4876,16 @@
     background-color: hsl(var(--heroui-primary-400) / 1);
   }
 
+  .bg-primary-500\/5 {
+    background-color: hsl(var(--heroui-primary-500) / 1);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-primary-500\/5 {
+      background-color: color-mix(in oklab, hsl(var(--heroui-primary-500) / 1) 5%, transparent);
+    }
+  }
+
   .bg-primary\/5 {
     background-color: hsl(var(--heroui-primary) / 1);
   }
@@ -4634,6 +4926,20 @@
     }
   }
 
+  .bg-rose-500 {
+    background-color: var(--color-rose-500);
+  }
+
+  .bg-rose-500\/5 {
+    background-color: #ff23570d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-rose-500\/5 {
+      background-color: color-mix(in oklab, var(--color-rose-500) 5%, transparent);
+    }
+  }
+
   .bg-secondary {
     background-color: hsl(var(--heroui-secondary) / 1);
   }
@@ -4650,6 +4956,16 @@
     background-color: hsl(var(--heroui-secondary-400) / 1);
   }
 
+  .bg-secondary-500\/5 {
+    background-color: hsl(var(--heroui-secondary-500) / 1);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-secondary-500\/5 {
+      background-color: color-mix(in oklab, hsl(var(--heroui-secondary-500) / 1) 5%, transparent);
+    }
+  }
+
   .bg-secondary\/5 {
     background-color: hsl(var(--heroui-secondary) / 1);
   }
@@ -4754,10 +5070,16 @@
     background-color: hsl(var(--heroui-warning-400) / 1);
   }
 
-  .bg-warning-500 {
+  .bg-warning-500, .bg-warning-500\/5 {
     background-color: hsl(var(--heroui-warning-500) / 1);
   }
 
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-warning-500\/5 {
+      background-color: color-mix(in oklab, hsl(var(--heroui-warning-500) / 1) 5%, transparent);
+    }
+  }
+
   .bg-warning\/5 {
     background-color: hsl(var(--heroui-warning) / 1);
   }
@@ -4792,6 +5114,10 @@
     background-color: #fff;
   }
 
+  .bg-white\/10 {
+    background-color: oklab(100% 0 5.96046e-8 / .1);
+  }
+
   .bg-white\/20 {
     background-color: oklab(100% 0 5.96046e-8 / .2);
   }
@@ -4904,6 +5230,11 @@
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
+  .from-black\/90 {
+    --tw-gradient-from: oklab(0% none none / .9);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+
   .from-content1 {
     --tw-gradient-from: hsl(var(--heroui-content1) / 1);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -4914,27 +5245,28 @@
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
-  .from-default-foreground {
-    --tw-gradient-from: hsl(var(--heroui-default-foreground) / 1);
+  .from-default-200 {
+    --tw-gradient-from: hsl(var(--heroui-default-200) / 1);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
-  .from-foreground {
-    --tw-gradient-from: hsl(var(--heroui-foreground) / 1);
+  .from-default-foreground {
+    --tw-gradient-from: hsl(var(--heroui-default-foreground) / 1);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
-  .from-primary\/20 {
-    --tw-gradient-from: hsl(var(--heroui-primary) / 1);
+  .from-emerald-400 {
+    --tw-gradient-from: var(--color-emerald-400);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
-  @supports (color: color-mix(in lab, red, red)) {
-    .from-primary\/20 {
-      --tw-gradient-from: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 20%, transparent);
-    }
+  .from-foreground {
+    --tw-gradient-from: hsl(var(--heroui-foreground) / 1);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
-  .from-primary\/20 {
+  .from-rose-400 {
+    --tw-gradient-from: var(--color-rose-400);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
@@ -4943,6 +5275,12 @@
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
+  .via-black\/50 {
+    --tw-gradient-via: oklab(0% none none / .5);
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
+
   .via-content1 {
     --tw-gradient-via: hsl(var(--heroui-content1) / 1);
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -4976,6 +5314,11 @@
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
 
+  .to-blue-400 {
+    --tw-gradient-to: #338ef7;
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+
   .to-content1\/80 {
     --tw-gradient-to: hsl(var(--heroui-content1) / 1);
   }
@@ -5025,22 +5368,13 @@
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
-  .to-primary {
-    --tw-gradient-to: hsl(var(--heroui-primary) / 1);
+  .to-orange-400 {
+    --tw-gradient-to: var(--color-orange-400);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
-  .to-primary\/5 {
+  .to-primary {
     --tw-gradient-to: hsl(var(--heroui-primary) / 1);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .to-primary\/5 {
-      --tw-gradient-to: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 5%, transparent);
-    }
-  }
-
-  .to-primary\/5 {
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
 
@@ -5143,10 +5477,6 @@
     padding: calc(var(--spacing) * 1);
   }
 
-  .p-1\.5 {
-    padding: calc(var(--spacing) * 1.5);
-  }
-
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
@@ -5279,6 +5609,10 @@
     padding-inline: calc(var(--spacing) * 24);
   }
 
+  .px-32 {
+    padding-inline: calc(var(--spacing) * 32);
+  }
+
   .py-0 {
     padding-block: calc(var(--spacing) * 0);
   }
@@ -5315,6 +5649,10 @@
     padding-block: calc(var(--spacing) * 5);
   }
 
+  .py-6 {
+    padding-block: calc(var(--spacing) * 6);
+  }
+
   .py-8 {
     padding-block: calc(var(--spacing) * 8);
   }
@@ -5411,6 +5749,10 @@
     padding-top: calc(var(--spacing) * 32);
   }
 
+  .pt-40 {
+    padding-top: calc(var(--spacing) * 40);
+  }
+
   .pr-0 {
     padding-right: calc(var(--spacing) * 0);
   }
@@ -5667,6 +6009,11 @@
     line-height: var(--tw-leading, var(--text-9xl--line-height));
   }
 
+  .text-base {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+
   .text-large {
     font-size: var(--heroui-font-size-large);
     line-height: var(--heroui-line-height-large);
@@ -5759,6 +6106,10 @@
     font-size: 5rem;
   }
 
+  .text-\[9px\] {
+    font-size: 9px;
+  }
+
   .text-\[10px\] {
     font-size: 10px;
   }
@@ -5767,22 +6118,6 @@
     font-size: 11em;
   }
 
-  .text-\[12px\] {
-    font-size: 12px;
-  }
-
-  .text-\[16px\] {
-    font-size: 16px;
-  }
-
-  .text-\[18px\] {
-    font-size: 18px;
-  }
-
-  .text-\[20px\] {
-    font-size: 20px;
-  }
-
   .text-\[22px\] {
     font-size: 22px;
   }
@@ -5791,10 +6126,6 @@
     font-size: 24px;
   }
 
-  .text-\[26px\] {
-    font-size: 26px;
-  }
-
   .text-\[28px\] {
     font-size: 28px;
   }
@@ -5867,6 +6198,10 @@
     font-size: 80px;
   }
 
+  .text-\[90px\] {
+    font-size: 90px;
+  }
+
   .text-\[100\%\] {
     font-size: 100%;
   }
@@ -5875,10 +6210,6 @@
     font-size: 120px;
   }
 
-  .text-\[140px\] {
-    font-size: 140px;
-  }
-
   .text-\[180px\] {
     font-size: 180px;
   }
@@ -6016,11 +6347,6 @@
     letter-spacing: .4em;
   }
 
-  .tracking-\[0\.5em\] {
-    --tw-tracking: .5em;
-    letter-spacing: .5em;
-  }
-
   .tracking-\[0\.5px\] {
     --tw-tracking: .5px;
     letter-spacing: .5px;
@@ -6142,6 +6468,10 @@
     color: #000;
   }
 
+  .text-blue-400 {
+    color: #338ef7;
+  }
+
   .text-blue-500 {
     color: #006fee;
   }
@@ -6192,10 +6522,6 @@
     color: hsl(var(--heroui-default) / 1);
   }
 
-  .text-default-50 {
-    color: hsl(var(--heroui-default-50) / 1);
-  }
-
   .text-default-100 {
     color: hsl(var(--heroui-default-100) / 1);
   }
@@ -6234,14 +6560,54 @@
     color: hsl(var(--heroui-default-800) / 1);
   }
 
-  .text-default-900 {
+  .text-default-900, .text-default-900\/10 {
     color: hsl(var(--heroui-default-900) / 1);
   }
 
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-default-900\/10 {
+      color: color-mix(in oklab, hsl(var(--heroui-default-900) / 1) 10%, transparent);
+    }
+  }
+
   .text-default-foreground {
     color: hsl(var(--heroui-default-foreground) / 1);
   }
 
+  .text-emerald-500 {
+    color: var(--color-emerald-500);
+  }
+
+  .text-emerald-500\/20 {
+    color: #00bb7f33;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-emerald-500\/20 {
+      color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
+    }
+  }
+
+  .text-emerald-500\/80 {
+    color: #00bb7fcc;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-emerald-500\/80 {
+      color: color-mix(in oklab, var(--color-emerald-500) 80%, transparent);
+    }
+  }
+
+  .text-emerald-500\/90 {
+    color: #00bb7fe6;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-emerald-500\/90 {
+      color: color-mix(in oklab, var(--color-emerald-500) 90%, transparent);
+    }
+  }
+
   .text-foreground {
     color: hsl(var(--heroui-foreground) / 1);
   }
@@ -6284,6 +6650,10 @@
     color: inherit;
   }
 
+  .text-orange-400 {
+    color: var(--color-orange-400);
+  }
+
   .text-primary {
     color: hsl(var(--heroui-primary) / 1);
   }
@@ -6318,16 +6688,42 @@
     }
   }
 
-  .text-purple-100 {
-    color: #e4d4f4;
-  }
-
   .text-red-500 {
     color: #f31260;
   }
 
-  .text-red-600 {
-    color: #c20e4d;
+  .text-rose-500 {
+    color: var(--color-rose-500);
+  }
+
+  .text-rose-500\/20 {
+    color: #ff235733;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-rose-500\/20 {
+      color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
+    }
+  }
+
+  .text-rose-500\/80 {
+    color: #ff2357cc;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-rose-500\/80 {
+      color: color-mix(in oklab, var(--color-rose-500) 80%, transparent);
+    }
+  }
+
+  .text-rose-500\/90 {
+    color: #ff2357e6;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-rose-500\/90 {
+      color: color-mix(in oklab, var(--color-rose-500) 90%, transparent);
+    }
   }
 
   .text-secondary {
@@ -6464,6 +6860,10 @@
     color: oklab(100% 0 5.96046e-8 / .6);
   }
 
+  .text-white\/80 {
+    color: oklab(100% 0 5.96046e-8 / .8);
+  }
+
   .text-white\/90 {
     color: oklab(100% 0 5.96046e-8 / .9);
   }
@@ -6833,6 +7233,10 @@
     opacity: var(--heroui-disabled-opacity);
   }
 
+  .mix-blend-multiply {
+    mix-blend-mode: multiply;
+  }
+
   .mix-blend-overlay {
     mix-blend-mode: overlay;
   }
@@ -6877,6 +7281,11 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .shadow-inner {
+    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   .shadow-large {
     --tw-shadow: var(--heroui-box-shadow-large);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -7075,6 +7484,11 @@
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
   }
 
+  .blur-2xl {
+    --tw-blur: blur(var(--blur-2xl));
+    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+  }
+
   .blur-3xl {
     --tw-blur: blur(var(--blur-3xl));
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
@@ -7095,11 +7509,6 @@
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
   }
 
-  .blur-\[110px\] {
-    --tw-blur: blur(110px);
-    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
-  }
-
   .blur-\[120px\] {
     --tw-blur: blur(120px);
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
@@ -7125,6 +7534,11 @@
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
   }
 
+  .blur-\[180px\] {
+    --tw-blur: blur(180px);
+    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+  }
+
   .blur-\[200px\] {
     --tw-blur: blur(200px);
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
@@ -7393,11 +7807,6 @@
     transition-duration: .5s !important;
   }
 
-  .duration-75 {
-    --tw-duration: 75ms;
-    transition-duration: 75ms;
-  }
-
   .duration-150 {
     --tw-duration: .15s;
     transition-duration: .15s;
@@ -7408,6 +7817,11 @@
     transition-duration: .2s;
   }
 
+  .duration-700 {
+    --tw-duration: .7s;
+    transition-duration: .7s;
+  }
+
   .\!ease-out {
     --tw-ease: var(--ease-out) !important;
     transition-timing-function: var(--ease-out) !important;
@@ -7538,10 +7952,20 @@
       color: currentColor;
     }
 
-    .group-hover\:text-primary:is(:where(.group):hover *) {
+    .group-hover\:text-foreground-600:is(:where(.group):hover *) {
+      color: hsl(var(--heroui-foreground-600) / 1);
+    }
+
+    .group-hover\:text-primary:is(:where(.group):hover *), .group-hover\:text-primary\/80:is(:where(.group):hover *) {
       color: hsl(var(--heroui-primary) / 1);
     }
 
+    @supports (color: color-mix(in lab, red, red)) {
+      .group-hover\:text-primary\/80:is(:where(.group):hover *) {
+        color: color-mix(in oklab, hsl(var(--heroui-primary) / 1) 80%, transparent);
+      }
+    }
+
     .group-hover\:text-success:is(:where(.group):hover *) {
       color: hsl(var(--heroui-success) / 1);
     }
@@ -12407,10 +12831,16 @@
     }
   }
 
-  .dark\:bg-default-100:is(.dark *) {
+  .dark\:bg-default-100:is(.dark *), .dark\:bg-default-100\/10:is(.dark *) {
     background-color: hsl(var(--heroui-default-100) / 1);
   }
 
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-default-100\/10:is(.dark *) {
+      background-color: color-mix(in oklab, hsl(var(--heroui-default-100) / 1) 10%, transparent);
+    }
+  }
+
   .dark\:bg-primary-50:is(.dark *), .dark\:bg-primary-50\/50:is(.dark *) {
     background-color: hsl(var(--heroui-primary-50) / 1);
   }
@@ -17040,6 +17470,18 @@ code.hljs {
   }
 }
 
+@keyframes bounce {
+  0%, 100% {
+    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+    transform: translateY(-25%);
+  }
+
+  50% {
+    animation-timing-function: cubic-bezier(0, 0, .2, 1);
+    transform: none;
+  }
+}
+
 @keyframes shimmer {
   100% {
     transform: translateX(200%);