Save

1 files changed, 181 insertions, 0 deletions

diff --git a/public/style.css b/public/style.css
index d972f06..684c599 100644
--- a/public/style.css
+++ b/public/style.css
@@ -232,9 +232,24 @@
   .right-full {
     right: 100%;
   }
+  .bottom-\[-0\.5rem\] {
+    bottom: -0.5rem;
+  }
   .bottom-\[-0\.7em\] {
     bottom: -0.7em;
   }
+  .bottom-\[-0\.30rem\] {
+    bottom: -0.30rem;
+  }
+  .bottom-\[-0\.35rem\] {
+    bottom: -0.35rem;
+  }
+  .bottom-\[-0\.45rem\] {
+    bottom: -0.45rem;
+  }
+  .bottom-\[-0\.55rem\] {
+    bottom: -0.55rem;
+  }
   .bottom-\[-0\.75rem\] {
     bottom: -0.75rem;
   }
@@ -376,12 +391,18 @@
   .mb-\[0\.30rem\] {
     margin-bottom: 0.30rem;
   }
+  .mb-\[1\.5rem\] {
+    margin-bottom: 1.5rem;
+  }
   .mb-\[1\.5625vw\] {
     margin-bottom: 1.5625vw;
   }
   .mb-\[1rem\] {
     margin-bottom: 1rem;
   }
+  .mb-\[2rem\] {
+    margin-bottom: 2rem;
+  }
   .mb-\[5vw\] {
     margin-bottom: 5vw;
   }
@@ -612,12 +633,18 @@
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
+  .gap-8 {
+    gap: calc(var(--spacing) * 8);
+  }
   .gap-10 {
     gap: calc(var(--spacing) * 10);
   }
   .gap-16 {
     gap: calc(var(--spacing) * 16);
   }
+  .gap-\[0\.5ch\] {
+    gap: 0.5ch;
+  }
   .gap-\[0\.5rem\] {
     gap: 0.5rem;
   }
@@ -633,12 +660,30 @@
   .gap-\[1ch\] {
     gap: 1ch;
   }
+  .gap-\[1rem\] {
+    gap: 1rem;
+  }
+  .gap-\[2rem\] {
+    gap: 2rem;
+  }
+  .gap-x-4 {
+    column-gap: calc(var(--spacing) * 4);
+  }
   .gap-x-8 {
     column-gap: calc(var(--spacing) * 8);
   }
   .gap-x-\[1ch\] {
     column-gap: 1ch;
   }
+  .gap-x-\[1rem\] {
+    column-gap: 1rem;
+  }
+  .gap-x-\[2\.5rem\] {
+    column-gap: 2.5rem;
+  }
+  .gap-x-\[2rem\] {
+    column-gap: 2rem;
+  }
   .gap-x-\[5vw\] {
     column-gap: 5vw;
   }
@@ -647,12 +692,21 @@
     margin-inline-start: calc(1.25vw * var(--tw-space-x-reverse));
     margin-inline-end: calc(1.25vw * calc(1 - var(--tw-space-x-reverse)));
   }
+  .gap-y-2 {
+    row-gap: calc(var(--spacing) * 2);
+  }
   .gap-y-4 {
     row-gap: calc(var(--spacing) * 4);
   }
   .gap-y-\[0\.4rem\] {
     row-gap: 0.4rem;
   }
+  .gap-y-\[0\.5rem\] {
+    row-gap: 0.5rem;
+  }
+  .gap-y-\[0\.75rem\] {
+    row-gap: 0.75rem;
+  }
   :where(.divide-y > :not(:last-child)) {
     --tw-divide-y-reverse: 0;
     border-bottom-style: var(--tw-border-style);
@@ -672,6 +726,9 @@
   .self-center {
     align-self: center;
   }
+  .self-start {
+    align-self: flex-start;
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -712,6 +769,10 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
   .border-\[0\.01rem\] {
     border-style: var(--tw-border-style);
     border-width: 0.01rem;
@@ -732,6 +793,10 @@
     border-style: var(--tw-border-style);
     border-width: 0.03rem;
   }
+  .border-\[0\.05rem\] {
+    border-style: var(--tw-border-style);
+    border-width: 0.05rem;
+  }
   .border-\[0\.06rem\] {
     border-style: var(--tw-border-style);
     border-width: 0.06rem;
@@ -764,6 +829,10 @@
     border-style: var(--tw-border-style);
     border-width: 0.03125rem;
   }
+  .border-\[1rem\] {
+    border-style: var(--tw-border-style);
+    border-width: 1rem;
+  }
   .border-x-\[0\.1rem\] {
     border-inline-style: var(--tw-border-style);
     border-inline-width: 0.1rem;
@@ -780,12 +849,33 @@
     --tw-border-style: solid;
     border-style: solid;
   }
+  .border-\(--accent\)\! {
+    border-color: var(--accent) !important;
+  }
+  .border-\(--accent\)\/50 {
+    border-color: var(--accent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--accent) 50%, transparent);
+    }
+  }
   .border-\(--alt\) {
     border-color: var(--alt);
   }
+  .border-\(--primary\)\! {
+    border-color: var(--primary) !important;
+  }
+  .border-\(--secondary\)\/60 {
+    border-color: var(--secondary);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--secondary) 60%, transparent);
+    }
+  }
   .border-\(--text\) {
     border-color: var(--text);
   }
+  .border-\[--text\] {
+    border-color: --text;
+  }
   .border-\[color\:var\(--alt\)\] {
     border-color: var(--alt);
   }
@@ -867,12 +957,24 @@
   .bg-\(--secondary\) {
     background-color: var(--secondary);
   }
+  .bg-\(--text\) {
+    background-color: var(--text);
+  }
+  .bg-\(--var\) {
+    background-color: var(--var);
+  }
   .bg-\[color\:var\(--alt\)\] {
     background-color: var(--alt);
   }
+  .bg-\[var\(--\)\] {
+    background-color: var(--);
+  }
   .bg-\[var\(--background\)\] {
     background-color: var(--background);
   }
+  .bg-\[var\(--text\)\] {
+    background-color: var(--text);
+  }
   .bg-black {
     background-color: var(--color-black);
   }
@@ -1053,6 +1155,15 @@
   .px-\[0\.5em\] {
     padding-inline: 0.5em;
   }
+  .px-\[0\.5rem\] {
+    padding-inline: 0.5rem;
+  }
+  .px-\[0\.6rem\] {
+    padding-inline: 0.6rem;
+  }
+  .px-\[0\.8rem\] {
+    padding-inline: 0.8rem;
+  }
   .px-\[0\.625rem\] {
     padding-inline: 0.625rem;
   }
@@ -1074,6 +1185,9 @@
   .py-\[0\.1rem\] {
     padding-block: 0.1rem;
   }
+  .py-\[0\.3rem\] {
+    padding-block: 0.3rem;
+  }
   .py-\[0\.25rem\] {
     padding-block: 0.25rem;
   }
@@ -1092,6 +1206,9 @@
   .pt-\[1\.0625em\] {
     padding-top: 1.0625em;
   }
+  .pt-\[1rem\] {
+    padding-top: 1rem;
+  }
   .pt-\[1vw\] {
     padding-top: 1vw;
   }
@@ -1140,15 +1257,30 @@
   .text-\[0\%\] {
     font-size: 0%;
   }
+  .text-\[0\.5rem\] {
+    font-size: 0.5rem;
+  }
+  .text-\[0\.6rem\] {
+    font-size: 0.6rem;
+  }
+  .text-\[0\.7rem\] {
+    font-size: 0.7rem;
+  }
   .text-\[0\.8rem\] {
     font-size: 0.8rem;
   }
+  .text-\[0\.75rem\] {
+    font-size: 0.75rem;
+  }
   .text-\[0\.96vw\] {
     font-size: 0.96vw;
   }
   .text-\[0\.675rem\] {
     font-size: 0.675rem;
   }
+  .text-\[1\.6rem\] {
+    font-size: 1.6rem;
+  }
   .text-\[1\.125rem\] {
     font-size: 1.125rem;
   }
@@ -1218,6 +1350,9 @@
   .text-\[150\%\] {
     font-size: 150%;
   }
+  .text-\[170\%\] {
+    font-size: 170%;
+  }
   .leading-\[normal\] {
     --tw-leading: normal;
     line-height: normal;
@@ -1230,6 +1365,18 @@
     --tw-leading: var(--leading-relaxed);
     line-height: var(--leading-relaxed);
   }
+  .font-\[50\%\] {
+    --tw-font-weight: 50%;
+    font-weight: 50%;
+  }
+  .font-\[80\%\] {
+    --tw-font-weight: 80%;
+    font-weight: 80%;
+  }
+  .font-\[85\%\] {
+    --tw-font-weight: 85%;
+    font-weight: 85%;
+  }
   .font-\[150\%\] {
     --tw-font-weight: 150%;
     font-weight: 150%;
@@ -1276,6 +1423,12 @@
   .text-\(--text\) {
     color: var(--text);
   }
+  .text-\[\#00f1ff\] {
+    color: #00f1ff;
+  }
+  .text-\[\#46d46c\] {
+    color: #46d46c;
+  }
   .text-\[\#54D7A9\] {
     color: #54D7A9;
   }
@@ -1318,6 +1471,9 @@
   .text-\[--secondary\] {
     color: --secondary;
   }
+  .text-\[0\.rem\] {
+    color: 0.rem;
+  }
   .text-\[color\:var\(--alt\)\] {
     color: var(--alt);
   }
@@ -1360,6 +1516,20 @@
   .opacity-0 {
     opacity: 0%;
   }
+  .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)) {
+      --tw-shadow: 0 0 1.5rem var(--tw-shadow-color, color-mix(in srgb,var(--accent) 25%,transparent));
+    }
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-\[0_0_1\.5rem_color-mix\(in_srgb\,var\(--primary\)_25\%\,transparent\)\] {
+    --tw-shadow: 0 0 1.5rem var(--tw-shadow-color, var(--primary));
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow: 0 0 1.5rem var(--tw-shadow-color, color-mix(in srgb,var(--primary) 25%,transparent));
+    }
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[0_0_15px_rgba\(0\,0\,0\,0\.3\)\] {
     --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(0,0,0,0.3));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1418,6 +1588,9 @@
   .\[--border-py\:0\.rem\] {
     --border-py: 0.rem;
   }
+  .\[--border-py\:1\.25rem\] {
+    --border-py: 1.25rem;
+  }
   .\[--ypad\:var\(--border-py\,0\.875rem\)\] {
     --ypad: var(--border-py,0.875rem);
   }
@@ -1468,6 +1641,14 @@
         background-color: color-mix(in oklab, var(--alt) 25%, transparent);
       }
     }
+    .hover\:bg-\(--secondary\)\/15:hover {
+      background-color: var(--secondary);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-\(--secondary\)\/15:hover {
+        background-color: color-mix(in oklab, var(--secondary) 15%, transparent);
+      }
+    }
     .hover\:bg-black\/0:hover {
       background-color: color-mix(in srgb, #000 0%, transparent);
     }