Added grayed out download icons for now

1 files changed, 79 insertions, 0 deletions

diff --git a/public/style.css b/public/style.css
index 794c1fc..db025d0 100644
--- a/public/style.css
+++ b/public/style.css
@@ -188,6 +188,9 @@
   }
 }
 @layer utilities {
+  .pointer-events-none {
+    pointer-events: none;
+  }
   .invisible {
     visibility: hidden;
   }
@@ -466,6 +469,9 @@
   .cursor-grab {
     cursor: grab;
   }
+  .cursor-not-allowed {
+    cursor: not-allowed;
+  }
   .cursor-pointer {
     cursor: pointer;
   }
@@ -629,6 +635,30 @@
   .border-\(--alt\) {
     border-color: var(--alt);
   }
+  .border-\(--alt\)\/30 {
+    border-color: var(--alt);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--alt) 30%, transparent);
+    }
+  }
+  .border-\(--alt\)\/60 {
+    border-color: var(--alt);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--alt) 60%, transparent);
+    }
+  }
+  .border-\(--alt\)\/70 {
+    border-color: var(--alt);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--alt) 70%, transparent);
+    }
+  }
+  .border-\(--alt\)\/80 {
+    border-color: var(--alt);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--alt) 80%, transparent);
+    }
+  }
   .border-\(--secondary\)\/60 {
     border-color: var(--secondary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -677,6 +707,18 @@
       background-color: color-mix(in oklab, var(--color-black) 0%, transparent);
     }
   }
+  .bg-black\/10 {
+    background-color: color-mix(in srgb, #000 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
+    }
+  }
+  .bg-black\/15 {
+    background-color: color-mix(in srgb, #000 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
+    }
+  }
   .bg-black\/20 {
     background-color: color-mix(in srgb, #000 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -698,6 +740,24 @@
   .bg-white {
     background-color: var(--color-white);
   }
+  .bg-white\/2 {
+    background-color: color-mix(in srgb, #fff 2%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
+    }
+  }
+  .bg-white\/5 {
+    background-color: color-mix(in srgb, #fff 5%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+    }
+  }
+  .bg-white\/15 {
+    background-color: color-mix(in srgb, #fff 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
+    }
+  }
   .bg-white\/\[0\.03\] {
     background-color: color-mix(in srgb, #fff 3%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -903,6 +963,18 @@
   .text-\(--alt\) {
     color: var(--alt);
   }
+  .text-\(--alt\)\/20 {
+    color: var(--alt);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--alt) 20%, transparent);
+    }
+  }
+  .text-\(--alt\)\/80 {
+    color: var(--alt);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--alt) 80%, transparent);
+    }
+  }
   .text-\(--background\) {
     color: var(--background);
   }
@@ -1023,6 +1095,9 @@
   .opacity-0 {
     opacity: 0%;
   }
+  .opacity-40 {
+    opacity: 40%;
+  }
   .shadow-\[0_0_1\.5rem_color-mix\(in_srgb\,var\(--accent\)_25\%\,transparent\)\] {
     --tw-shadow: 0 0 1.5rem var(--tw-shadow-color, var(--accent));
     @supports (color: color-mix(in lab, red, red)) {
@@ -1043,6 +1118,10 @@
     --tw-duration: 150ms;
     transition-duration: 150ms;
   }
+  .select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
   .select-text {
     -webkit-user-select: text;
     user-select: text;