@typlog/ui 0.10.1 → 0.11.1

package/dist/base.css

@@ -1,7 +1,4 @@
-/* node_modules/@radix-ui/colors/gray.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --gray-1: #fcfcfc;
   --gray-2: #f9f9f9;
   --gray-3: #f0f0f0;
@@ -15,11 +12,10 @@
   --gray-11: #646464;
   --gray-12: #202020;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --gray-1: color(display-p3 0.988 0.988 0.988);
       --gray-2: color(display-p3 0.975 0.975 0.975);
       --gray-3: color(display-p3 0.939 0.939 0.939);
@@ -36,9 +32,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/gray-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --gray-1: #111111;
   --gray-2: #191919;
   --gray-3: #222222;
@@ -52,10 +46,10 @@
   --gray-11: #b4b4b4;
   --gray-12: #eeeeee;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --gray-1: color(display-p3 0.067 0.067 0.067);
       --gray-2: color(display-p3 0.098 0.098 0.098);
       --gray-3: color(display-p3 0.135 0.135 0.135);
@@ -72,10 +66,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/gray-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --gray-a1: #00000003;
   --gray-a2: #00000006;
   --gray-a3: #0000000f;
@@ -89,11 +80,10 @@
   --gray-a11: #0000009b;
   --gray-a12: #000000df;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --gray-a1: color(display-p3 0 0 0 / 0.012);
       --gray-a2: color(display-p3 0 0 0 / 0.024);
       --gray-a3: color(display-p3 0 0 0 / 0.063);
@@ -110,9 +100,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/gray-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --gray-a1: #00000000;
   --gray-a2: #ffffff09;
   --gray-a3: #ffffff12;
@@ -126,10 +114,10 @@
   --gray-a11: #ffffffaf;
   --gray-a12: #ffffffed;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --gray-a1: color(display-p3 0 0 0 / 0);
       --gray-a2: color(display-p3 1 1 1 / 0.034);
       --gray-a3: color(display-p3 1 1 1 / 0.071);
@@ -146,10 +134,10 @@
   }
 }
 
-/* src/styles/colors/gray.css */
 :root {
   --gray-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -162,6 +150,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --gray-surface: #21212180;
@@ -174,10 +163,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/mauve.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --mauve-1: #fdfcfd;
   --mauve-2: #faf9fb;
   --mauve-3: #f2eff3;
@@ -191,11 +177,10 @@
   --mauve-11: #65636d;
   --mauve-12: #211f26;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --mauve-1: color(display-p3 0.991 0.988 0.992);
       --mauve-2: color(display-p3 0.98 0.976 0.984);
       --mauve-3: color(display-p3 0.946 0.938 0.952);
@@ -212,9 +197,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/mauve-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --mauve-1: #121113;
   --mauve-2: #1a191b;
   --mauve-3: #232225;
@@ -228,10 +211,10 @@
   --mauve-11: #b5b2bc;
   --mauve-12: #eeeef0;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --mauve-1: color(display-p3 0.07 0.067 0.074);
       --mauve-2: color(display-p3 0.101 0.098 0.105);
       --mauve-3: color(display-p3 0.138 0.134 0.144);
@@ -248,10 +231,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/mauve-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --mauve-a1: #55005503;
   --mauve-a2: #2b005506;
   --mauve-a3: #30004010;
@@ -265,11 +245,10 @@
   --mauve-a11: #0400119c;
   --mauve-a12: #020008e0;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --mauve-a1: color(display-p3 0.349 0.024 0.349 / 0.012);
       --mauve-a2: color(display-p3 0.184 0.024 0.349 / 0.024);
       --mauve-a3: color(display-p3 0.129 0.008 0.255 / 0.063);
@@ -286,9 +265,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/mauve-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --mauve-a1: #00000000;
   --mauve-a2: #f5f4f609;
   --mauve-a3: #ebeaf814;
@@ -302,10 +279,10 @@
   --mauve-a11: #f5f1ffb7;
   --mauve-a12: #fdfdffef;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --mauve-a1: color(display-p3 0 0 0 / 0);
       --mauve-a2: color(display-p3 0.996 0.992 1 / 0.034);
       --mauve-a3: color(display-p3 0.937 0.933 0.992 / 0.077);
@@ -322,10 +299,10 @@
   }
 }
 
-/* src/styles/colors/mauve.css */
 :root {
   --mauve-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -338,6 +315,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --mauve-surface: #22212380;
@@ -350,10 +328,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/slate.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --slate-1: #fcfcfd;
   --slate-2: #f9f9fb;
   --slate-3: #f0f0f3;
@@ -367,11 +342,10 @@
   --slate-11: #60646c;
   --slate-12: #1c2024;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --slate-1: color(display-p3 0.988 0.988 0.992);
       --slate-2: color(display-p3 0.976 0.976 0.984);
       --slate-3: color(display-p3 0.94 0.941 0.953);
@@ -388,9 +362,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/slate-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --slate-1: #111113;
   --slate-2: #18191b;
   --slate-3: #212225;
@@ -404,10 +376,10 @@
   --slate-11: #b0b4ba;
   --slate-12: #edeef0;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --slate-1: color(display-p3 0.067 0.067 0.074);
       --slate-2: color(display-p3 0.095 0.098 0.105);
       --slate-3: color(display-p3 0.13 0.135 0.145);
@@ -424,10 +396,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/slate-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --slate-a1: #00005503;
   --slate-a2: #00005506;
   --slate-a3: #0000330f;
@@ -441,11 +410,10 @@
   --slate-a11: #0007149f;
   --slate-a12: #000509e3;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --slate-a1: color(display-p3 0.024 0.024 0.349 / 0.012);
       --slate-a2: color(display-p3 0.024 0.024 0.349 / 0.024);
       --slate-a3: color(display-p3 0.004 0.004 0.204 / 0.059);
@@ -462,9 +430,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/slate-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --slate-a1: #00000000;
   --slate-a2: #d8f4f609;
   --slate-a3: #ddeaf814;
@@ -478,10 +444,10 @@
   --slate-a11: #f1f7feb5;
   --slate-a12: #fcfdffef;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --slate-a1: color(display-p3 0 0 0 / 0);
       --slate-a2: color(display-p3 0.875 0.992 1 / 0.034);
       --slate-a3: color(display-p3 0.882 0.933 0.992 / 0.077);
@@ -498,10 +464,10 @@
   }
 }
 
-/* src/styles/colors/slate.css */
 :root {
   --slate-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -514,6 +480,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --slate-surface: #1f212380;
@@ -526,10 +493,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/sage.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --sage-1: #fbfdfc;
   --sage-2: #f7f9f8;
   --sage-3: #eef1f0;
@@ -543,11 +507,10 @@
   --sage-11: #5f6563;
   --sage-12: #1a211e;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --sage-1: color(display-p3 0.986 0.992 0.988);
       --sage-2: color(display-p3 0.97 0.977 0.974);
       --sage-3: color(display-p3 0.935 0.944 0.94);
@@ -564,9 +527,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/sage-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --sage-1: #101211;
   --sage-2: #171918;
   --sage-3: #202221;
@@ -580,10 +541,10 @@
   --sage-11: #adb5b2;
   --sage-12: #eceeed;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --sage-1: color(display-p3 0.064 0.07 0.067);
       --sage-2: color(display-p3 0.092 0.098 0.094);
       --sage-3: color(display-p3 0.128 0.135 0.131);
@@ -600,10 +561,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/sage-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --sage-a1: #00804004;
   --sage-a2: #00402008;
   --sage-a3: #002d1e11;
@@ -617,11 +575,10 @@
   --sage-a11: #000a07a0;
   --sage-a12: #000805e5;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --sage-a1: color(display-p3 0.024 0.514 0.267 / 0.016);
       --sage-a2: color(display-p3 0.02 0.267 0.145 / 0.032);
       --sage-a3: color(display-p3 0.008 0.184 0.125 / 0.067);
@@ -638,9 +595,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/sage-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --sage-a1: #00000000;
   --sage-a2: #f0f2f108;
   --sage-a3: #f3f5f412;
@@ -654,10 +609,10 @@
   --sage-a11: #f4fefbb0;
   --sage-a12: #fdfffeed;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --sage-a1: color(display-p3 0 0 0 / 0);
       --sage-a2: color(display-p3 0.976 0.988 0.984 / 0.03);
       --sage-a3: color(display-p3 0.992 0.945 0.941 / 0.072);
@@ -674,10 +629,10 @@
   }
 }
 
-/* src/styles/colors/sage.css */
 :root {
   --sage-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -690,6 +645,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --sage-surface: #1e201f80;
@@ -702,10 +658,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/olive.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --olive-1: #fcfdfc;
   --olive-2: #f8faf8;
   --olive-3: #eff1ef;
@@ -719,11 +672,10 @@
   --olive-11: #60655f;
   --olive-12: #1d211c;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --olive-1: color(display-p3 0.989 0.992 0.989);
       --olive-2: color(display-p3 0.974 0.98 0.973);
       --olive-3: color(display-p3 0.939 0.945 0.937);
@@ -740,9 +692,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/olive-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --olive-1: #111210;
   --olive-2: #181917;
   --olive-3: #212220;
@@ -756,10 +706,10 @@
   --olive-11: #afb5ad;
   --olive-12: #eceeec;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --olive-1: color(display-p3 0.067 0.07 0.063);
       --olive-2: color(display-p3 0.095 0.098 0.091);
       --olive-3: color(display-p3 0.131 0.135 0.126);
@@ -776,10 +726,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/olive-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --olive-a1: #00550003;
   --olive-a2: #00490007;
   --olive-a3: #00200010;
@@ -793,11 +740,10 @@
   --olive-a11: #020a00a0;
   --olive-a12: #010600e3;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --olive-a1: color(display-p3 0.024 0.349 0.024 / 0.012);
       --olive-a2: color(display-p3 0.024 0.302 0.024 / 0.028);
       --olive-a3: color(display-p3 0.008 0.129 0.008 / 0.063);
@@ -814,9 +760,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/olive-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --olive-a1: #00000000;
   --olive-a2: #f1f2f008;
   --olive-a3: #f4f5f312;
@@ -830,10 +774,10 @@
   --olive-a11: #f6fef4b0;
   --olive-a12: #fdfffded;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --olive-a1: color(display-p3 0 0 0 / 0);
       --olive-a2: color(display-p3 0.984 0.988 0.976 / 0.03);
       --olive-a3: color(display-p3 0.992 0.996 0.988 / 0.068);
@@ -850,10 +794,10 @@
   }
 }
 
-/* src/styles/colors/olive.css */
 :root {
   --olive-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -866,6 +810,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --olive-surface: #1f201e80;
@@ -878,10 +823,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/sand.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --sand-1: #fdfdfc;
   --sand-2: #f9f9f8;
   --sand-3: #f1f0ef;
@@ -895,11 +837,10 @@
   --sand-11: #63635e;
   --sand-12: #21201c;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --sand-1: color(display-p3 0.992 0.992 0.989);
       --sand-2: color(display-p3 0.977 0.977 0.973);
       --sand-3: color(display-p3 0.943 0.942 0.936);
@@ -916,9 +857,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/sand-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --sand-1: #111110;
   --sand-2: #191918;
   --sand-3: #222221;
@@ -932,10 +871,10 @@
   --sand-11: #b5b3ad;
   --sand-12: #eeeeec;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --sand-1: color(display-p3 0.067 0.067 0.063);
       --sand-2: color(display-p3 0.098 0.098 0.094);
       --sand-3: color(display-p3 0.135 0.135 0.129);
@@ -952,10 +891,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/sand-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --sand-a1: #55550003;
   --sand-a2: #25250007;
   --sand-a3: #20100010;
@@ -969,11 +905,10 @@
   --sand-a11: #080800a1;
   --sand-a12: #060500e3;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --sand-a1: color(display-p3 0.349 0.349 0.024 / 0.012);
       --sand-a2: color(display-p3 0.161 0.161 0.024 / 0.028);
       --sand-a3: color(display-p3 0.067 0.067 0.008 / 0.063);
@@ -990,9 +925,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/sand-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --sand-a1: #00000000;
   --sand-a2: #f4f4f309;
   --sand-a3: #f6f6f513;
@@ -1006,10 +939,10 @@
   --sand-a11: #fffcf4b0;
   --sand-a12: #fffffded;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --sand-a1: color(display-p3 0 0 0 / 0);
       --sand-a2: color(display-p3 0.992 0.992 0.988 / 0.034);
       --sand-a3: color(display-p3 0.996 0.996 0.992 / 0.072);
@@ -1026,10 +959,10 @@
   }
 }
 
-/* src/styles/colors/sand.css */
 :root {
   --sand-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -1042,6 +975,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --sand-surface: #21212080;
@@ -1054,10 +988,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/amber.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --amber-1: #fefdfb;
   --amber-2: #fefbe9;
   --amber-3: #fff7c2;
@@ -1071,11 +1002,10 @@
   --amber-11: #ab6400;
   --amber-12: #4f3422;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --amber-1: color(display-p3 0.995 0.992 0.985);
       --amber-2: color(display-p3 0.994 0.986 0.921);
       --amber-3: color(display-p3 0.994 0.969 0.782);
@@ -1092,9 +1022,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/amber-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --amber-1: #16120c;
   --amber-2: #1d180f;
   --amber-3: #302008;
@@ -1108,10 +1036,10 @@
   --amber-11: #ffca16;
   --amber-12: #ffe7b3;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --amber-1: color(display-p3 0.082 0.07 0.05);
       --amber-2: color(display-p3 0.111 0.094 0.064);
       --amber-3: color(display-p3 0.178 0.128 0.049);
@@ -1128,10 +1056,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/amber-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --amber-a1: #c0800004;
   --amber-a2: #f4d10016;
   --amber-a3: #ffde003d;
@@ -1145,11 +1070,10 @@
   --amber-a11: #ab6400;
   --amber-a12: #341500dd;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --amber-a1: color(display-p3 0.757 0.514 0.024 / 0.016);
       --amber-a2: color(display-p3 0.902 0.804 0.008 / 0.079);
       --amber-a3: color(display-p3 0.965 0.859 0.004 / 0.22);
@@ -1166,9 +1090,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/amber-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --amber-a1: #e63c0006;
   --amber-a2: #fd9b000d;
   --amber-a3: #fa820022;
@@ -1182,10 +1104,10 @@
   --amber-a11: #ffca16;
   --amber-a12: #ffe7b3;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --amber-a1: color(display-p3 0.992 0.298 0 / 0.017);
       --amber-a2: color(display-p3 0.988 0.651 0 / 0.047);
       --amber-a3: color(display-p3 1 0.6 0 / 0.118);
@@ -1202,10 +1124,10 @@
   }
 }
 
-/* src/styles/colors/amber.css */
 :root {
-  --amber-contrast: #21201c;
+  --amber-contrast: #21201c; /* light mode sand 12 */
 }
+
 :root,
 .light,
 .light-theme {
@@ -1218,6 +1140,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --amber-surface: #271f1380;
@@ -1233,10 +1156,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/blue.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --blue-1: #fbfdff;
   --blue-2: #f4faff;
   --blue-3: #e6f4fe;
@@ -1250,11 +1170,10 @@
   --blue-11: #0d74ce;
   --blue-12: #113264;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --blue-1: color(display-p3 0.986 0.992 0.999);
       --blue-2: color(display-p3 0.96 0.979 0.998);
       --blue-3: color(display-p3 0.912 0.956 0.991);
@@ -1271,9 +1190,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/blue-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --blue-1: #0d1520;
   --blue-2: #111927;
   --blue-3: #0d2847;
@@ -1287,10 +1204,10 @@
   --blue-11: #70b8ff;
   --blue-12: #c2e6ff;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --blue-1: color(display-p3 0.057 0.081 0.122);
       --blue-2: color(display-p3 0.072 0.098 0.147);
       --blue-3: color(display-p3 0.078 0.154 0.27);
@@ -1307,10 +1224,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/blue-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --blue-a1: #0080ff04;
   --blue-a2: #008cff0b;
   --blue-a3: #008ff519;
@@ -1324,11 +1238,10 @@
   --blue-a11: #006dcbf2;
   --blue-a12: #002359ee;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --blue-a1: color(display-p3 0.024 0.514 1 / 0.016);
       --blue-a2: color(display-p3 0.024 0.514 0.906 / 0.04);
       --blue-a3: color(display-p3 0.012 0.506 0.914 / 0.087);
@@ -1345,9 +1258,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/blue-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --blue-a1: #004df211;
   --blue-a2: #1166fb18;
   --blue-a3: #0077ff3a;
@@ -1361,10 +1272,10 @@
   --blue-a11: #70b8ff;
   --blue-a12: #c2e6ff;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --blue-a1: color(display-p3 0 0.333 1 / 0.059);
       --blue-a2: color(display-p3 0.114 0.435 0.988 / 0.085);
       --blue-a3: color(display-p3 0.122 0.463 1 / 0.219);
@@ -1381,10 +1292,10 @@
   }
 }
 
-/* src/styles/colors/blue.css */
 :root {
   --blue-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -1397,6 +1308,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --blue-surface: #11213d80;
@@ -1409,10 +1321,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/bronze.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --bronze-1: #fdfcfc;
   --bronze-2: #fdf7f5;
   --bronze-3: #f6edea;
@@ -1426,11 +1335,10 @@
   --bronze-11: #7d5e54;
   --bronze-12: #43302b;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --bronze-1: color(display-p3 0.991 0.988 0.988);
       --bronze-2: color(display-p3 0.989 0.97 0.961);
       --bronze-3: color(display-p3 0.958 0.932 0.919);
@@ -1447,9 +1355,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/bronze-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --bronze-1: #141110;
   --bronze-2: #1c1917;
   --bronze-3: #262220;
@@ -1463,10 +1369,10 @@
   --bronze-11: #d4b3a5;
   --bronze-12: #ede0d9;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --bronze-1: color(display-p3 0.076 0.067 0.063);
       --bronze-2: color(display-p3 0.106 0.097 0.093);
       --bronze-3: color(display-p3 0.147 0.132 0.125);
@@ -1483,10 +1389,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/bronze-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --bronze-a1: #55000003;
   --bronze-a2: #cc33000a;
   --bronze-a3: #92250015;
@@ -1500,11 +1403,10 @@
   --bronze-a11: #3d0f00ab;
   --bronze-a12: #1d0600d4;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --bronze-a1: color(display-p3 0.349 0.024 0.024 / 0.012);
       --bronze-a2: color(display-p3 0.71 0.22 0.024 / 0.04);
       --bronze-a3: color(display-p3 0.482 0.2 0.008 / 0.083);
@@ -1521,9 +1423,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/bronze-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --bronze-a1: #d1110004;
   --bronze-a2: #fbbc910c;
   --bronze-a3: #faceb817;
@@ -1537,10 +1437,10 @@
   --bronze-a11: #ffd7c6d1;
   --bronze-a12: #fff1e9ec;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --bronze-a1: color(display-p3 0.941 0.067 0 / 0.009);
       --bronze-a2: color(display-p3 0.98 0.8 0.706 / 0.043);
       --bronze-a3: color(display-p3 0.988 0.851 0.761 / 0.085);
@@ -1557,10 +1457,10 @@
   }
 }
 
-/* src/styles/colors/bronze.css */
 :root {
   --bronze-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -1573,6 +1473,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --bronze-surface: #27211d80;
@@ -1585,10 +1486,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/brown.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --brown-1: #fefdfc;
   --brown-2: #fcf9f6;
   --brown-3: #f6eee7;
@@ -1602,11 +1500,10 @@
   --brown-11: #815e46;
   --brown-12: #3e332e;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --brown-1: color(display-p3 0.995 0.992 0.989);
       --brown-2: color(display-p3 0.987 0.976 0.964);
       --brown-3: color(display-p3 0.959 0.936 0.909);
@@ -1623,9 +1520,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/brown-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --brown-1: #12110f;
   --brown-2: #1c1816;
   --brown-3: #28211d;
@@ -1639,10 +1534,10 @@
   --brown-11: #dbb594;
   --brown-12: #f2e1ca;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --brown-1: color(display-p3 0.071 0.067 0.059);
       --brown-2: color(display-p3 0.107 0.095 0.087);
       --brown-3: color(display-p3 0.151 0.13 0.115);
@@ -1659,10 +1554,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/brown-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --brown-a1: #aa550003;
   --brown-a2: #aa550009;
   --brown-a3: #a04b0018;
@@ -1676,11 +1568,10 @@
   --brown-a11: #522100b9;
   --brown-a12: #140600d1;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --brown-a1: color(display-p3 0.675 0.349 0.024 / 0.012);
       --brown-a2: color(display-p3 0.675 0.349 0.024 / 0.036);
       --brown-a3: color(display-p3 0.573 0.314 0.012 / 0.091);
@@ -1697,9 +1588,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/brown-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --brown-a1: #91110002;
   --brown-a2: #fba67c0c;
   --brown-a3: #fcb58c19;
@@ -1713,10 +1602,10 @@
   --brown-a11: #fed1aad9;
   --brown-a12: #feecd4f2;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --brown-a1: color(display-p3 0.855 0.071 0 / 0.005);
       --brown-a2: color(display-p3 0.98 0.706 0.525 / 0.043);
       --brown-a3: color(display-p3 0.996 0.745 0.576 / 0.093);
@@ -1733,10 +1622,10 @@
   }
 }
 
-/* src/styles/colors/brown.css */
 :root {
   --brown-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -1749,6 +1638,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --brown-surface: #271f1b80;
@@ -1761,10 +1651,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/crimson.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --crimson-1: #fffcfd;
   --crimson-2: #fef7f9;
   --crimson-3: #ffe9f0;
@@ -1778,11 +1665,10 @@
   --crimson-11: #cb1d63;
   --crimson-12: #621639;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --crimson-1: color(display-p3 0.998 0.989 0.992);
       --crimson-2: color(display-p3 0.991 0.969 0.976);
       --crimson-3: color(display-p3 0.987 0.917 0.941);
@@ -1799,9 +1685,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/crimson-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --crimson-1: #191114;
   --crimson-2: #201318;
   --crimson-3: #381525;
@@ -1815,10 +1699,10 @@
   --crimson-11: #ff92ad;
   --crimson-12: #fdd3e8;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --crimson-1: color(display-p3 0.093 0.068 0.078);
       --crimson-2: color(display-p3 0.117 0.078 0.095);
       --crimson-3: color(display-p3 0.203 0.091 0.143);
@@ -1835,10 +1719,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/crimson-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --crimson-a1: #ff005503;
   --crimson-a2: #e0004008;
   --crimson-a3: #ff005216;
@@ -1852,11 +1733,10 @@
   --crimson-a11: #c4004fe2;
   --crimson-a12: #530026e9;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --crimson-a1: color(display-p3 0.675 0.024 0.349 / 0.012);
       --crimson-a2: color(display-p3 0.757 0.02 0.267 / 0.032);
       --crimson-a3: color(display-p3 0.859 0.008 0.294 / 0.083);
@@ -1873,9 +1753,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/crimson-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --crimson-a1: #f4126709;
   --crimson-a2: #f22f7a11;
   --crimson-a3: #fe2a8b2a;
@@ -1889,10 +1767,10 @@
   --crimson-a11: #ff92ad;
   --crimson-a12: #ffd5eafd;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --crimson-a1: color(display-p3 0.984 0.071 0.463 / 0.03);
       --crimson-a2: color(display-p3 0.996 0.282 0.569 / 0.055);
       --crimson-a3: color(display-p3 0.996 0.227 0.573 / 0.148);
@@ -1909,10 +1787,10 @@
   }
 }
 
-/* src/styles/colors/crimson.css */
 :root {
   --crimson-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -1925,6 +1803,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --crimson-surface: #2f151f80;
@@ -1937,10 +1816,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/cyan.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --cyan-1: #fafdfe;
   --cyan-2: #f2fafb;
   --cyan-3: #def7f9;
@@ -1954,11 +1830,10 @@
   --cyan-11: #107d98;
   --cyan-12: #0d3c48;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --cyan-1: color(display-p3 0.982 0.992 0.996);
       --cyan-2: color(display-p3 0.955 0.981 0.984);
       --cyan-3: color(display-p3 0.888 0.965 0.975);
@@ -1975,9 +1850,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/cyan-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --cyan-1: #0b161a;
   --cyan-2: #101b20;
   --cyan-3: #082c36;
@@ -1991,10 +1864,10 @@
   --cyan-11: #4ccce6;
   --cyan-12: #b6ecf7;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --cyan-1: color(display-p3 0.053 0.085 0.098);
       --cyan-2: color(display-p3 0.072 0.105 0.122);
       --cyan-3: color(display-p3 0.073 0.168 0.209);
@@ -2011,10 +1884,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/cyan-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --cyan-a1: #0099cc05;
   --cyan-a2: #009db10d;
   --cyan-a3: #00c2d121;
@@ -2028,11 +1898,10 @@
   --cyan-a11: #007491ef;
   --cyan-a12: #00323ef2;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --cyan-a1: color(display-p3 0.02 0.608 0.804 / 0.02);
       --cyan-a2: color(display-p3 0.02 0.557 0.647 / 0.044);
       --cyan-a3: color(display-p3 0.004 0.694 0.796 / 0.114);
@@ -2049,9 +1918,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/cyan-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --cyan-a1: #0091f70a;
   --cyan-a2: #02a7f211;
   --cyan-a3: #00befd28;
@@ -2065,10 +1932,10 @@
   --cyan-a11: #52e1fee5;
   --cyan-a12: #bbf3fef7;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --cyan-a1: color(display-p3 0 0.647 0.992 / 0.034);
       --cyan-a2: color(display-p3 0.133 0.733 1 / 0.059);
       --cyan-a3: color(display-p3 0.122 0.741 0.996 / 0.152);
@@ -2085,10 +1952,10 @@
   }
 }
 
-/* src/styles/colors/cyan.css */
 :root {
   --cyan-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -2101,6 +1968,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --cyan-surface: #11252d80;
@@ -2113,10 +1981,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/gold.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --gold-1: #fdfdfc;
   --gold-2: #faf9f2;
   --gold-3: #f2f0e7;
@@ -2130,11 +1995,10 @@
   --gold-11: #71624b;
   --gold-12: #3b352b;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --gold-1: color(display-p3 0.992 0.992 0.989);
       --gold-2: color(display-p3 0.98 0.976 0.953);
       --gold-3: color(display-p3 0.947 0.94 0.909);
@@ -2151,9 +2015,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/gold-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --gold-1: #121211;
   --gold-2: #1b1a17;
   --gold-3: #24231f;
@@ -2167,10 +2029,10 @@
   --gold-11: #cbb99f;
   --gold-12: #e8e2d9;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --gold-1: color(display-p3 0.071 0.071 0.067);
       --gold-2: color(display-p3 0.104 0.101 0.09);
       --gold-3: color(display-p3 0.141 0.136 0.122);
@@ -2187,10 +2049,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/gold-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --gold-a1: #55550003;
   --gold-a2: #9d8a000d;
   --gold-a3: #75600018;
@@ -2204,11 +2063,10 @@
   --gold-a11: #362100b4;
   --gold-a12: #130c00d4;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --gold-a1: color(display-p3 0.349 0.349 0.024 / 0.012);
       --gold-a2: color(display-p3 0.592 0.514 0.024 / 0.048);
       --gold-a3: color(display-p3 0.4 0.357 0.012 / 0.091);
@@ -2225,9 +2083,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/gold-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --gold-a1: #91911102;
   --gold-a2: #f9e29d0b;
   --gold-a3: #f8ecbb15;
@@ -2241,10 +2097,10 @@
   --gold-a11: #fee7c6c8;
   --gold-a12: #fef7ede7;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --gold-a1: color(display-p3 0.855 0.855 0.071 / 0.005);
       --gold-a2: color(display-p3 0.98 0.89 0.616 / 0.043);
       --gold-a3: color(display-p3 1 0.949 0.753 / 0.08);
@@ -2261,10 +2117,10 @@
   }
 }
 
-/* src/styles/colors/gold.css */
 :root {
   --gold-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -2277,6 +2133,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --gold-surface: #25231d80;
@@ -2289,10 +2146,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/grass.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --grass-1: #fbfefb;
   --grass-2: #f5fbf5;
   --grass-3: #e9f6e9;
@@ -2306,11 +2160,10 @@
   --grass-11: #2a7e3b;
   --grass-12: #203c25;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --grass-1: color(display-p3 0.986 0.996 0.985);
       --grass-2: color(display-p3 0.966 0.983 0.964);
       --grass-3: color(display-p3 0.923 0.965 0.917);
@@ -2327,9 +2180,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/grass-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --grass-1: #0e1511;
   --grass-2: #141a15;
   --grass-3: #1b2a1e;
@@ -2343,10 +2194,10 @@
   --grass-11: #71d083;
   --grass-12: #c2f0c2;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --grass-1: color(display-p3 0.062 0.083 0.067);
       --grass-2: color(display-p3 0.083 0.103 0.085);
       --grass-3: color(display-p3 0.118 0.163 0.122);
@@ -2363,10 +2214,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/grass-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --grass-a1: #00c00004;
   --grass-a2: #0099000a;
   --grass-a3: #00970016;
@@ -2380,11 +2228,10 @@
   --grass-a11: #006514d5;
   --grass-a12: #002006df;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --grass-a1: color(display-p3 0.024 0.757 0.024 / 0.016);
       --grass-a2: color(display-p3 0.024 0.565 0.024 / 0.036);
       --grass-a3: color(display-p3 0.059 0.576 0.008 / 0.083);
@@ -2401,9 +2248,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/grass-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --grass-a1: #00de1205;
   --grass-a2: #5ef7780a;
   --grass-a3: #70fe8c1b;
@@ -2417,10 +2262,10 @@
   --grass-a11: #89ff9fcd;
   --grass-a12: #ceffceef;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --grass-a1: color(display-p3 0 0.992 0.071 / 0.017);
       --grass-a2: color(display-p3 0.482 0.996 0.584 / 0.038);
       --grass-a3: color(display-p3 0.549 0.992 0.588 / 0.106);
@@ -2437,10 +2282,10 @@
   }
 }
 
-/* src/styles/colors/grass.css */
 :root {
   --grass-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -2453,6 +2298,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --grass-surface: #19231b80;
@@ -2465,10 +2311,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/green.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --green-1: #fbfefc;
   --green-2: #f4fbf6;
   --green-3: #e6f6eb;
@@ -2482,11 +2325,10 @@
   --green-11: #218358;
   --green-12: #193b2d;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --green-1: color(display-p3 0.986 0.996 0.989);
       --green-2: color(display-p3 0.963 0.983 0.967);
       --green-3: color(display-p3 0.913 0.964 0.925);
@@ -2503,9 +2345,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/green-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --green-1: #0e1512;
   --green-2: #121b17;
   --green-3: #132d21;
@@ -2519,10 +2359,10 @@
   --green-11: #3dd68c;
   --green-12: #b1f1cb;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --green-1: color(display-p3 0.062 0.083 0.071);
       --green-2: color(display-p3 0.079 0.106 0.09);
       --green-3: color(display-p3 0.1 0.173 0.133);
@@ -2539,10 +2379,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/green-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --green-a1: #00c04004;
   --green-a2: #00a32f0b;
   --green-a3: #00a43319;
@@ -2556,11 +2393,10 @@
   --green-a11: #00713fde;
   --green-a12: #002616e6;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --green-a1: color(display-p3 0.024 0.757 0.267 / 0.016);
       --green-a2: color(display-p3 0.024 0.565 0.129 / 0.036);
       --green-a3: color(display-p3 0.012 0.596 0.145 / 0.087);
@@ -2577,9 +2413,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/green-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --green-a1: #00de4505;
   --green-a2: #29f99d0b;
   --green-a3: #22ff991e;
@@ -2593,10 +2427,10 @@
   --green-a11: #46fea5d4;
   --green-a12: #bbffd7f0;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --green-a1: color(display-p3 0 0.992 0.298 / 0.017);
       --green-a2: color(display-p3 0.341 0.98 0.616 / 0.043);
       --green-a3: color(display-p3 0.376 0.996 0.655 / 0.114);
@@ -2613,10 +2447,10 @@
   }
 }
 
-/* src/styles/colors/green.css */
 :root {
   --green-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -2629,6 +2463,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --green-surface: #15251d80;
@@ -2641,10 +2476,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/indigo.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --indigo-1: #fdfdfe;
   --indigo-2: #f7f9ff;
   --indigo-3: #edf2fe;
@@ -2658,11 +2490,10 @@
   --indigo-11: #3a5bc7;
   --indigo-12: #1f2d5c;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --indigo-1: color(display-p3 0.992 0.992 0.996);
       --indigo-2: color(display-p3 0.971 0.977 0.998);
       --indigo-3: color(display-p3 0.933 0.948 0.992);
@@ -2679,9 +2510,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/indigo-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --indigo-1: #11131f;
   --indigo-2: #141726;
   --indigo-3: #182449;
@@ -2695,10 +2524,10 @@
   --indigo-11: #9eb1ff;
   --indigo-12: #d6e1ff;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --indigo-1: color(display-p3 0.068 0.074 0.118);
       --indigo-2: color(display-p3 0.081 0.089 0.144);
       --indigo-3: color(display-p3 0.105 0.141 0.275);
@@ -2715,10 +2544,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/indigo-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --indigo-a1: #00008002;
   --indigo-a2: #0040ff08;
   --indigo-a3: #0047f112;
@@ -2732,11 +2558,10 @@
   --indigo-a11: #002bb7c5;
   --indigo-a12: #001046e0;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --indigo-a1: color(display-p3 0.02 0.02 0.51 / 0.008);
       --indigo-a2: color(display-p3 0.024 0.161 0.863 / 0.028);
       --indigo-a3: color(display-p3 0.008 0.239 0.886 / 0.067);
@@ -2753,9 +2578,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/indigo-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --indigo-a1: #1133ff0f;
   --indigo-a2: #3354fa17;
   --indigo-a3: #2f62ff3c;
@@ -2769,10 +2592,10 @@
   --indigo-a11: #9eb1ff;
   --indigo-a12: #d6e1ff;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --indigo-a1: color(display-p3 0.071 0.212 0.996 / 0.055);
       --indigo-a2: color(display-p3 0.251 0.345 0.988 / 0.085);
       --indigo-a3: color(display-p3 0.243 0.404 1 / 0.223);
@@ -2789,10 +2612,10 @@
   }
 }
 
-/* src/styles/colors/indigo.css */
 :root {
   --indigo-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -2805,6 +2628,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --indigo-surface: #171d3b80;
@@ -2817,10 +2641,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/iris.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --iris-1: #fdfdff;
   --iris-2: #f8f8ff;
   --iris-3: #f0f1fe;
@@ -2834,11 +2655,10 @@
   --iris-11: #5753c6;
   --iris-12: #272962;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --iris-1: color(display-p3 0.992 0.992 0.999);
       --iris-2: color(display-p3 0.972 0.973 0.998);
       --iris-3: color(display-p3 0.943 0.945 0.992);
@@ -2855,9 +2675,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/iris-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --iris-1: #13131e;
   --iris-2: #171625;
   --iris-3: #202248;
@@ -2871,10 +2689,10 @@
   --iris-11: #b1a9ff;
   --iris-12: #e0dffe;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --iris-1: color(display-p3 0.075 0.075 0.114);
       --iris-2: color(display-p3 0.089 0.086 0.14);
       --iris-3: color(display-p3 0.128 0.134 0.272);
@@ -2891,10 +2709,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/iris-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --iris-a1: #0000ff02;
   --iris-a2: #0000ff07;
   --iris-a3: #0011ee0f;
@@ -2908,11 +2723,10 @@
   --iris-a11: #0600abac;
   --iris-a12: #000246d8;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --iris-a1: color(display-p3 0.02 0.02 1 / 0.008);
       --iris-a2: color(display-p3 0.024 0.024 0.863 / 0.028);
       --iris-a3: color(display-p3 0.004 0.071 0.871 / 0.059);
@@ -2929,9 +2743,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/iris-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --iris-a1: #3636fe0e;
   --iris-a2: #564bf916;
   --iris-a3: #525bff3b;
@@ -2945,10 +2757,10 @@
   --iris-a11: #b1a9ff;
   --iris-a12: #e1e0fffe;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --iris-a1: color(display-p3 0.224 0.224 0.992 / 0.051);
       --iris-a2: color(display-p3 0.361 0.314 1 / 0.08);
       --iris-a3: color(display-p3 0.357 0.373 1 / 0.219);
@@ -2965,10 +2777,10 @@
   }
 }
 
-/* src/styles/colors/iris.css */
 :root {
   --iris-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -2981,6 +2793,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --iris-surface: #1d1b3980;
@@ -2993,10 +2806,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/jade.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --jade-1: #fbfefd;
   --jade-2: #f4fbf7;
   --jade-3: #e6f7ed;
@@ -3010,11 +2820,10 @@
   --jade-11: #208368;
   --jade-12: #1d3b31;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --jade-1: color(display-p3 0.986 0.996 0.992);
       --jade-2: color(display-p3 0.962 0.983 0.969);
       --jade-3: color(display-p3 0.912 0.965 0.932);
@@ -3031,9 +2840,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/jade-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --jade-1: #0d1512;
   --jade-2: #121c18;
   --jade-3: #0f2e22;
@@ -3047,10 +2854,10 @@
   --jade-11: #1fd8a4;
   --jade-12: #adf0d4;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --jade-1: color(display-p3 0.059 0.083 0.071);
       --jade-2: color(display-p3 0.078 0.11 0.094);
       --jade-3: color(display-p3 0.091 0.176 0.138);
@@ -3067,10 +2874,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/jade-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --jade-a1: #00c08004;
   --jade-a2: #00a3460b;
   --jade-a3: #00ae4819;
@@ -3084,11 +2888,10 @@
   --jade-a11: #007152df;
   --jade-a12: #002217e2;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --jade-a1: color(display-p3 0.024 0.757 0.514 / 0.016);
       --jade-a2: color(display-p3 0.024 0.612 0.22 / 0.04);
       --jade-a3: color(display-p3 0.012 0.596 0.235 / 0.087);
@@ -3105,9 +2908,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/jade-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --jade-a1: #00de4505;
   --jade-a2: #27fba60c;
   --jade-a3: #02f99920;
@@ -3121,10 +2922,10 @@
   --jade-a11: #21fec0d6;
   --jade-a12: #b8ffe1ef;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --jade-a1: color(display-p3 0 0.992 0.298 / 0.017);
       --jade-a2: color(display-p3 0.318 0.988 0.651 / 0.047);
       --jade-a3: color(display-p3 0.267 1 0.667 / 0.118);
@@ -3141,10 +2942,10 @@
   }
 }
 
-/* src/styles/colors/jade.css */
 :root {
   --jade-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -3157,6 +2958,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --jade-surface: #13271f80;
@@ -3169,10 +2971,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/lime.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --lime-1: #fcfdfa;
   --lime-2: #f8faf3;
   --lime-3: #eef6d6;
@@ -3186,11 +2985,10 @@
   --lime-11: #5c7c2f;
   --lime-12: #37401c;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --lime-1: color(display-p3 0.989 0.992 0.981);
       --lime-2: color(display-p3 0.975 0.98 0.954);
       --lime-3: color(display-p3 0.939 0.965 0.851);
@@ -3207,9 +3005,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/lime-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --lime-1: #11130c;
   --lime-2: #151a10;
   --lime-3: #1f2917;
@@ -3223,10 +3019,10 @@
   --lime-11: #bde56c;
   --lime-12: #e3f7ba;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --lime-1: color(display-p3 0.067 0.073 0.048);
       --lime-2: color(display-p3 0.086 0.1 0.067);
       --lime-3: color(display-p3 0.13 0.16 0.099);
@@ -3243,10 +3039,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/lime-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --lime-a1: #66990005;
   --lime-a2: #6b95000c;
   --lime-a3: #96c80029;
@@ -3260,11 +3053,10 @@
   --lime-a11: #375f00d0;
   --lime-a12: #1e2900e3;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --lime-a1: color(display-p3 0.412 0.608 0.02 / 0.02);
       --lime-a2: color(display-p3 0.514 0.592 0.024 / 0.048);
       --lime-a3: color(display-p3 0.584 0.765 0.008 / 0.15);
@@ -3281,9 +3073,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/lime-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --lime-a1: #11bb0003;
   --lime-a2: #78f7000a;
   --lime-a3: #9bfd4c1a;
@@ -3297,10 +3087,10 @@
   --lime-a11: #d1fe77e4;
   --lime-a12: #e9febff7;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --lime-a1: color(display-p3 0.067 0.941 0 / 0.009);
       --lime-a2: color(display-p3 0.584 0.996 0.071 / 0.038);
       --lime-a3: color(display-p3 0.69 1 0.38 / 0.101);
@@ -3317,10 +3107,10 @@
   }
 }
 
-/* src/styles/colors/lime.css */
 :root {
-  --lime-contrast: #1d211c;
+  --lime-contrast: #1d211c; /* light mode olive 12 */
 }
+
 :root,
 .light,
 .light-theme {
@@ -3333,6 +3123,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --lime-surface: #1b211580;
@@ -3348,10 +3139,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/mint.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --mint-1: #f9fefd;
   --mint-2: #f2fbf9;
   --mint-3: #ddf9f2;
@@ -3365,11 +3153,10 @@
   --mint-11: #027864;
   --mint-12: #16433c;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --mint-1: color(display-p3 0.98 0.995 0.992);
       --mint-2: color(display-p3 0.957 0.985 0.977);
       --mint-3: color(display-p3 0.888 0.972 0.95);
@@ -3386,9 +3173,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/mint-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --mint-1: #0e1515;
   --mint-2: #0f1b1b;
   --mint-3: #092c2b;
@@ -3402,10 +3187,10 @@
   --mint-11: #58d5ba;
   --mint-12: #c4f5e1;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --mint-1: color(display-p3 0.059 0.082 0.081);
       --mint-2: color(display-p3 0.068 0.104 0.105);
       --mint-3: color(display-p3 0.077 0.17 0.168);
@@ -3422,10 +3207,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/mint-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --mint-a1: #00d5aa06;
   --mint-a2: #00b18a0d;
   --mint-a3: #00d29e22;
@@ -3439,11 +3221,10 @@
   --mint-a11: #007763fd;
   --mint-a12: #00312ae9;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --mint-a1: color(display-p3 0.02 0.804 0.608 / 0.02);
       --mint-a2: color(display-p3 0.02 0.647 0.467 / 0.044);
       --mint-a3: color(display-p3 0.004 0.761 0.553 / 0.114);
@@ -3460,9 +3241,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/mint-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --mint-a1: #00dede05;
   --mint-a2: #00f9f90b;
   --mint-a3: #00fff61d;
@@ -3476,10 +3255,10 @@
   --mint-a11: #67ffded2;
   --mint-a12: #cbfee9f5;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --mint-a1: color(display-p3 0 0.992 0.992 / 0.017);
       --mint-a2: color(display-p3 0.071 0.98 0.98 / 0.043);
       --mint-a3: color(display-p3 0.176 0.996 0.996 / 0.11);
@@ -3496,10 +3275,10 @@
   }
 }
 
-/* src/styles/colors/mint.css */
 :root {
-  --mint-contrast: #1a211e;
+  --mint-contrast: #1a211e; /* light mode sage 12 */
 }
+
 :root,
 .light,
 .light-theme {
@@ -3512,6 +3291,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --mint-surface: #15272780;
@@ -3527,10 +3307,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/orange.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --orange-1: #fefcfb;
   --orange-2: #fff7ed;
   --orange-3: #ffefd6;
@@ -3544,11 +3321,10 @@
   --orange-11: #cc4e00;
   --orange-12: #582d1d;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --orange-1: color(display-p3 0.995 0.988 0.985);
       --orange-2: color(display-p3 0.994 0.968 0.934);
       --orange-3: color(display-p3 0.989 0.938 0.85);
@@ -3565,9 +3341,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/orange-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --orange-1: #17120e;
   --orange-2: #1e160f;
   --orange-3: #331e0b;
@@ -3581,10 +3355,10 @@
   --orange-11: #ffa057;
   --orange-12: #ffe0c2;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --orange-1: color(display-p3 0.088 0.07 0.057);
       --orange-2: color(display-p3 0.113 0.089 0.061);
       --orange-3: color(display-p3 0.189 0.12 0.056);
@@ -3601,10 +3375,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/orange-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --orange-a1: #c0400004;
   --orange-a2: #ff8e0012;
   --orange-a3: #ff9c0029;
@@ -3618,11 +3389,10 @@
   --orange-a11: #cc4e00;
   --orange-a12: #431200e2;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --orange-a1: color(display-p3 0.757 0.267 0.024 / 0.016);
       --orange-a2: color(display-p3 0.886 0.533 0.008 / 0.067);
       --orange-a3: color(display-p3 0.922 0.584 0.008 / 0.15);
@@ -3639,9 +3409,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/orange-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --orange-a1: #ec360007;
   --orange-a2: #fe6d000e;
   --orange-a3: #fb6a0025;
@@ -3655,10 +3423,10 @@
   --orange-a11: #ffa057;
   --orange-a12: #ffe0c2;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --orange-a1: color(display-p3 0.961 0.247 0 / 0.022);
       --orange-a2: color(display-p3 0.992 0.529 0 / 0.051);
       --orange-a3: color(display-p3 0.996 0.486 0 / 0.131);
@@ -3675,10 +3443,10 @@
   }
 }
 
-/* src/styles/colors/orange.css */
 :root {
   --orange-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -3691,6 +3459,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --orange-surface: #271d1380;
@@ -3703,10 +3472,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/pink.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --pink-1: #fffcfe;
   --pink-2: #fef7fb;
   --pink-3: #fee9f5;
@@ -3720,11 +3486,10 @@
   --pink-11: #c2298a;
   --pink-12: #651249;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --pink-1: color(display-p3 0.998 0.989 0.996);
       --pink-2: color(display-p3 0.992 0.97 0.985);
       --pink-3: color(display-p3 0.981 0.917 0.96);
@@ -3741,9 +3506,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/pink-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --pink-1: #191117;
   --pink-2: #21121d;
   --pink-3: #37172f;
@@ -3757,10 +3520,10 @@
   --pink-11: #ff8dcc;
   --pink-12: #fdd1ea;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --pink-1: color(display-p3 0.093 0.068 0.089);
       --pink-2: color(display-p3 0.121 0.073 0.11);
       --pink-3: color(display-p3 0.198 0.098 0.179);
@@ -3777,10 +3540,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/pink-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --pink-a1: #ff00aa03;
   --pink-a2: #e0008008;
   --pink-a3: #f4008c16;
@@ -3794,11 +3554,10 @@
   --pink-a11: #b60074d6;
   --pink-a12: #59003bed;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --pink-a1: color(display-p3 0.675 0.024 0.675 / 0.012);
       --pink-a2: color(display-p3 0.757 0.02 0.51 / 0.032);
       --pink-a3: color(display-p3 0.765 0.008 0.529 / 0.083);
@@ -3815,9 +3574,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/pink-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --pink-a1: #f412bc09;
   --pink-a2: #f420bb12;
   --pink-a3: #fe37cc29;
@@ -3831,10 +3588,10 @@
   --pink-a11: #ff8dcc;
   --pink-a12: #ffd3ecfd;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --pink-a1: color(display-p3 0.984 0.071 0.855 / 0.03);
       --pink-a2: color(display-p3 1 0.2 0.8 / 0.059);
       --pink-a3: color(display-p3 1 0.294 0.886 / 0.139);
@@ -3851,10 +3608,10 @@
   }
 }
 
-/* src/styles/colors/pink.css */
 :root {
   --pink-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -3867,6 +3624,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --pink-surface: #31132980;
@@ -3879,10 +3637,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/plum.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --plum-1: #fefcff;
   --plum-2: #fdf7fd;
   --plum-3: #fbebfb;
@@ -3896,11 +3651,10 @@
   --plum-11: #953ea3;
   --plum-12: #53195d;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --plum-1: color(display-p3 0.995 0.988 0.999);
       --plum-2: color(display-p3 0.988 0.971 0.99);
       --plum-3: color(display-p3 0.973 0.923 0.98);
@@ -3917,9 +3671,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/plum-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --plum-1: #181118;
   --plum-2: #201320;
   --plum-3: #351a35;
@@ -3933,10 +3685,10 @@
   --plum-11: #e796f3;
   --plum-12: #f4d4f4;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --plum-1: color(display-p3 0.09 0.068 0.092);
       --plum-2: color(display-p3 0.118 0.077 0.121);
       --plum-3: color(display-p3 0.192 0.105 0.202);
@@ -3953,10 +3705,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/plum-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --plum-a1: #aa00ff03;
   --plum-a2: #c000c008;
   --plum-a3: #cc00cc14;
@@ -3970,11 +3719,10 @@
   --plum-a11: #730086c1;
   --plum-a12: #40004be6;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --plum-a1: color(display-p3 0.675 0.024 1 / 0.012);
       --plum-a2: color(display-p3 0.58 0.024 0.58 / 0.028);
       --plum-a3: color(display-p3 0.655 0.008 0.753 / 0.079);
@@ -3991,9 +3739,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/plum-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --plum-a1: #f112f108;
   --plum-a2: #f22ff211;
   --plum-a3: #fd4cfd27;
@@ -4007,10 +3753,10 @@
   --plum-a11: #f19cfef3;
   --plum-a12: #feddfef4;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --plum-a1: color(display-p3 0.973 0.071 0.973 / 0.026);
       --plum-a2: color(display-p3 0.933 0.267 1 / 0.059);
       --plum-a3: color(display-p3 0.918 0.333 0.996 / 0.148);
@@ -4027,10 +3773,10 @@
   }
 }
 
-/* src/styles/colors/plum.css */
 :root {
   --plum-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -4043,6 +3789,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --plum-surface: #2f152f80;
@@ -4055,10 +3802,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/purple.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --purple-1: #fefcfe;
   --purple-2: #fbf7fe;
   --purple-3: #f7edfe;
@@ -4072,11 +3816,10 @@
   --purple-11: #8145b5;
   --purple-12: #402060;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --purple-1: color(display-p3 0.995 0.988 0.996);
       --purple-2: color(display-p3 0.983 0.971 0.993);
       --purple-3: color(display-p3 0.963 0.931 0.989);
@@ -4093,9 +3836,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/purple-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --purple-1: #18111b;
   --purple-2: #1e1523;
   --purple-3: #301c3b;
@@ -4109,10 +3850,10 @@
   --purple-11: #d19dff;
   --purple-12: #ecd9fa;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --purple-1: color(display-p3 0.09 0.068 0.103);
       --purple-2: color(display-p3 0.113 0.082 0.134);
       --purple-3: color(display-p3 0.175 0.112 0.224);
@@ -4129,10 +3870,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/purple-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --purple-a1: #aa00aa03;
   --purple-a2: #8000e008;
   --purple-a3: #8e00f112;
@@ -4146,11 +3884,10 @@
   --purple-a11: #52009aba;
   --purple-a12: #250049df;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --purple-a1: color(display-p3 0.675 0.024 0.675 / 0.012);
       --purple-a2: color(display-p3 0.443 0.024 0.722 / 0.028);
       --purple-a3: color(display-p3 0.506 0.008 0.835 / 0.071);
@@ -4167,9 +3904,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/purple-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --purple-a1: #b412f90b;
   --purple-a2: #b744f714;
   --purple-a3: #c150ff2d;
@@ -4183,10 +3918,10 @@
   --purple-a11: #d19dff;
   --purple-a12: #f1ddfffa;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --purple-a1: color(display-p3 0.686 0.071 0.996 / 0.038);
       --purple-a2: color(display-p3 0.722 0.286 0.996 / 0.072);
       --purple-a3: color(display-p3 0.718 0.349 0.996 / 0.169);
@@ -4203,10 +3938,10 @@
   }
 }
 
-/* src/styles/colors/purple.css */
 :root {
   --purple-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -4219,6 +3954,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --purple-surface: #2b173580;
@@ -4231,10 +3967,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/red.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --red-1: #fffcfc;
   --red-2: #fff7f7;
   --red-3: #feebec;
@@ -4248,11 +3981,10 @@
   --red-11: #ce2c31;
   --red-12: #641723;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --red-1: color(display-p3 0.998 0.989 0.988);
       --red-2: color(display-p3 0.995 0.971 0.971);
       --red-3: color(display-p3 0.985 0.925 0.925);
@@ -4269,9 +4001,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/red-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --red-1: #191111;
   --red-2: #201314;
   --red-3: #3b1219;
@@ -4285,10 +4015,10 @@
   --red-11: #ff9592;
   --red-12: #ffd1d9;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --red-1: color(display-p3 0.093 0.068 0.067);
       --red-2: color(display-p3 0.118 0.077 0.079);
       --red-3: color(display-p3 0.211 0.081 0.099);
@@ -4305,10 +4035,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/red-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --red-a1: #ff000003;
   --red-a2: #ff000008;
   --red-a3: #f3000d14;
@@ -4322,11 +4049,10 @@
   --red-a11: #c40006d3;
   --red-a12: #55000de8;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --red-a1: color(display-p3 0.675 0.024 0.024 / 0.012);
       --red-a2: color(display-p3 0.863 0.024 0.024 / 0.028);
       --red-a3: color(display-p3 0.792 0.008 0.008 / 0.075);
@@ -4343,9 +4069,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/red-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --red-a1: #f4121209;
   --red-a2: #f22f3e11;
   --red-a3: #ff173f2d;
@@ -4359,10 +4083,10 @@
   --red-a11: #ff9592;
   --red-a12: #ffd1d9;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --red-a1: color(display-p3 0.984 0.071 0.071 / 0.03);
       --red-a2: color(display-p3 0.996 0.282 0.282 / 0.055);
       --red-a3: color(display-p3 1 0.169 0.271 / 0.156);
@@ -4379,10 +4103,10 @@
   }
 }
 
-/* src/styles/colors/red.css */
 :root {
   --red-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -4395,6 +4119,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --red-surface: #2f151780;
@@ -4407,10 +4132,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/ruby.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --ruby-1: #fffcfd;
   --ruby-2: #fff7f8;
   --ruby-3: #feeaed;
@@ -4424,11 +4146,10 @@
   --ruby-11: #ca244d;
   --ruby-12: #64172b;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --ruby-1: color(display-p3 0.998 0.989 0.992);
       --ruby-2: color(display-p3 0.995 0.971 0.974);
       --ruby-3: color(display-p3 0.983 0.92 0.928);
@@ -4445,9 +4166,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/ruby-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --ruby-1: #191113;
   --ruby-2: #1e1517;
   --ruby-3: #3a141e;
@@ -4461,10 +4180,10 @@
   --ruby-11: #ff949d;
   --ruby-12: #fed2e1;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --ruby-1: color(display-p3 0.093 0.068 0.074);
       --ruby-2: color(display-p3 0.113 0.083 0.089);
       --ruby-3: color(display-p3 0.208 0.088 0.117);
@@ -4481,10 +4200,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/ruby-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --ruby-a1: #ff005503;
   --ruby-a2: #ff002008;
   --ruby-a3: #f3002515;
@@ -4498,11 +4214,10 @@
   --ruby-a11: #c10030db;
   --ruby-a12: #550016e8;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --ruby-a1: color(display-p3 0.675 0.024 0.349 / 0.012);
       --ruby-a2: color(display-p3 0.863 0.024 0.024 / 0.028);
       --ruby-a3: color(display-p3 0.804 0.008 0.11 / 0.079);
@@ -4519,9 +4234,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/ruby-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --ruby-a1: #f4124a09;
   --ruby-a2: #fe5a7f0e;
   --ruby-a3: #ff235d2c;
@@ -4535,10 +4248,10 @@
   --ruby-a11: #ff949d;
   --ruby-a12: #ffd3e2fe;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --ruby-a1: color(display-p3 0.984 0.071 0.329 / 0.03);
       --ruby-a2: color(display-p3 0.992 0.376 0.529 / 0.051);
       --ruby-a3: color(display-p3 0.996 0.196 0.404 / 0.152);
@@ -4555,10 +4268,10 @@
   }
 }
 
-/* src/styles/colors/ruby.css */
 :root {
   --ruby-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -4571,6 +4284,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --ruby-surface: #2b191d80;
@@ -4583,10 +4297,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/sky.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --sky-1: #f9feff;
   --sky-2: #f1fafd;
   --sky-3: #e1f6fd;
@@ -4600,11 +4311,10 @@
   --sky-11: #00749e;
   --sky-12: #1d3e56;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --sky-1: color(display-p3 0.98 0.995 0.999);
       --sky-2: color(display-p3 0.953 0.98 0.99);
       --sky-3: color(display-p3 0.899 0.963 0.989);
@@ -4621,9 +4331,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/sky-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --sky-1: #0d141f;
   --sky-2: #111a27;
   --sky-3: #112840;
@@ -4637,10 +4345,10 @@
   --sky-11: #75c7f0;
   --sky-12: #c2f3ff;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --sky-1: color(display-p3 0.056 0.078 0.116);
       --sky-2: color(display-p3 0.075 0.101 0.149);
       --sky-3: color(display-p3 0.089 0.154 0.244);
@@ -4657,10 +4365,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/sky-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --sky-a1: #00d5ff06;
   --sky-a2: #00a4db0e;
   --sky-a3: #00b3ee1e;
@@ -4674,11 +4379,10 @@
   --sky-a11: #00749e;
   --sky-a12: #002540e2;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --sky-a1: color(display-p3 0.02 0.804 1 / 0.02);
       --sky-a2: color(display-p3 0.024 0.592 0.757 / 0.048);
       --sky-a3: color(display-p3 0.004 0.655 0.886 / 0.102);
@@ -4695,9 +4399,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/sky-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --sky-a1: #0044ff0f;
   --sky-a2: #1171fb18;
   --sky-a3: #1184fc33;
@@ -4711,10 +4413,10 @@
   --sky-a11: #7cd3ffef;
   --sky-a12: #c2f3ff;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --sky-a1: color(display-p3 0 0.282 0.996 / 0.055);
       --sky-a2: color(display-p3 0.157 0.467 0.992 / 0.089);
       --sky-a3: color(display-p3 0.192 0.522 0.996 / 0.19);
@@ -4731,10 +4433,10 @@
   }
 }
 
-/* src/styles/colors/sky.css */
 :root {
-  --sky-contrast: #1c2024;
+  --sky-contrast: #1c2024; /* light mode slate 12 */
 }
+
 :root,
 .light,
 .light-theme {
@@ -4747,6 +4449,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --sky-surface: #13233b80;
@@ -4762,10 +4465,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/teal.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --teal-1: #fafefd;
   --teal-2: #f3fbf9;
   --teal-3: #e0f8f3;
@@ -4779,11 +4479,10 @@
   --teal-11: #008573;
   --teal-12: #0d3d38;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --teal-1: color(display-p3 0.983 0.996 0.992);
       --teal-2: color(display-p3 0.958 0.983 0.976);
       --teal-3: color(display-p3 0.895 0.971 0.952);
@@ -4800,9 +4499,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/teal-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --teal-1: #0d1514;
   --teal-2: #111c1b;
   --teal-3: #0d2d2a;
@@ -4816,10 +4513,10 @@
   --teal-11: #0bd8b6;
   --teal-12: #adf0dd;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --teal-1: color(display-p3 0.059 0.083 0.079);
       --teal-2: color(display-p3 0.075 0.11 0.107);
       --teal-3: color(display-p3 0.087 0.175 0.165);
@@ -4836,10 +4533,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/teal-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --teal-a1: #00cc9905;
   --teal-a2: #00aa800c;
   --teal-a3: #00c69d1f;
@@ -4853,11 +4547,10 @@
   --teal-a11: #008573;
   --teal-a12: #00332df2;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --teal-a1: color(display-p3 0.024 0.757 0.514 / 0.016);
       --teal-a2: color(display-p3 0.02 0.647 0.467 / 0.044);
       --teal-a3: color(display-p3 0.004 0.741 0.557 / 0.106);
@@ -4874,9 +4567,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/teal-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --teal-a1: #00deab05;
   --teal-a2: #12fbe60c;
   --teal-a3: #00ffe61e;
@@ -4890,10 +4581,10 @@
   --teal-a11: #0afed5d6;
   --teal-a12: #b8ffebef;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --teal-a1: color(display-p3 0 0.992 0.761 / 0.017);
       --teal-a2: color(display-p3 0.235 0.988 0.902 / 0.047);
       --teal-a3: color(display-p3 0.235 1 0.898 / 0.118);
@@ -4910,10 +4601,10 @@
   }
 }
 
-/* src/styles/colors/teal.css */
 :root {
   --teal-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -4926,6 +4617,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --teal-surface: #13272580;
@@ -4938,10 +4630,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/tomato.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --tomato-1: #fffcfc;
   --tomato-2: #fff8f7;
   --tomato-3: #feebe7;
@@ -4955,11 +4644,10 @@
   --tomato-11: #d13415;
   --tomato-12: #5c271f;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --tomato-1: color(display-p3 0.998 0.989 0.988);
       --tomato-2: color(display-p3 0.994 0.974 0.969);
       --tomato-3: color(display-p3 0.985 0.924 0.909);
@@ -4976,9 +4664,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/tomato-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --tomato-1: #181111;
   --tomato-2: #1f1513;
   --tomato-3: #391714;
@@ -4992,10 +4678,10 @@
   --tomato-11: #ff977d;
   --tomato-12: #fbd3cb;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --tomato-1: color(display-p3 0.09 0.068 0.067);
       --tomato-2: color(display-p3 0.115 0.084 0.076);
       --tomato-3: color(display-p3 0.205 0.097 0.083);
@@ -5012,10 +4698,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/tomato-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --tomato-a1: #ff000003;
   --tomato-a2: #ff200008;
   --tomato-a3: #f52b0018;
@@ -5029,11 +4712,10 @@
   --tomato-a11: #cd2200ea;
   --tomato-a12: #460900e0;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --tomato-a1: color(display-p3 0.675 0.024 0.024 / 0.012);
       --tomato-a2: color(display-p3 0.757 0.145 0.02 / 0.032);
       --tomato-a3: color(display-p3 0.831 0.184 0.012 / 0.091);
@@ -5050,9 +4732,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/tomato-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --tomato-a1: #f1121208;
   --tomato-a2: #ff55330f;
   --tomato-a3: #ff35232b;
@@ -5066,10 +4746,10 @@
   --tomato-a11: #ff977d;
   --tomato-a12: #ffd6cefb;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --tomato-a1: color(display-p3 0.973 0.071 0.071 / 0.026);
       --tomato-a2: color(display-p3 0.992 0.376 0.224 / 0.051);
       --tomato-a3: color(display-p3 0.996 0.282 0.176 / 0.148);
@@ -5086,10 +4766,10 @@
   }
 }
 
-/* src/styles/colors/tomato.css */
 :root {
   --tomato-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -5102,6 +4782,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --tomato-surface: #2d191580;
@@ -5114,10 +4795,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/violet.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --violet-1: #fdfcfe;
   --violet-2: #faf8ff;
   --violet-3: #f4f0fe;
@@ -5131,11 +4809,10 @@
   --violet-11: #6550b9;
   --violet-12: #2f265f;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --violet-1: color(display-p3 0.991 0.988 0.995);
       --violet-2: color(display-p3 0.978 0.974 0.998);
       --violet-3: color(display-p3 0.953 0.943 0.993);
@@ -5152,9 +4829,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/violet-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --violet-1: #14121f;
   --violet-2: #1b1525;
   --violet-3: #291f43;
@@ -5168,10 +4843,10 @@
   --violet-11: #baa7ff;
   --violet-12: #e2ddfe;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --violet-1: color(display-p3 0.077 0.071 0.118);
       --violet-2: color(display-p3 0.101 0.084 0.141);
       --violet-3: color(display-p3 0.154 0.123 0.256);
@@ -5188,10 +4863,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/violet-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --violet-a1: #5500aa03;
   --violet-a2: #4900ff07;
   --violet-a3: #4400ee0f;
@@ -5205,11 +4877,10 @@
   --violet-a11: #1f0099af;
   --violet-a12: #0b0043d9;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --violet-a1: color(display-p3 0.349 0.024 0.675 / 0.012);
       --violet-a2: color(display-p3 0.161 0.024 0.863 / 0.028);
       --violet-a3: color(display-p3 0.204 0.004 0.871 / 0.059);
@@ -5226,9 +4897,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/violet-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --violet-a1: #4422ff0f;
   --violet-a2: #853ff916;
   --violet-a3: #8354fe36;
@@ -5242,10 +4911,10 @@
   --violet-a11: #baa7ff;
   --violet-a12: #e3defffe;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --violet-a1: color(display-p3 0.282 0.141 0.996 / 0.055);
       --violet-a2: color(display-p3 0.51 0.263 1 / 0.08);
       --violet-a3: color(display-p3 0.494 0.337 0.996 / 0.202);
@@ -5262,10 +4931,10 @@
   }
 }
 
-/* src/styles/colors/violet.css */
 :root {
   --violet-contrast: white;
 }
+
 :root,
 .light,
 .light-theme {
@@ -5278,6 +4947,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --violet-surface: #25193980;
@@ -5290,10 +4960,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/yellow.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --yellow-1: #fdfdf9;
   --yellow-2: #fefce9;
   --yellow-3: #fffab8;
@@ -5307,11 +4974,10 @@
   --yellow-11: #9e6c00;
   --yellow-12: #473b1f;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --yellow-1: color(display-p3 0.992 0.992 0.978);
       --yellow-2: color(display-p3 0.995 0.99 0.922);
       --yellow-3: color(display-p3 0.997 0.982 0.749);
@@ -5328,9 +4994,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/yellow-dark.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --yellow-1: #14120b;
   --yellow-2: #1b180f;
   --yellow-3: #2d2305;
@@ -5344,10 +5008,10 @@
   --yellow-11: #f5e147;
   --yellow-12: #f6eeb4;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --yellow-1: color(display-p3 0.078 0.069 0.047);
       --yellow-2: color(display-p3 0.103 0.094 0.063);
       --yellow-3: color(display-p3 0.168 0.137 0.039);
@@ -5364,10 +5028,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/yellow-alpha.css */
-:root,
-.light,
-.light-theme {
+:root, .light, .light-theme {
   --yellow-a1: #aaaa0006;
   --yellow-a2: #f4dd0016;
   --yellow-a3: #ffee0047;
@@ -5381,11 +5042,10 @@
   --yellow-a11: #9e6c00;
   --yellow-a12: #2e2000e0;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    :root,
-    .light,
-    .light-theme {
+    :root, .light, .light-theme {
       --yellow-a1: color(display-p3 0.675 0.675 0.024 / 0.024);
       --yellow-a2: color(display-p3 0.953 0.855 0.008 / 0.079);
       --yellow-a3: color(display-p3 0.988 0.925 0.004 / 0.251);
@@ -5402,9 +5062,7 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/yellow-dark-alpha.css */
-.dark,
-.dark-theme {
+.dark, .dark-theme {
   --yellow-a1: #d1510004;
   --yellow-a2: #f9b4000b;
   --yellow-a3: #ffaa001e;
@@ -5418,10 +5076,10 @@
   --yellow-a11: #fee949f5;
   --yellow-a12: #fef6baf6;
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
-    .dark,
-    .dark-theme {
+    .dark, .dark-theme {
       --yellow-a1: color(display-p3 0.973 0.369 0 / 0.013);
       --yellow-a2: color(display-p3 0.996 0.792 0 / 0.038);
       --yellow-a3: color(display-p3 0.996 0.71 0 / 0.11);
@@ -5438,10 +5096,10 @@
   }
 }
 
-/* src/styles/colors/yellow.css */
 :root {
-  --yellow-contrast: #21201c;
+  --yellow-contrast: #21201c; /* light mode sand 12 */
 }
+
 :root,
 .light,
 .light-theme {
@@ -5454,6 +5112,7 @@
     }
   }
 }
+
 .dark,
 .dark-theme {
   --yellow-surface: #231f1380;
@@ -5469,7 +5128,6 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/black-alpha.css */
 :root {
   --black-a1: rgba(0, 0, 0, 0.05);
   --black-a2: rgba(0, 0, 0, 0.1);
@@ -5484,6 +5142,7 @@
   --black-a11: rgba(0, 0, 0, 0.9);
   --black-a12: rgba(0, 0, 0, 0.95);
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
     :root {
@@ -5503,7 +5162,6 @@
   }
 }
 
-/* node_modules/@radix-ui/colors/white-alpha.css */
 :root {
   --white-a1: rgba(255, 255, 255, 0.05);
   --white-a2: rgba(255, 255, 255, 0.1);
@@ -5518,6 +5176,7 @@
   --white-a11: rgba(255, 255, 255, 0.9);
   --white-a12: rgba(255, 255, 255, 0.95);
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
     :root {
@@ -5537,7 +5196,16 @@
   }
 }
 
-/* src/styles/color.css */
+/* * * * * * * * * * * * * * * * * * * */
+
+/*                                     */
+
+/*           Semantic colors           */
+
+/*                                     */
+
+/* * * * * * * * * * * * * * * * * * * */
+
 :where(.ui-root) {
   --color-background: white;
   --color-overlay: var(--black-a6);
@@ -5545,6 +5213,7 @@
   --color-panel-translucent: rgba(255, 255, 255, 0.7);
   --color-surface: rgba(255, 255, 255, 0.85);
 }
+
 :is(.dark, .dark-theme) :where(.ui-root) {
   --color-background: var(--gray-1);
   --color-overlay: var(--black-a8);
@@ -5552,9 +5221,25 @@
   --color-panel-translucent: var(--gray-a2);
   --color-surface: rgba(0, 0, 0, 0.25);
 }
+
+/* * * * * * * * * * * * * * * * * * * */
+
+/*                                     */
+
+/*            Transparency             */
+
+/*                                     */
+
+/* * * * * * * * * * * * * * * * * * * */
+
+/* Because Chrome is buggy with box-shadow transitions from "transparent" keyword and/or RGB color into P3 colors. */
+
+/* Note: using `:where` here to guarantee that the P3 color will take over regardless of the output rule order. */
+
 :where(.ui-root) {
   --color-transparent: rgb(0 0 0 / 0);
 }
+
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
     .ui-root {
@@ -5562,14 +5247,42 @@
     }
   }
 }
+
+/* * * * * * * * * * * * * * * * * * * */
+
+/*                                     */
+
+/*            Color scheme             */
+
+/*                                     */
+
+/* * * * * * * * * * * * * * * * * * * */
+
+/*
+ * Make sure that forced light/dark appearance also sets corresponding browser colors,
+ * like input autofill color and body scrollbar
+ */
+
 :is(.light, .light-theme) :where(.ui-root) {
   color-scheme: light;
 }
+
 :is(.dark, .dark-theme) :where(.ui-root) {
   color-scheme: dark;
 }
+
+/* * * * * * * * * * * * * * * * * * * */
+
+/*                                     */
+
+/*   Focus, selection, and autofill    */
+
+/*                                     */
+
+/* * * * * * * * * * * * * * * * * * * */
+
 .ui-root,
-[data-accent-color]:where(:not([data-accent-color=""], [data-accent-color=gray])) {
+[data-accent-color]:where(:not([data-accent-color=''], [data-accent-color='gray'])) {
   --focus-1: var(--accent-1);
   --focus-2: var(--accent-2);
   --focus-3: var(--accent-3);
@@ -5582,6 +5295,7 @@
   --focus-10: var(--accent-10);
   --focus-11: var(--accent-11);
   --focus-12: var(--accent-12);
+
   --focus-a1: var(--accent-a1);
   --focus-a2: var(--accent-a2);
   --focus-a3: var(--accent-a3);
@@ -5595,24 +5309,64 @@
   --focus-a11: var(--accent-a11);
   --focus-a12: var(--accent-a12);
 }
+
+.ui-root ::-moz-selection {
+  background-color: var(--focus-a5);
+}
+
 .ui-root ::selection {
   background-color: var(--focus-a5);
 }
+
+/* * * * * * * * * * * * * * * * * * * */
+
+/*                                     */
+
+/*         Background and text         */
+
+/*                                     */
+
+/* * * * * * * * * * * * * * * * * * * */
+
 .ui-root {
   color: var(--gray-12);
 }
-.ui-root:where([data-has-background=true]) {
+
+.ui-root:where([data-has-background='true']) {
   background-color: var(--color-background);
 }
-.ui-root:where([data-panel-background=solid]) {
+
+/* * * * * * * * * * * * * * * * * * * */
+
+/*                                     */
+
+/*          Panel background           */
+
+/*                                     */
+
+/* * * * * * * * * * * * * * * * * * * */
+
+.ui-root:where([data-panel-background='solid']) {
   --color-panel: var(--color-panel-solid);
   --backdrop-filter-panel: none;
 }
-.ui-root:where([data-panel-background=translucent]) {
+
+.ui-root:where([data-panel-background='translucent']) {
   --color-panel: var(--color-panel-translucent);
   --backdrop-filter-panel: blur(64px);
 }
-[data-accent-color=amber] {
+
+/* * * * * * * * * * * * * * * * * * * */
+
+/*                                     */
+
+/*            Accent color             */
+
+/*                                     */
+
+/* * * * * * * * * * * * * * * * * * * */
+
+[data-accent-color='amber'] {
   --accent-1: var(--amber-1);
   --accent-2: var(--amber-2);
   --accent-3: var(--amber-3);
@@ -5625,6 +5379,7 @@
   --accent-10: var(--amber-10);
   --accent-11: var(--amber-11);
   --accent-12: var(--amber-12);
+
   --accent-a1: var(--amber-a1);
   --accent-a2: var(--amber-a2);
   --accent-a3: var(--amber-a3);
@@ -5637,12 +5392,14 @@
   --accent-a10: var(--amber-a10);
   --accent-a11: var(--amber-a11);
   --accent-a12: var(--amber-a12);
+
   --accent-contrast: var(--amber-contrast);
   --accent-surface: var(--amber-surface);
   --accent-indicator: var(--amber-indicator);
   --accent-track: var(--amber-track);
 }
-[data-accent-color=blue] {
+
+[data-accent-color='blue'] {
   --accent-1: var(--blue-1);
   --accent-2: var(--blue-2);
   --accent-3: var(--blue-3);
@@ -5655,6 +5412,7 @@
   --accent-10: var(--blue-10);
   --accent-11: var(--blue-11);
   --accent-12: var(--blue-12);
+
   --accent-a1: var(--blue-a1);
   --accent-a2: var(--blue-a2);
   --accent-a3: var(--blue-a3);
@@ -5667,12 +5425,14 @@
   --accent-a10: var(--blue-a10);
   --accent-a11: var(--blue-a11);
   --accent-a12: var(--blue-a12);
+
   --accent-contrast: var(--blue-contrast);
   --accent-surface: var(--blue-surface);
   --accent-indicator: var(--blue-indicator);
   --accent-track: var(--blue-track);
 }
-[data-accent-color=bronze] {
+
+[data-accent-color='bronze'] {
   --accent-1: var(--bronze-1);
   --accent-2: var(--bronze-2);
   --accent-3: var(--bronze-3);
@@ -5685,6 +5445,7 @@
   --accent-10: var(--bronze-10);
   --accent-11: var(--bronze-11);
   --accent-12: var(--bronze-12);
+
   --accent-a1: var(--bronze-a1);
   --accent-a2: var(--bronze-a2);
   --accent-a3: var(--bronze-a3);
@@ -5697,12 +5458,14 @@
   --accent-a10: var(--bronze-a10);
   --accent-a11: var(--bronze-a11);
   --accent-a12: var(--bronze-a12);
+
   --accent-contrast: var(--bronze-contrast);
   --accent-surface: var(--bronze-surface);
   --accent-indicator: var(--bronze-indicator);
   --accent-track: var(--bronze-track);
 }
-[data-accent-color=brown] {
+
+[data-accent-color='brown'] {
   --accent-1: var(--brown-1);
   --accent-2: var(--brown-2);
   --accent-3: var(--brown-3);
@@ -5715,6 +5478,7 @@
   --accent-10: var(--brown-10);
   --accent-11: var(--brown-11);
   --accent-12: var(--brown-12);
+
   --accent-a1: var(--brown-a1);
   --accent-a2: var(--brown-a2);
   --accent-a3: var(--brown-a3);
@@ -5727,12 +5491,14 @@
   --accent-a10: var(--brown-a10);
   --accent-a11: var(--brown-a11);
   --accent-a12: var(--brown-a12);
+
   --accent-contrast: var(--brown-contrast);
   --accent-surface: var(--brown-surface);
   --accent-indicator: var(--brown-indicator);
   --accent-track: var(--brown-track);
 }
-[data-accent-color=crimson] {
+
+[data-accent-color='crimson'] {
   --accent-1: var(--crimson-1);
   --accent-2: var(--crimson-2);
   --accent-3: var(--crimson-3);
@@ -5745,6 +5511,7 @@
   --accent-10: var(--crimson-10);
   --accent-11: var(--crimson-11);
   --accent-12: var(--crimson-12);
+
   --accent-a1: var(--crimson-a1);
   --accent-a2: var(--crimson-a2);
   --accent-a3: var(--crimson-a3);
@@ -5757,12 +5524,14 @@
   --accent-a10: var(--crimson-a10);
   --accent-a11: var(--crimson-a11);
   --accent-a12: var(--crimson-a12);
+
   --accent-contrast: var(--crimson-contrast);
   --accent-surface: var(--crimson-surface);
   --accent-indicator: var(--crimson-indicator);
   --accent-track: var(--crimson-track);
 }
-[data-accent-color=cyan] {
+
+[data-accent-color='cyan'] {
   --accent-1: var(--cyan-1);
   --accent-2: var(--cyan-2);
   --accent-3: var(--cyan-3);
@@ -5775,6 +5544,7 @@
   --accent-10: var(--cyan-10);
   --accent-11: var(--cyan-11);
   --accent-12: var(--cyan-12);
+
   --accent-a1: var(--cyan-a1);
   --accent-a2: var(--cyan-a2);
   --accent-a3: var(--cyan-a3);
@@ -5787,12 +5557,14 @@
   --accent-a10: var(--cyan-a10);
   --accent-a11: var(--cyan-a11);
   --accent-a12: var(--cyan-a12);
+
   --accent-contrast: var(--cyan-contrast);
   --accent-surface: var(--cyan-surface);
   --accent-indicator: var(--cyan-indicator);
   --accent-track: var(--cyan-track);
 }
-[data-accent-color=gold] {
+
+[data-accent-color='gold'] {
   --accent-1: var(--gold-1);
   --accent-2: var(--gold-2);
   --accent-3: var(--gold-3);
@@ -5805,6 +5577,7 @@
   --accent-10: var(--gold-10);
   --accent-11: var(--gold-11);
   --accent-12: var(--gold-12);
+
   --accent-a1: var(--gold-a1);
   --accent-a2: var(--gold-a2);
   --accent-a3: var(--gold-a3);
@@ -5817,12 +5590,14 @@
   --accent-a10: var(--gold-a10);
   --accent-a11: var(--gold-a11);
   --accent-a12: var(--gold-a12);
+
   --accent-contrast: var(--gold-contrast);
   --accent-surface: var(--gold-surface);
   --accent-indicator: var(--gold-indicator);
   --accent-track: var(--gold-track);
 }
-[data-accent-color=grass] {
+
+[data-accent-color='grass'] {
   --accent-1: var(--grass-1);
   --accent-2: var(--grass-2);
   --accent-3: var(--grass-3);
@@ -5835,6 +5610,7 @@
   --accent-10: var(--grass-10);
   --accent-11: var(--grass-11);
   --accent-12: var(--grass-12);
+
   --accent-a1: var(--grass-a1);
   --accent-a2: var(--grass-a2);
   --accent-a3: var(--grass-a3);
@@ -5847,12 +5623,14 @@
   --accent-a10: var(--grass-a10);
   --accent-a11: var(--grass-a11);
   --accent-a12: var(--grass-a12);
+
   --accent-contrast: var(--grass-contrast);
   --accent-surface: var(--grass-surface);
   --accent-indicator: var(--grass-indicator);
   --accent-track: var(--grass-track);
 }
-[data-accent-color=gray] {
+
+[data-accent-color='gray'] {
   --accent-1: var(--gray-1);
   --accent-2: var(--gray-2);
   --accent-3: var(--gray-3);
@@ -5865,6 +5643,7 @@
   --accent-10: var(--gray-10);
   --accent-11: var(--gray-11);
   --accent-12: var(--gray-12);
+
   --accent-a1: var(--gray-a1);
   --accent-a2: var(--gray-a2);
   --accent-a3: var(--gray-a3);
@@ -5877,12 +5656,14 @@
   --accent-a10: var(--gray-a10);
   --accent-a11: var(--gray-a11);
   --accent-a12: var(--gray-a12);
+
   --accent-contrast: var(--gray-contrast);
   --accent-surface: var(--gray-surface);
   --accent-indicator: var(--gray-indicator);
   --accent-track: var(--gray-track);
 }
-[data-accent-color=green] {
+
+[data-accent-color='green'] {
   --accent-1: var(--green-1);
   --accent-2: var(--green-2);
   --accent-3: var(--green-3);
@@ -5895,6 +5676,7 @@
   --accent-10: var(--green-10);
   --accent-11: var(--green-11);
   --accent-12: var(--green-12);
+
   --accent-a1: var(--green-a1);
   --accent-a2: var(--green-a2);
   --accent-a3: var(--green-a3);
@@ -5907,12 +5689,14 @@
   --accent-a10: var(--green-a10);
   --accent-a11: var(--green-a11);
   --accent-a12: var(--green-a12);
+
   --accent-contrast: var(--green-contrast);
   --accent-surface: var(--green-surface);
   --accent-indicator: var(--green-indicator);
   --accent-track: var(--green-track);
 }
-[data-accent-color=indigo] {
+
+[data-accent-color='indigo'] {
   --accent-1: var(--indigo-1);
   --accent-2: var(--indigo-2);
   --accent-3: var(--indigo-3);
@@ -5925,6 +5709,7 @@
   --accent-10: var(--indigo-10);
   --accent-11: var(--indigo-11);
   --accent-12: var(--indigo-12);
+
   --accent-a1: var(--indigo-a1);
   --accent-a2: var(--indigo-a2);
   --accent-a3: var(--indigo-a3);
@@ -5937,12 +5722,14 @@
   --accent-a10: var(--indigo-a10);
   --accent-a11: var(--indigo-a11);
   --accent-a12: var(--indigo-a12);
+
   --accent-contrast: var(--indigo-contrast);
   --accent-surface: var(--indigo-surface);
   --accent-indicator: var(--indigo-indicator);
   --accent-track: var(--indigo-track);
 }
-[data-accent-color=iris] {
+
+[data-accent-color='iris'] {
   --accent-1: var(--iris-1);
   --accent-2: var(--iris-2);
   --accent-3: var(--iris-3);
@@ -5955,6 +5742,7 @@
   --accent-10: var(--iris-10);
   --accent-11: var(--iris-11);
   --accent-12: var(--iris-12);
+
   --accent-a1: var(--iris-a1);
   --accent-a2: var(--iris-a2);
   --accent-a3: var(--iris-a3);
@@ -5967,12 +5755,14 @@
   --accent-a10: var(--iris-a10);
   --accent-a11: var(--iris-a11);
   --accent-a12: var(--iris-a12);
+
   --accent-contrast: var(--iris-contrast);
   --accent-surface: var(--iris-surface);
   --accent-indicator: var(--iris-indicator);
   --accent-track: var(--iris-track);
 }
-[data-accent-color=jade] {
+
+[data-accent-color='jade'] {
   --accent-1: var(--jade-1);
   --accent-2: var(--jade-2);
   --accent-3: var(--jade-3);
@@ -5985,6 +5775,7 @@
   --accent-10: var(--jade-10);
   --accent-11: var(--jade-11);
   --accent-12: var(--jade-12);
+
   --accent-a1: var(--jade-a1);
   --accent-a2: var(--jade-a2);
   --accent-a3: var(--jade-a3);
@@ -5997,12 +5788,14 @@
   --accent-a10: var(--jade-a10);
   --accent-a11: var(--jade-a11);
   --accent-a12: var(--jade-a12);
+
   --accent-contrast: var(--jade-contrast);
   --accent-surface: var(--jade-surface);
   --accent-indicator: var(--jade-indicator);
   --accent-track: var(--jade-track);
 }
-[data-accent-color=lime] {
+
+[data-accent-color='lime'] {
   --accent-1: var(--lime-1);
   --accent-2: var(--lime-2);
   --accent-3: var(--lime-3);
@@ -6015,6 +5808,7 @@
   --accent-10: var(--lime-10);
   --accent-11: var(--lime-11);
   --accent-12: var(--lime-12);
+
   --accent-a1: var(--lime-a1);
   --accent-a2: var(--lime-a2);
   --accent-a3: var(--lime-a3);
@@ -6027,12 +5821,14 @@
   --accent-a10: var(--lime-a10);
   --accent-a11: var(--lime-a11);
   --accent-a12: var(--lime-a12);
+
   --accent-contrast: var(--lime-contrast);
   --accent-surface: var(--lime-surface);
   --accent-indicator: var(--lime-indicator);
   --accent-track: var(--lime-track);
 }
-[data-accent-color=mint] {
+
+[data-accent-color='mint'] {
   --accent-1: var(--mint-1);
   --accent-2: var(--mint-2);
   --accent-3: var(--mint-3);
@@ -6045,6 +5841,7 @@
   --accent-10: var(--mint-10);
   --accent-11: var(--mint-11);
   --accent-12: var(--mint-12);
+
   --accent-a1: var(--mint-a1);
   --accent-a2: var(--mint-a2);
   --accent-a3: var(--mint-a3);
@@ -6057,12 +5854,14 @@
   --accent-a10: var(--mint-a10);
   --accent-a11: var(--mint-a11);
   --accent-a12: var(--mint-a12);
+
   --accent-contrast: var(--mint-contrast);
   --accent-surface: var(--mint-surface);
   --accent-indicator: var(--mint-indicator);
   --accent-track: var(--mint-track);
 }
-[data-accent-color=orange] {
+
+[data-accent-color='orange'] {
   --accent-1: var(--orange-1);
   --accent-2: var(--orange-2);
   --accent-3: var(--orange-3);
@@ -6075,6 +5874,7 @@
   --accent-10: var(--orange-10);
   --accent-11: var(--orange-11);
   --accent-12: var(--orange-12);
+
   --accent-a1: var(--orange-a1);
   --accent-a2: var(--orange-a2);
   --accent-a3: var(--orange-a3);
@@ -6087,12 +5887,14 @@
   --accent-a10: var(--orange-a10);
   --accent-a11: var(--orange-a11);
   --accent-a12: var(--orange-a12);
+
   --accent-contrast: var(--orange-contrast);
   --accent-surface: var(--orange-surface);
   --accent-indicator: var(--orange-indicator);
   --accent-track: var(--orange-track);
 }
-[data-accent-color=pink] {
+
+[data-accent-color='pink'] {
   --accent-1: var(--pink-1);
   --accent-2: var(--pink-2);
   --accent-3: var(--pink-3);
@@ -6105,6 +5907,7 @@
   --accent-10: var(--pink-10);
   --accent-11: var(--pink-11);
   --accent-12: var(--pink-12);
+
   --accent-a1: var(--pink-a1);
   --accent-a2: var(--pink-a2);
   --accent-a3: var(--pink-a3);
@@ -6117,12 +5920,14 @@
   --accent-a10: var(--pink-a10);
   --accent-a11: var(--pink-a11);
   --accent-a12: var(--pink-a12);
+
   --accent-contrast: var(--pink-contrast);
   --accent-surface: var(--pink-surface);
   --accent-indicator: var(--pink-indicator);
   --accent-track: var(--pink-track);
 }
-[data-accent-color=plum] {
+
+[data-accent-color='plum'] {
   --accent-1: var(--plum-1);
   --accent-2: var(--plum-2);
   --accent-3: var(--plum-3);
@@ -6135,6 +5940,7 @@
   --accent-10: var(--plum-10);
   --accent-11: var(--plum-11);
   --accent-12: var(--plum-12);
+
   --accent-a1: var(--plum-a1);
   --accent-a2: var(--plum-a2);
   --accent-a3: var(--plum-a3);
@@ -6147,12 +5953,14 @@
   --accent-a10: var(--plum-a10);
   --accent-a11: var(--plum-a11);
   --accent-a12: var(--plum-a12);
+
   --accent-contrast: var(--plum-contrast);
   --accent-surface: var(--plum-surface);
   --accent-indicator: var(--plum-indicator);
   --accent-track: var(--plum-track);
 }
-[data-accent-color=purple] {
+
+[data-accent-color='purple'] {
   --accent-1: var(--purple-1);
   --accent-2: var(--purple-2);
   --accent-3: var(--purple-3);
@@ -6165,6 +5973,7 @@
   --accent-10: var(--purple-10);
   --accent-11: var(--purple-11);
   --accent-12: var(--purple-12);
+
   --accent-a1: var(--purple-a1);
   --accent-a2: var(--purple-a2);
   --accent-a3: var(--purple-a3);
@@ -6177,12 +5986,14 @@
   --accent-a10: var(--purple-a10);
   --accent-a11: var(--purple-a11);
   --accent-a12: var(--purple-a12);
+
   --accent-contrast: var(--purple-contrast);
   --accent-surface: var(--purple-surface);
   --accent-indicator: var(--purple-indicator);
   --accent-track: var(--purple-track);
 }
-[data-accent-color=red] {
+
+[data-accent-color='red'] {
   --accent-1: var(--red-1);
   --accent-2: var(--red-2);
   --accent-3: var(--red-3);
@@ -6195,6 +6006,7 @@
   --accent-10: var(--red-10);
   --accent-11: var(--red-11);
   --accent-12: var(--red-12);
+
   --accent-a1: var(--red-a1);
   --accent-a2: var(--red-a2);
   --accent-a3: var(--red-a3);
@@ -6207,12 +6019,14 @@
   --accent-a10: var(--red-a10);
   --accent-a11: var(--red-a11);
   --accent-a12: var(--red-a12);
+
   --accent-contrast: var(--red-contrast);
   --accent-surface: var(--red-surface);
   --accent-indicator: var(--red-indicator);
   --accent-track: var(--red-track);
 }
-[data-accent-color=ruby] {
+
+[data-accent-color='ruby'] {
   --accent-1: var(--ruby-1);
   --accent-2: var(--ruby-2);
   --accent-3: var(--ruby-3);
@@ -6225,6 +6039,7 @@
   --accent-10: var(--ruby-10);
   --accent-11: var(--ruby-11);
   --accent-12: var(--ruby-12);
+
   --accent-a1: var(--ruby-a1);
   --accent-a2: var(--ruby-a2);
   --accent-a3: var(--ruby-a3);
@@ -6237,12 +6052,14 @@
   --accent-a10: var(--ruby-a10);
   --accent-a11: var(--ruby-a11);
   --accent-a12: var(--ruby-a12);
+
   --accent-contrast: var(--ruby-contrast);
   --accent-surface: var(--ruby-surface);
   --accent-indicator: var(--ruby-indicator);
   --accent-track: var(--ruby-track);
 }
-[data-accent-color=sky] {
+
+[data-accent-color='sky'] {
   --accent-1: var(--sky-1);
   --accent-2: var(--sky-2);
   --accent-3: var(--sky-3);
@@ -6255,6 +6072,7 @@
   --accent-10: var(--sky-10);
   --accent-11: var(--sky-11);
   --accent-12: var(--sky-12);
+
   --accent-a1: var(--sky-a1);
   --accent-a2: var(--sky-a2);
   --accent-a3: var(--sky-a3);
@@ -6267,12 +6085,14 @@
   --accent-a10: var(--sky-a10);
   --accent-a11: var(--sky-a11);
   --accent-a12: var(--sky-a12);
+
   --accent-contrast: var(--sky-contrast);
   --accent-surface: var(--sky-surface);
   --accent-indicator: var(--sky-indicator);
   --accent-track: var(--sky-track);
 }
-[data-accent-color=teal] {
+
+[data-accent-color='teal'] {
   --accent-1: var(--teal-1);
   --accent-2: var(--teal-2);
   --accent-3: var(--teal-3);
@@ -6285,6 +6105,7 @@
   --accent-10: var(--teal-10);
   --accent-11: var(--teal-11);
   --accent-12: var(--teal-12);
+
   --accent-a1: var(--teal-a1);
   --accent-a2: var(--teal-a2);
   --accent-a3: var(--teal-a3);
@@ -6297,12 +6118,14 @@
   --accent-a10: var(--teal-a10);
   --accent-a11: var(--teal-a11);
   --accent-a12: var(--teal-a12);
+
   --accent-contrast: var(--teal-contrast);
   --accent-surface: var(--teal-surface);
   --accent-indicator: var(--teal-indicator);
   --accent-track: var(--teal-track);
 }
-[data-accent-color=tomato] {
+
+[data-accent-color='tomato'] {
   --accent-1: var(--tomato-1);
   --accent-2: var(--tomato-2);
   --accent-3: var(--tomato-3);
@@ -6315,6 +6138,7 @@
   --accent-10: var(--tomato-10);
   --accent-11: var(--tomato-11);
   --accent-12: var(--tomato-12);
+
   --accent-a1: var(--tomato-a1);
   --accent-a2: var(--tomato-a2);
   --accent-a3: var(--tomato-a3);
@@ -6327,12 +6151,14 @@
   --accent-a10: var(--tomato-a10);
   --accent-a11: var(--tomato-a11);
   --accent-a12: var(--tomato-a12);
+
   --accent-contrast: var(--tomato-contrast);
   --accent-surface: var(--tomato-surface);
   --accent-indicator: var(--tomato-indicator);
   --accent-track: var(--tomato-track);
 }
-[data-accent-color=violet] {
+
+[data-accent-color='violet'] {
   --accent-1: var(--violet-1);
   --accent-2: var(--violet-2);
   --accent-3: var(--violet-3);
@@ -6345,6 +6171,7 @@
   --accent-10: var(--violet-10);
   --accent-11: var(--violet-11);
   --accent-12: var(--violet-12);
+
   --accent-a1: var(--violet-a1);
   --accent-a2: var(--violet-a2);
   --accent-a3: var(--violet-a3);
@@ -6357,12 +6184,14 @@
   --accent-a10: var(--violet-a10);
   --accent-a11: var(--violet-a11);
   --accent-a12: var(--violet-a12);
+
   --accent-contrast: var(--violet-contrast);
   --accent-surface: var(--violet-surface);
   --accent-indicator: var(--violet-indicator);
   --accent-track: var(--violet-track);
 }
-[data-accent-color=yellow] {
+
+[data-accent-color='yellow'] {
   --accent-1: var(--yellow-1);
   --accent-2: var(--yellow-2);
   --accent-3: var(--yellow-3);
@@ -6375,6 +6204,7 @@
   --accent-10: var(--yellow-10);
   --accent-11: var(--yellow-11);
   --accent-12: var(--yellow-12);
+
   --accent-a1: var(--yellow-a1);
   --accent-a2: var(--yellow-a2);
   --accent-a3: var(--yellow-a3);
@@ -6387,12 +6217,24 @@
   --accent-a10: var(--yellow-a10);
   --accent-a11: var(--yellow-a11);
   --accent-a12: var(--yellow-a12);
+
   --accent-contrast: var(--yellow-contrast);
   --accent-surface: var(--yellow-surface);
   --accent-indicator: var(--yellow-indicator);
   --accent-track: var(--yellow-track);
 }
-.ui-root :where([data-gray-color=mauve]) {
+
+/* * * * * * * * * * * * * * * * * * * */
+
+/*                                     */
+
+/*             Gray color              */
+
+/*                                     */
+
+/* * * * * * * * * * * * * * * * * * * */
+
+.ui-root :where([data-gray-color='mauve']) {
   --gray-1: var(--mauve-1);
   --gray-2: var(--mauve-2);
   --gray-3: var(--mauve-3);
@@ -6405,6 +6247,7 @@
   --gray-10: var(--mauve-10);
   --gray-11: var(--mauve-11);
   --gray-12: var(--mauve-12);
+
   --gray-a1: var(--mauve-a1);
   --gray-a2: var(--mauve-a2);
   --gray-a3: var(--mauve-a3);
@@ -6417,12 +6260,14 @@
   --gray-a10: var(--mauve-a10);
   --gray-a11: var(--mauve-a11);
   --gray-a12: var(--mauve-a12);
+
   --gray-contrast: var(--mauve-contrast);
   --gray-surface: var(--mauve-surface);
   --gray-indicator: var(--mauve-indicator);
   --gray-track: var(--mauve-track);
 }
-.ui-root :where([data-gray-color=olive]) {
+
+.ui-root :where([data-gray-color='olive']) {
   --gray-1: var(--olive-1);
   --gray-2: var(--olive-2);
   --gray-3: var(--olive-3);
@@ -6435,6 +6280,7 @@
   --gray-10: var(--olive-10);
   --gray-11: var(--olive-11);
   --gray-12: var(--olive-12);
+
   --gray-a1: var(--olive-a1);
   --gray-a2: var(--olive-a2);
   --gray-a3: var(--olive-a3);
@@ -6447,12 +6293,14 @@
   --gray-a10: var(--olive-a10);
   --gray-a11: var(--olive-a11);
   --gray-a12: var(--olive-a12);
+
   --gray-contrast: var(--olive-contrast);
   --gray-surface: var(--olive-surface);
   --gray-indicator: var(--olive-indicator);
   --gray-track: var(--olive-track);
 }
-.ui-root :where([data-gray-color=sage]) {
+
+.ui-root :where([data-gray-color='sage']) {
   --gray-1: var(--sage-1);
   --gray-2: var(--sage-2);
   --gray-3: var(--sage-3);
@@ -6465,6 +6313,7 @@
   --gray-10: var(--sage-10);
   --gray-11: var(--sage-11);
   --gray-12: var(--sage-12);
+
   --gray-a1: var(--sage-a1);
   --gray-a2: var(--sage-a2);
   --gray-a3: var(--sage-a3);
@@ -6477,12 +6326,14 @@
   --gray-a10: var(--sage-a10);
   --gray-a11: var(--sage-a11);
   --gray-a12: var(--sage-a12);
+
   --gray-contrast: var(--sage-contrast);
   --gray-surface: var(--sage-surface);
   --gray-indicator: var(--sage-indicator);
   --gray-track: var(--sage-track);
 }
-.ui-root :where([data-gray-color=sand]) {
+
+.ui-root :where([data-gray-color='sand']) {
   --gray-1: var(--sand-1);
   --gray-2: var(--sand-2);
   --gray-3: var(--sand-3);
@@ -6495,6 +6346,7 @@
   --gray-10: var(--sand-10);
   --gray-11: var(--sand-11);
   --gray-12: var(--sand-12);
+
   --gray-a1: var(--sand-a1);
   --gray-a2: var(--sand-a2);
   --gray-a3: var(--sand-a3);
@@ -6507,12 +6359,14 @@
   --gray-a10: var(--sand-a10);
   --gray-a11: var(--sand-a11);
   --gray-a12: var(--sand-a12);
+
   --gray-contrast: var(--sand-contrast);
   --gray-surface: var(--sand-surface);
   --gray-indicator: var(--sand-indicator);
   --gray-track: var(--sand-track);
 }
-.ui-root :where([data-gray-color=slate]) {
+
+.ui-root :where([data-gray-color='slate']) {
   --gray-1: var(--slate-1);
   --gray-2: var(--slate-2);
   --gray-3: var(--slate-3);
@@ -6525,6 +6379,7 @@
   --gray-10: var(--slate-10);
   --gray-11: var(--slate-11);
   --gray-12: var(--slate-12);
+
   --gray-a1: var(--slate-a1);
   --gray-a2: var(--slate-a2);
   --gray-a3: var(--slate-a3);
@@ -6537,13 +6392,13 @@
   --gray-a10: var(--slate-a10);
   --gray-a11: var(--slate-a11);
   --gray-a12: var(--slate-a12);
+
   --gray-contrast: var(--slate-contrast);
   --gray-surface: var(--slate-surface);
   --gray-indicator: var(--slate-indicator);
   --gray-track: var(--slate-track);
 }
 
-/* src/styles/monochrome.css */
 html.light {
   --light-0: white;
   --light-a1: var(--white-a1);
@@ -6573,6 +6428,7 @@ html.light {
   --dark-a12: var(--black-a12);
   --light-surface: white;
 }
+
 html.dark {
   --light-0: black;
   --light-a1: var(--black-a1);
@@ -6603,7 +6459,6 @@ html.dark {
   --light-surface: var(--slate-a1);
 }
 
-/* src/styles/radius.css */
 [data-radius] {
   --radius-1: calc(3px * var(--scaling) * var(--radius-factor));
   --radius-2: calc(4px * var(--scaling) * var(--radius-factor));
@@ -6612,99 +6467,115 @@ html.dark {
   --radius-5: calc(12px * var(--scaling) * var(--radius-factor));
   --radius-6: calc(16px * var(--scaling) * var(--radius-factor));
 }
-[data-radius=none] {
+
+[data-radius='none'] {
   --radius-factor: 0;
   --radius-full: 0px;
   --radius-thumb: 0.5px;
 }
-[data-radius=small] {
+
+[data-radius='small'] {
   --radius-factor: 0.75;
   --radius-full: 0px;
   --radius-thumb: 0.5px;
 }
-[data-radius=medium] {
+
+[data-radius='medium'] {
   --radius-factor: 1;
   --radius-full: 0px;
   --radius-thumb: 9999px;
 }
-[data-radius=large] {
+
+[data-radius='large'] {
   --radius-factor: 1.5;
   --radius-full: 0px;
   --radius-thumb: 9999px;
 }
-[data-radius=full] {
+
+[data-radius='full'] {
   --radius-factor: 1.5;
   --radius-full: 9999px;
   --radius-thumb: 9999px;
 }
 
-/* src/styles/resize.css */
 .r-resize-vertical {
   resize: vertical;
 }
+
 .r-resize-horizontal {
   resize: horizontal;
 }
+
 .r-resize-both {
   resize: both;
 }
 
-/* src/styles/shadow.css */
 .ui-root {
   --shadow-1:
     inset 0 0 0 1px var(--gray-a5),
     inset 0 1.5px 2px 0 var(--gray-a2),
     inset 0 1.5px 2px 0 var(--black-a2);
+
   --shadow-2:
     0 0 0 1px var(--gray-a3),
     0 0 0 0.5px var(--black-a1),
     0 1px 1px 0 var(--gray-a2),
     0 2px 1px -1px var(--black-a1),
     0 1px 3px 0 var(--black-a1);
+
   --shadow-3:
     0 0 0 1px var(--gray-a3),
     0 2px 3px -2px var(--gray-a3),
     0 3px 12px -4px var(--black-a2),
     0 4px 16px -8px var(--black-a2);
+
   --shadow-4:
     0 0 0 1px var(--gray-a3),
     0 8px 40px var(--black-a1),
     0 12px 32px -16px var(--gray-a3);
+
   --shadow-5:
     0 0 0 1px var(--gray-a3),
     0 12px 60px var(--black-a3),
     0 12px 32px -16px var(--gray-a5);
+
   --shadow-6:
     0 0 0 1px var(--gray-a3),
     0 12px 60px var(--black-a3),
     0 16px 64px var(--gray-a2),
     0 16px 36px -20px var(--gray-a7);
 }
+
 @supports (color: color-mix(in oklab, white, black)) {
   .ui-root {
     --shadow-1:
       inset 0 0 0 1px var(--gray-a5),
       inset 0 1.5px 2px 0 var(--gray-a2),
       inset 0 1.5px 2px 0 var(--black-a2);
+
     --shadow-2:
       0 0 0 1px color-mix(in oklab, var(--gray-a3), var(--gray-3) 25%),
       0 0 0 0.5px var(--black-a1),
       0 1px 1px 0 var(--gray-a2),
       0 2px 1px -1px var(--black-a1),
       0 1px 3px 0 var(--black-a1);
+
     --shadow-3:
       0 0 0 1px color-mix(in oklab, var(--gray-a3), var(--gray-3) 25%),
       0 2px 3px -2px var(--gray-a3),
       0 3px 12px -4px var(--black-a2),
       0 4px 16px -8px var(--black-a2);
+
     --shadow-4:
       0 0 0 1px color-mix(in oklab, var(--gray-a3), var(--gray-3) 25%),
       0 8px 40px var(--black-a1),
       0 12px 32px -16px var(--gray-a3);
+
     --shadow-5:
       0 0 0 1px color-mix(in oklab, var(--gray-a3), var(--gray-3) 25%),
       0 12px 60px var(--black-a3),
       0 12px 32px -16px var(--gray-a5);
+
     --shadow-6:
       0 0 0 1px color-mix(in oklab, var(--gray-a3), var(--gray-3) 25%),
       0 12px 60px var(--black-a3),
@@ -6712,37 +6583,44 @@ html.dark {
       0 16px 36px -20px var(--gray-a7);
   }
 }
+
 :is(.dark, .dark-theme) .ui-root {
   --shadow-1:
     inset 0 -1px 1px 0 var(--gray-a3),
     inset 0 0 0 1px var(--gray-a3),
     inset 0 3px 4px 0 var(--black-a5),
     inset 0 0 0 1px var(--gray-a4);
+
   --shadow-2:
     0 0 0 1px var(--gray-a6),
     0 0 0 0.5px var(--black-a3),
     0 1px 1px 0 var(--black-a6),
     0 2px 1px -1px var(--black-a6),
     0 1px 3px 0 var(--black-a5);
+
   --shadow-3:
     0 0 0 1px var(--gray-a6),
     0 2px 3px -2px var(--black-a3),
     0 3px 8px -2px var(--black-a6),
     0 4px 12px -4px var(--black-a7);
+
   --shadow-4:
     0 0 0 1px var(--gray-a6),
     0 8px 40px var(--black-a3),
     0 12px 32px -16px var(--black-a5);
+
   --shadow-5:
     0 0 0 1px var(--gray-a6),
     0 12px 60px var(--black-a5),
     0 12px 32px -16px var(--black-a7);
+
   --shadow-6:
     0 0 0 1px var(--gray-a6),
     0 12px 60px var(--black-a4),
     0 16px 64px var(--black-a6),
     0 16px 36px -20px var(--black-a11);
 }
+
 @supports (color: color-mix(in oklab, white, black)) {
   :is(.dark, .dark-theme) .ui-root {
     --shadow-1:
@@ -6750,25 +6628,30 @@ html.dark {
       inset 0 0 0 1px var(--gray-a3),
       inset 0 3px 4px 0 var(--black-a5),
       inset 0 0 0 1px var(--gray-a4);
+
     --shadow-2:
       0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%),
       0 0 0 0.5px var(--black-a3),
       0 1px 1px 0 var(--black-a6),
       0 2px 1px -1px var(--black-a6),
       0 1px 3px 0 var(--black-a5);
+
     --shadow-3:
       0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%),
       0 2px 3px -2px var(--black-a3),
       0 3px 8px -2px var(--black-a6),
       0 4px 12px -4px var(--black-a7);
+
     --shadow-4:
       0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%),
       0 8px 40px var(--black-a3),
       0 12px 32px -16px var(--black-a5);
+
     --shadow-5:
       0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%),
       0 12px 60px var(--black-a5),
       0 12px 32px -16px var(--black-a7);
+
     --shadow-6:
       0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%),
       0 12px 60px var(--black-a4),
@@ -6777,7 +6660,6 @@ html.dark {
   }
 }
 
-/* src/styles/space.css */
 .ui-root {
   --space-1: calc(4px * var(--scaling));
   --space-2: calc(8px * var(--scaling));
@@ -6790,7 +6672,6 @@ html.dark {
   --space-9: calc(64px * var(--scaling));
 }
 
-/* src/styles/animation.css */
 @keyframes ui-fade-in {
   from {
     opacity: 0;
@@ -6799,6 +6680,7 @@ html.dark {
     opacity: 1;
   }
 }
+
 @keyframes ui-fade-out {
   from {
     opacity: 1;
@@ -6807,6 +6689,7 @@ html.dark {
     opacity: 0;
   }
 }
+
 @keyframes ui-slide-from-top {
   from {
     transform: translateY(4px) scale(0.97);
@@ -6815,6 +6698,7 @@ html.dark {
     transform: translateY(0) scale(1);
   }
 }
+
 @keyframes ui-slide-to-top {
   from {
     transform: translateY(0) scale(1);
@@ -6823,6 +6707,7 @@ html.dark {
     transform: translateY(4px) scale(0.97);
   }
 }
+
 @keyframes ui-slide-from-bottom {
   from {
     transform: translateY(-4px) scale(0.97);
@@ -6831,6 +6716,7 @@ html.dark {
     transform: translateY(0) scale(1);
   }
 }
+
 @keyframes ui-slide-to-bottom {
   from {
     transform: translateY(0) scale(1);
@@ -6839,6 +6725,7 @@ html.dark {
     transform: translateY(-4px) scale(0.97);
   }
 }
+
 @keyframes ui-slide-from-left {
   from {
     transform: translateX(4px) scale(0.97);
@@ -6847,6 +6734,7 @@ html.dark {
     transform: translateX(0) scale(1);
   }
 }
+
 @keyframes ui-slide-to-left {
   from {
     transform: translateX(0) scale(1);
@@ -6855,6 +6743,7 @@ html.dark {
     transform: translateX(4px) scale(0.97);
   }
 }
+
 @keyframes ui-slide-from-right {
   from {
     transform: translateX(-4px) scale(0.97);
@@ -6863,6 +6752,7 @@ html.dark {
     transform: translateX(0) scale(1);
   }
 }
+
 @keyframes ui-slide-to-right {
   from {
     transform: translateX(0) scale(1);
@@ -6872,7 +6762,6 @@ html.dark {
   }
 }
 
-/* src/styles/typography.css */
 .ui-root {
   --font-size-1: calc(12px * var(--scaling));
   --font-size-2: calc(14px * var(--scaling));
@@ -6883,11 +6772,13 @@ html.dark {
   --font-size-7: calc(28px * var(--scaling));
   --font-size-8: calc(35px * var(--scaling));
   --font-size-9: calc(60px * var(--scaling));
+
   --font-weight-light: 300;
   --font-weight-regular: 400;
   --font-weight-medium: 500;
   --font-weight-semibold: 600;
   --font-weight-bold: 700;
+
   --line-height-1: calc(16px * var(--scaling));
   --line-height-2: calc(20px * var(--scaling));
   --line-height-3: calc(24px * var(--scaling));
@@ -6897,6 +6788,7 @@ html.dark {
   --line-height-7: calc(36px * var(--scaling));
   --line-height-8: calc(40px * var(--scaling));
   --line-height-9: calc(60px * var(--scaling));
+
   --letter-spacing-1: 0.0025em;
   --letter-spacing-2: 0em;
   --letter-spacing-3: 0em;
@@ -6907,14 +6799,16 @@ html.dark {
   --letter-spacing-8: -0.01em;
   --letter-spacing-9: -0.025em;
 }
+
 .ui-root {
   overflow-wrap: break-word;
-  text-size-adjust: none;
+  -webkit-text-size-adjust: none;
+     -moz-text-size-adjust: none;
+          text-size-adjust: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
-/* src/styles/index.css */
 .ui-root {
   --scaling: 1;
 }