karin-plugin-kkk 2.30.3 → 2.31.0

package/lib/karin-plugin-kkk.css

@@ -11889,10 +11889,6 @@
     top: calc(var(--spacing) * -12);
   }
 
-  .-top-13 {
-    top: calc(var(--spacing) * -13);
-  }
-
   .-top-40 {
     top: calc(var(--spacing) * -40);
   }
@@ -12001,6 +11997,10 @@
     top: -40%;
   }
 
+  .top-\[20\%\] {
+    top: 20%;
+  }
+
   .top-\[50\%\] {
     top: 50%;
   }
@@ -12133,6 +12133,10 @@
     right: -50%;
   }
 
+  .right-\[10\%\] {
+    right: 10%;
+  }
+
   .-bottom-1 {
     bottom: calc(var(--spacing) * -1);
   }
@@ -12237,6 +12241,10 @@
     bottom: calc(var(--spacing) * 35);
   }
 
+  .bottom-40 {
+    bottom: calc(var(--spacing) * 40);
+  }
+
   .bottom-50 {
     bottom: calc(var(--spacing) * 50);
   }
@@ -12253,6 +12261,10 @@
     bottom: -40%;
   }
 
+  .bottom-\[15\%\] {
+    bottom: 15%;
+  }
+
   .-left-2 {
     left: calc(var(--spacing) * -2);
   }
@@ -12309,6 +12321,10 @@
     left: calc(var(--spacing) * 8);
   }
 
+  .left-10 {
+    left: calc(var(--spacing) * 10);
+  }
+
   .left-12 {
     left: calc(var(--spacing) * 12);
   }
@@ -12329,6 +12345,10 @@
     left: calc(var(--spacing) * 18);
   }
 
+  .left-20 {
+    left: calc(var(--spacing) * 20);
+  }
+
   .left-28 {
     left: calc(var(--spacing) * 28);
   }
@@ -12763,10 +12783,6 @@
     margin-bottom: calc(var(--spacing) * 40);
   }
 
-  .mb-\[-0\.1em\] {
-    margin-bottom: -.1em;
-  }
-
   .mb-\[1\.8em\] {
     margin-bottom: 1.8em;
   }
@@ -12775,8 +12791,8 @@
     margin-bottom: 2.64em;
   }
 
-  .mb-\[2em\] {
-    margin-bottom: 2em;
+  .mb-\[4em\] {
+    margin-bottom: 4em;
   }
 
   .-ml-1\.5 {
@@ -12926,6 +12942,10 @@
     height: calc(var(--spacing) * .5);
   }
 
+  .h-0\.75 {
+    height: calc(var(--spacing) * .75);
+  }
+
   .h-1 {
     height: calc(var(--spacing) * 1);
   }
@@ -13118,6 +13138,10 @@
     height: calc(var(--spacing) * 110);
   }
 
+  .h-112\.5 {
+    height: calc(var(--spacing) * 112.5);
+  }
+
   .h-120 {
     height: calc(var(--spacing) * 120);
   }
@@ -13306,6 +13330,10 @@
     min-height: calc(var(--spacing) * 115);
   }
 
+  .min-h-360 {
+    min-height: calc(var(--spacing) * 360);
+  }
+
   .min-h-500 {
     min-height: calc(var(--spacing) * 500);
   }
@@ -13422,6 +13450,10 @@
     width: calc(var(--spacing) * 25);
   }
 
+  .w-26 {
+    width: calc(var(--spacing) * 26);
+  }
+
   .w-28 {
     width: calc(var(--spacing) * 28);
   }
@@ -13482,6 +13514,10 @@
     width: calc(var(--spacing) * 56);
   }
 
+  .w-58 {
+    width: calc(var(--spacing) * 58);
+  }
+
   .w-60 {
     width: calc(var(--spacing) * 60);
   }
@@ -13494,6 +13530,10 @@
     width: calc(var(--spacing) * 65);
   }
 
+  .w-68 {
+    width: calc(var(--spacing) * 68);
+  }
+
   .w-72 {
     width: calc(var(--spacing) * 72);
   }
@@ -13594,10 +13634,6 @@
     width: calc(var(--spacing) * 450);
   }
 
-  .w-\[0\.8em\] {
-    width: .8em;
-  }
-
   .w-\[1em\] {
     width: 1em;
   }
@@ -14586,35 +14622,47 @@
     border-style: dashed;
   }
 
-  .border-\[\#7c3aed\]\/25 {
-    border-color: oklab(54.1337% .0963843 -.226968 / .25);
+  .border-\[\#3aa876\]\/12 {
+    border-color: oklab(65.5995% -.1176 .0429324 / .12);
+  }
+
+  .border-\[\#7c3aed\]\/12 {
+    border-color: oklab(54.1337% .0963843 -.226968 / .12);
+  }
+
+  .border-\[\#23ade5\]\/12 {
+    border-color: oklab(70.3645% -.0835712 -.107067 / .12);
   }
 
-  .border-\[\#23ade5\]\/25 {
-    border-color: oklab(70.3645% -.0835712 -.107067 / .25);
+  .border-\[\#c9943a\]\/12 {
+    border-color: oklab(70.1439% .0269371 .119456 / .12);
   }
 
-  .border-\[\#f97316\]\/25 {
-    border-color: oklab(70.4871% .125896 .137895 / .25);
+  .border-\[\#d94f50\]\/12 {
+    border-color: oklab(61.453% .159299 .0687296 / .12);
   }
 
-  .border-accent, .border-accent-soft-hover {
+  .border-\[\#f97316\]\/12 {
+    border-color: oklab(70.4871% .125896 .137895 / .12);
+  }
+
+  .border-accent, .border-accent-soft {
     border-color: var(--accent);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .border-accent-soft-hover {
-      border-color: color-mix(in oklab, var(--accent) 20%, transparent);
+    .border-accent-soft {
+      border-color: color-mix(in oklab, var(--accent) 15%, transparent);
     }
   }
 
-  .border-accent\/25 {
+  .border-accent\/12 {
     border-color: var(--accent);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .border-accent\/25 {
-      border-color: color-mix(in oklab, var(--accent) 25%, transparent);
+    .border-accent\/12 {
+      border-color: color-mix(in oklab, var(--accent) 12%, transparent);
     }
   }
 
@@ -14656,16 +14704,6 @@
     }
   }
 
-  .border-border\/20 {
-    border-color: var(--border);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .border-border\/20 {
-      border-color: color-mix(in oklab, var(--border) 20%, transparent);
-    }
-  }
-
   .border-border\/30 {
     border-color: var(--border);
   }
@@ -14736,17 +14774,7 @@
     }
   }
 
-  .border-danger, .border-danger-soft-hover {
-    border-color: var(--danger);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .border-danger-soft-hover {
-      border-color: color-mix(in oklab, var(--danger) 20%, transparent);
-    }
-  }
-
-  .border-danger\/25 {
+  .border-danger, .border-danger\/25 {
     border-color: var(--danger);
   }
 
@@ -14848,6 +14876,16 @@
     }
   }
 
+  .border-success\/12 {
+    border-color: var(--success);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-success\/12 {
+      border-color: color-mix(in oklab, var(--success) 12%, transparent);
+    }
+  }
+
   .border-success\/25 {
     border-color: var(--success);
   }
@@ -14866,13 +14904,13 @@
     border-color: #0000;
   }
 
-  .border-warning-soft-hover {
+  .border-warning\/12 {
     border-color: var(--warning);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .border-warning-soft-hover {
-      border-color: color-mix(in oklab, var(--warning) 20%, transparent);
+    .border-warning\/12 {
+      border-color: color-mix(in oklab, var(--warning) 12%, transparent);
     }
   }
 
@@ -14930,20 +14968,32 @@
     background-color: var(--preview-bg);
   }
 
-  .bg-\[\#7c3aed\]\/10 {
-    background-color: oklab(54.1337% .0963843 -.226968 / .1);
+  .bg-\[\#3aa876\]\/5 {
+    background-color: oklab(65.5995% -.1176 .0429324 / .05);
+  }
+
+  .bg-\[\#7c3aed\]\/5 {
+    background-color: oklab(54.1337% .0963843 -.226968 / .05);
   }
 
-  .bg-\[\#23ade5\]\/10 {
-    background-color: oklab(70.3645% -.0835712 -.107067 / .1);
+  .bg-\[\#23ade5\]\/5 {
+    background-color: oklab(70.3645% -.0835712 -.107067 / .05);
   }
 
   .bg-\[\#FF2442\] {
     background-color: #ff2442;
   }
 
-  .bg-\[\#f97316\]\/10 {
-    background-color: oklab(70.4871% .125896 .137895 / .1);
+  .bg-\[\#c9943a\]\/5 {
+    background-color: oklab(70.1439% .0269371 .119456 / .05);
+  }
+
+  .bg-\[\#d94f50\]\/5 {
+    background-color: oklab(61.453% .159299 .0687296 / .05);
+  }
+
+  .bg-\[\#f97316\]\/5 {
+    background-color: oklab(70.4871% .125896 .137895 / .05);
   }
 
   .bg-\[\#fb7299\] {
@@ -14976,13 +15026,13 @@
     }
   }
 
-  .bg-accent\/8 {
+  .bg-accent\/6 {
     background-color: var(--accent);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-accent\/8 {
-      background-color: color-mix(in oklab, var(--accent) 8%, transparent);
+    .bg-accent\/6 {
+      background-color: color-mix(in oklab, var(--accent) 6%, transparent);
     }
   }
 
@@ -15126,13 +15176,13 @@
     }
   }
 
-  .bg-cyan-400\/20 {
-    background-color: #00d2ef33;
+  .bg-cyan-400\/40 {
+    background-color: #00d2ef66;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-cyan-400\/20 {
-      background-color: color-mix(in oklab, var(--color-cyan-400) 20%, transparent);
+    .bg-cyan-400\/40 {
+      background-color: color-mix(in oklab, var(--color-cyan-400) 40%, transparent);
     }
   }
 
@@ -15146,13 +15196,13 @@
     }
   }
 
-  .bg-cyan-500\/20 {
-    background-color: #00b7d733;
+  .bg-cyan-500\/40 {
+    background-color: #00b7d766;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-cyan-500\/20 {
-      background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
+    .bg-cyan-500\/40 {
+      background-color: color-mix(in oklab, var(--color-cyan-500) 40%, transparent);
     }
   }
 
@@ -15166,16 +15216,6 @@
     }
   }
 
-  .bg-danger\/5 {
-    background-color: var(--danger);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-danger\/5 {
-      background-color: color-mix(in oklab, var(--danger) 5%, transparent);
-    }
-  }
-
   .bg-danger\/12 {
     background-color: var(--danger);
   }
@@ -15186,13 +15226,13 @@
     }
   }
 
-  .bg-danger\/25 {
+  .bg-danger\/40 {
     background-color: var(--danger);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-danger\/25 {
-      background-color: color-mix(in oklab, var(--danger) 25%, transparent);
+    .bg-danger\/40 {
+      background-color: color-mix(in oklab, var(--danger) 40%, transparent);
     }
   }
 
@@ -15254,13 +15294,13 @@
     }
   }
 
-  .bg-muted\/20 {
+  .bg-muted\/40 {
     background-color: var(--muted);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-muted\/20 {
-      background-color: color-mix(in oklab, var(--muted) 20%, transparent);
+    .bg-muted\/40 {
+      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
     }
   }
 
@@ -15288,13 +15328,13 @@
     }
   }
 
-  .bg-pink-400\/25 {
-    background-color: #fb64b640;
+  .bg-pink-400\/40 {
+    background-color: #fb64b666;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-pink-400\/25 {
-      background-color: color-mix(in oklab, var(--color-pink-400) 25%, transparent);
+    .bg-pink-400\/40 {
+      background-color: color-mix(in oklab, var(--color-pink-400) 40%, transparent);
     }
   }
 
@@ -15312,13 +15352,13 @@
     }
   }
 
-  .bg-pink-500\/25 {
-    background-color: #f6339a40;
+  .bg-pink-500\/40 {
+    background-color: #f6339a66;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-pink-500\/25 {
-      background-color: color-mix(in oklab, var(--color-pink-500) 25%, transparent);
+    .bg-pink-500\/40 {
+      background-color: color-mix(in oklab, var(--color-pink-500) 40%, transparent);
     }
   }
 
@@ -15346,23 +15386,23 @@
     }
   }
 
-  .bg-success\/10 {
+  .bg-success\/5 {
     background-color: var(--success);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-success\/10 {
-      background-color: color-mix(in oklab, var(--success) 10%, transparent);
+    .bg-success\/5 {
+      background-color: color-mix(in oklab, var(--success) 5%, transparent);
     }
   }
 
-  .bg-success\/25 {
+  .bg-success\/40 {
     background-color: var(--success);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-success\/25 {
-      background-color: color-mix(in oklab, var(--success) 25%, transparent);
+    .bg-success\/40 {
+      background-color: color-mix(in oklab, var(--success) 40%, transparent);
     }
   }
 
@@ -15400,16 +15440,6 @@
     }
   }
 
-  .bg-surface-secondary\/40 {
-    background-color: var(--surface-secondary);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-surface-secondary\/40 {
-      background-color: color-mix(in oklab, var(--surface-secondary) 40%, transparent);
-    }
-  }
-
   .bg-surface-secondary\/70 {
     background-color: var(--surface-secondary);
   }
@@ -15504,23 +15534,13 @@
     }
   }
 
-  .bg-warning\/10 {
-    background-color: var(--warning);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-warning\/10 {
-      background-color: color-mix(in oklab, var(--warning) 10%, transparent);
-    }
-  }
-
-  .bg-warning\/25 {
+  .bg-warning\/40 {
     background-color: var(--warning);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .bg-warning\/25 {
-      background-color: color-mix(in oklab, var(--warning) 25%, transparent);
+    .bg-warning\/40 {
+      background-color: color-mix(in oklab, var(--warning) 40%, transparent);
     }
   }
 
@@ -16500,10 +16520,6 @@
     font-size: 10px;
   }
 
-  .text-\[11em\] {
-    font-size: 11em;
-  }
-
   .text-\[11px\] {
     font-size: 11px;
   }
@@ -16896,16 +16912,20 @@
     color: var(--preview-fg);
   }
 
-  .text-\[\#006A9E\] {
-    color: #006a9e;
+  .text-\[\#1a8fb8\] {
+    color: #1a8fb8;
   }
 
-  .text-\[\#7c3aed\] {
-    color: #7c3aed;
+  .text-\[\#2e8a5e\] {
+    color: #2e8a5e;
   }
 
-  .text-\[\#23ade5\] {
-    color: #23ade5;
+  .text-\[\#006A9E\] {
+    color: #006a9e;
+  }
+
+  .text-\[\#6b4fa8\] {
+    color: #6b4fa8;
   }
 
   .text-\[\#03488d\] {
@@ -16920,8 +16940,16 @@
     color: #13386c;
   }
 
-  .text-\[\#f97316\] {
-    color: #f97316;
+  .text-\[\#a07d30\] {
+    color: #a07d30;
+  }
+
+  .text-\[\#b04546\] {
+    color: #b04546;
+  }
+
+  .text-\[\#cc6b1f\] {
+    color: #cc6b1f;
   }
 
   .text-\[\#fb7299\] {
@@ -16936,10 +16964,16 @@
     color: #ff799e;
   }
 
-  .text-accent {
+  .text-accent, .text-accent\/80 {
     color: var(--accent);
   }
 
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-accent\/80 {
+      color: color-mix(in oklab, var(--accent) 80%, transparent);
+    }
+  }
+
   .text-background, .text-background\/80 {
     color: var(--background);
   }
@@ -16994,13 +17028,13 @@
     color: var(--color-cyan-600);
   }
 
-  .text-cyan-600\/5 {
-    color: #0092b50d;
+  .text-cyan-600\/10 {
+    color: #0092b51a;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .text-cyan-600\/5 {
-      color: color-mix(in oklab, var(--color-cyan-600) 5%, transparent);
+    .text-cyan-600\/10 {
+      color: color-mix(in oklab, var(--color-cyan-600) 10%, transparent);
     }
   }
 
@@ -17012,16 +17046,6 @@
     color: var(--danger-foreground);
   }
 
-  .text-danger\/5 {
-    color: var(--danger);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .text-danger\/5 {
-      color: color-mix(in oklab, var(--danger) 5%, transparent);
-    }
-  }
-
   .text-danger\/10 {
     color: var(--danger);
   }
@@ -17208,17 +17232,7 @@
     color: var(--color-green-500);
   }
 
-  .text-muted, .text-muted\/5 {
-    color: var(--muted);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .text-muted\/5 {
-      color: color-mix(in oklab, var(--muted) 5%, transparent);
-    }
-  }
-
-  .text-muted\/10 {
+  .text-muted, .text-muted\/10 {
     color: var(--muted);
   }
 
@@ -17228,16 +17242,6 @@
     }
   }
 
-  .text-muted\/50 {
-    color: var(--muted);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .text-muted\/50 {
-      color: color-mix(in oklab, var(--muted) 50%, transparent);
-    }
-  }
-
   .text-muted\/70 {
     color: var(--muted);
   }
@@ -17280,13 +17284,13 @@
     color: var(--color-pink-500);
   }
 
-  .text-pink-500\/5 {
-    color: #f6339a0d;
+  .text-pink-500\/10 {
+    color: #f6339a1a;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .text-pink-500\/5 {
-      color: color-mix(in oklab, var(--color-pink-500) 5%, transparent);
+    .text-pink-500\/10 {
+      color: color-mix(in oklab, var(--color-pink-500) 10%, transparent);
     }
   }
 
@@ -17328,23 +17332,23 @@
     }
   }
 
-  .text-success, .text-success\/5 {
+  .text-success, .text-success\/10 {
     color: var(--success);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .text-success\/5 {
-      color: color-mix(in oklab, var(--success) 5%, transparent);
+    .text-success\/10 {
+      color: color-mix(in oklab, var(--success) 10%, transparent);
     }
   }
 
-  .text-success\/10 {
+  .text-success\/80 {
     color: var(--success);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .text-success\/10 {
-      color: color-mix(in oklab, var(--success) 10%, transparent);
+    .text-success\/80 {
+      color: color-mix(in oklab, var(--success) 80%, transparent);
     }
   }
 
@@ -17352,13 +17356,13 @@
     color: #0000;
   }
 
-  .text-warning, .text-warning\/5 {
+  .text-warning, .text-warning-soft {
     color: var(--warning);
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .text-warning\/5 {
-      color: color-mix(in oklab, var(--warning) 5%, transparent);
+    .text-warning-soft {
+      color: color-mix(in oklab, var(--warning) 15%, transparent);
     }
   }
 
@@ -17372,6 +17376,16 @@
     }
   }
 
+  .text-warning\/80 {
+    color: var(--warning);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-warning\/80 {
+      color: color-mix(in oklab, var(--warning) 80%, transparent);
+    }
+  }
+
   .text-white {
     color: var(--color-white);
   }
@@ -17447,6 +17461,10 @@
     opacity: .25;
   }
 
+  .opacity-30 {
+    opacity: .3;
+  }
+
   .opacity-40 {
     opacity: .4;
   }