nuxt-ignis 0.3.3 → 0.4.0-rc.1

package/test/config/css-open-props.txt

@@ -0,0 +1,2307 @@
+{
+  "app": {
+    "head": {
+      "htmlAttrs": {
+        "lang": "en",
+      },
+      "title": "Nuxt Ignis App",
+    },
+  },
+  "css": [
+    "custom.css",
+    "C:\Git\nuxt-ignis\core\assets\css\ignis.css",
+    "C:\Git\nuxt-ignis\core\assets\css\ignis-open-props.css",
+  ],
+  "modules": [
+    "@nuxt/eslint",
+    "@nuxt/fonts",
+    "@nuxt/image",
+    "@nuxt/scripts",
+    "nuxt-security",
+    "@vueuse/nuxt",
+    "@pinia/nuxt",
+  ],
+  "postcss": {
+    "plugins": {
+      "postcss-jit-props": {
+        "--animation-blink": "blink 1s var(--ease-out-3) infinite",
+        "--animation-blink-@": "
+@keyframes blink {
+  0%, 100% {
+    opacity: 1
+  }
+  50% {
+    opacity: .5
+  }
+}",
+        "--animation-bounce": "bounce 2s var(--ease-squish-2) infinite",
+        "--animation-bounce-@": "
+@keyframes bounce {
+  25% { transform: translateY(-20%) }
+  40% { transform: translateY(-3%) }
+  0%, 60%, 100% { transform: translateY(0) }
+}",
+        "--animation-fade-in": "fade-in .5s var(--ease-3)",
+        "--animation-fade-in-@": "
+@keyframes fade-in {
+  to { opacity: 1 }
+}",
+        "--animation-fade-in-bloom": "fade-in-bloom 2s var(--ease-3)",
+        "--animation-fade-in-bloom-@": "
+@keyframes fade-in-bloom {
+  0% { opacity: 0; filter: brightness(1) blur(20px) }
+ 10% { opacity: 1; filter: brightness(2) blur(10px) }
+100% { opacity: 1; filter: brightness(1) blur(0) }
+}",
+        "--animation-fade-in-bloom-@media:dark": "
+@keyframes fade-in-bloom {
+  0% { opacity: 0; filter: brightness(1) blur(20px) }
+ 10% { opacity: 1; filter: brightness(0.5) blur(10px) }
+100% { opacity: 1; filter: brightness(1) blur(0) }
+}",
+        "--animation-fade-out": "fade-out .5s var(--ease-3)",
+        "--animation-fade-out-@": "
+@keyframes fade-out {
+  to { opacity: 0 }
+}",
+        "--animation-fade-out-bloom": "fade-out-bloom 2s var(--ease-3)",
+        "--animation-fade-out-bloom-@": "
+@keyframes fade-out-bloom {
+100% { opacity: 0; filter: brightness(1) blur(20px) }
+ 10% { opacity: 1; filter: brightness(2) blur(10px) }
+  0% { opacity: 1; filter: brightness(1) blur(0) }
+}",
+        "--animation-fade-out-bloom-@media:dark": "
+@keyframes fade-out-bloom {
+100% { opacity: 0; filter: brightness(1) blur(20px) }
+ 10% { opacity: 1; filter: brightness(0.5) blur(10px) }
+  0% { opacity: 1; filter: brightness(1) blur(0) }
+}",
+        "--animation-float": "float 3s var(--ease-in-out-3) infinite",
+        "--animation-float-@": "
+@keyframes float {
+  50% { transform: translateY(-25%) }
+}",
+        "--animation-ping": "ping 5s var(--ease-out-3) infinite",
+        "--animation-ping-@": "
+@keyframes ping {
+  90%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}",
+        "--animation-pulse": "pulse 2s var(--ease-out-3) infinite",
+        "--animation-pulse-@": "
+@keyframes pulse {
+  50% { transform: scale(.9,.9) }
+}",
+        "--animation-scale-down": "scale-down .5s var(--ease-3)",
+        "--animation-scale-down-@": "
+@keyframes scale-down {
+  to { transform: scale(.75) }
+}",
+        "--animation-scale-up": "scale-up .5s var(--ease-3)",
+        "--animation-scale-up-@": "
+@keyframes scale-up {
+  to { transform: scale(1.25) }
+}",
+        "--animation-shake-x": "shake-x .75s var(--ease-out-5)",
+        "--animation-shake-x-@": "
+@keyframes shake-x {
+  0%, 100% { transform: translateX(0%) }
+  20% { transform: translateX(-5%) }
+  40% { transform: translateX(5%) }
+  60% { transform: translateX(-5%) }
+  80% { transform: translateX(5%) }
+}",
+        "--animation-shake-y": "shake-y .75s var(--ease-out-5)",
+        "--animation-shake-y-@": "
+@keyframes shake-y {
+  0%, 100% { transform: translateY(0%) }
+  20% { transform: translateY(-5%) }
+  40% { transform: translateY(5%) }
+  60% { transform: translateY(-5%) }
+  80% { transform: translateY(5%) }
+}",
+        "--animation-shake-z": "shake-z 1s var(--ease-in-out-3)",
+        "--animation-shake-z-@": "
+@keyframes shake-z {
+  0%, 100% { transform: rotate(0deg) }
+  20% { transform: rotate(-2deg) }
+  40% { transform: rotate(2deg) }
+  60% { transform: rotate(-2deg) }
+  80% { transform: rotate(2deg) }
+}",
+        "--animation-slide-in-down": "slide-in-down .5s var(--ease-3)",
+        "--animation-slide-in-down-@": "
+@keyframes slide-in-down {
+  from { transform: translateY(-100%) }
+}",
+        "--animation-slide-in-left": "slide-in-left .5s var(--ease-3)",
+        "--animation-slide-in-left-@": "
+@keyframes slide-in-left {
+  from { transform: translateX(100%) }
+}",
+        "--animation-slide-in-right": "slide-in-right .5s var(--ease-3)",
+        "--animation-slide-in-right-@": "
+@keyframes slide-in-right {
+  from { transform: translateX(-100%) }
+}",
+        "--animation-slide-in-up": "slide-in-up .5s var(--ease-3)",
+        "--animation-slide-in-up-@": "
+@keyframes slide-in-up {
+  from { transform: translateY(100%) }
+}",
+        "--animation-slide-out-down": "slide-out-down .5s var(--ease-3)",
+        "--animation-slide-out-down-@": "
+@keyframes slide-out-down {
+  to { transform: translateY(100%) }
+}",
+        "--animation-slide-out-left": "slide-out-left .5s var(--ease-3)",
+        "--animation-slide-out-left-@": "
+@keyframes slide-out-left {
+  to { transform: translateX(-100%) }
+}",
+        "--animation-slide-out-right": "slide-out-right .5s var(--ease-3)",
+        "--animation-slide-out-right-@": "
+@keyframes slide-out-right {
+  to { transform: translateX(100%) }
+}",
+        "--animation-slide-out-up": "slide-out-up .5s var(--ease-3)",
+        "--animation-slide-out-up-@": "
+@keyframes slide-out-up {
+  to { transform: translateY(-100%) }
+}",
+        "--animation-spin": "spin 2s linear infinite",
+        "--animation-spin-@": "
+@keyframes spin {
+  to { transform: rotate(1turn) }
+}",
+        "--blue-0": "#e7f5ff",
+        "--blue-0-hsl": "205 100% 95%",
+        "--blue-1": "#d0ebff",
+        "--blue-1-hsl": "206 100% 91%",
+        "--blue-10": "#145591",
+        "--blue-10-hsl": "209 76% 32%",
+        "--blue-11": "#114678",
+        "--blue-11-hsl": "209 75% 27%",
+        "--blue-12": "#0d375e",
+        "--blue-12-hsl": "209 76% 21%",
+        "--blue-2": "#a5d8ff",
+        "--blue-2-hsl": "206 100% 82%",
+        "--blue-3": "#74c0fc",
+        "--blue-3-hsl": "206 96% 72%",
+        "--blue-4": "#4dabf7",
+        "--blue-4-hsl": "207 91% 64%",
+        "--blue-5": "#339af0",
+        "--blue-5-hsl": "207 86% 57%",
+        "--blue-6": "#228be6",
+        "--blue-6-hsl": "208 80% 52%",
+        "--blue-7": "#1c7ed6",
+        "--blue-7-hsl": "208 77% 47%",
+        "--blue-8": "#1971c2",
+        "--blue-8-hsl": "209 77% 43%",
+        "--blue-9": "#1864ab",
+        "--blue-9-hsl": "209 75% 38%",
+        "--border-size-1": "1px",
+        "--border-size-2": "2px",
+        "--border-size-3": "5px",
+        "--border-size-4": "10px",
+        "--border-size-5": "25px",
+        "--brown-0": "#faf4eb",
+        "--brown-0-hsl": "36 60% 95%",
+        "--brown-1": "#ede0d1",
+        "--brown-1-hsl": "32 44% 87%",
+        "--brown-10": "#5e3a21",
+        "--brown-10-hsl": "25 48% 25%",
+        "--brown-11": "#4e2b15",
+        "--brown-11-hsl": "23 58% 19%",
+        "--brown-12": "#422412",
+        "--brown-12-hsl": "22 57% 16%",
+        "--brown-2": "#e0cab7",
+        "--brown-2-hsl": "28 40% 80%",
+        "--brown-3": "#d3b79e",
+        "--brown-3-hsl": "28 38% 72%",
+        "--brown-4": "#c5a285",
+        "--brown-4-hsl": "27 36% 65%",
+        "--brown-5": "#b78f6d",
+        "--brown-5-hsl": "28 34% 57%",
+        "--brown-6": "#a87c56",
+        "--brown-6-hsl": "28 32% 50%",
+        "--brown-7": "#956b47",
+        "--brown-7-hsl": "28 35% 43%",
+        "--brown-8": "#825b3a",
+        "--brown-8-hsl": "28 38% 37%",
+        "--brown-9": "#6f4b2d",
+        "--brown-9-hsl": "27 42% 31%",
+        "--camo-0": "#f9fbe7",
+        "--camo-0-hsl": "66 71% 95%",
+        "--camo-1": "#e8ed9c",
+        "--camo-1-hsl": "64 69% 77%",
+        "--camo-10": "#5d5411",
+        "--camo-10-hsl": "53 69% 22%",
+        "--camo-11": "#4d460e",
+        "--camo-11-hsl": "53 69% 18%",
+        "--camo-12": "#36300a",
+        "--camo-12-hsl": "52 69% 13%",
+        "--camo-2": "#d2df4e",
+        "--camo-2-hsl": "65 69% 59%",
+        "--camo-3": "#c2ce34",
+        "--camo-3-hsl": "65 61% 51%",
+        "--camo-4": "#b5bb2e",
+        "--camo-4-hsl": "63 61% 46%",
+        "--camo-5": "#a7a827",
+        "--camo-5-hsl": "60 62% 41%",
+        "--camo-6": "#999621",
+        "--camo-6-hsl": "59 65% 36%",
+        "--camo-7": "#8c851c",
+        "--camo-7-hsl": "56 67% 33%",
+        "--camo-8": "#7e7416",
+        "--camo-8-hsl": "54 70% 29%",
+        "--camo-9": "#6d6414",
+        "--camo-9-hsl": "54 69% 25%",
+        "--choco-0": "#fff8dc",
+        "--choco-0-hsl": "48 100% 93%",
+        "--choco-1": "#fce1bc",
+        "--choco-1-hsl": "35 91% 86%",
+        "--choco-10": "#703a13",
+        "--choco-10-hsl": "25 71% 26%",
+        "--choco-11": "#572f12",
+        "--choco-11-hsl": "25 66% 21%",
+        "--choco-12": "#3d210d",
+        "--choco-12-hsl": "25 65% 15%",
+        "--choco-2": "#f7ca9e",
+        "--choco-2-hsl": "30 85% 79%",
+        "--choco-3": "#f1b280",
+        "--choco-3-hsl": "27 80% 72%",
+        "--choco-4": "#e99b62",
+        "--choco-4-hsl": "25 75% 65%",
+        "--choco-5": "#df8545",
+        "--choco-5-hsl": "25 71% 57%",
+        "--choco-6": "#d46e25",
+        "--choco-6-hsl": "25 70% 49%",
+        "--choco-7": "#bd5f1b",
+        "--choco-7-hsl": "25 75% 42%",
+        "--choco-8": "#a45117",
+        "--choco-8-hsl": "25 75% 37%",
+        "--choco-9": "#8a4513",
+        "--choco-9-hsl": "25 76% 31%",
+        "--cyan-0": "#e3fafc",
+        "--cyan-0-hsl": "185 81% 94%",
+        "--cyan-1": "#c5f6fa",
+        "--cyan-1-hsl": "185 84% 88%",
+        "--cyan-10": "#095c6b",
+        "--cyan-10-hsl": "189 84% 23%",
+        "--cyan-11": "#074652",
+        "--cyan-11-hsl": "190 84% 17%",
+        "--cyan-12": "#053038",
+        "--cyan-12-hsl": "189 84% 12%",
+        "--cyan-2": "#99e9f2",
+        "--cyan-2-hsl": "186 77% 77%",
+        "--cyan-3": "#66d9e8",
+        "--cyan-3-hsl": "187 74% 65%",
+        "--cyan-4": "#3bc9db",
+        "--cyan-4-hsl": "187 69% 55%",
+        "--cyan-5": "#22b8cf",
+        "--cyan-5-hsl": "188 72% 47%",
+        "--cyan-6": "#15aabf",
+        "--cyan-6-hsl": "187 80% 42%",
+        "--cyan-7": "#1098ad",
+        "--cyan-7-hsl": "188 83% 37%",
+        "--cyan-8": "#0c8599",
+        "--cyan-8-hsl": "189 85% 32%",
+        "--cyan-9": "#0b7285",
+        "--cyan-9-hsl": "189 85% 28%",
+        "--ease-1": "cubic-bezier(.25, 0, .5, 1)",
+        "--ease-2": "cubic-bezier(.25, 0, .4, 1)",
+        "--ease-3": "cubic-bezier(.25, 0, .3, 1)",
+        "--ease-4": "cubic-bezier(.25, 0, .2, 1)",
+        "--ease-5": "cubic-bezier(.25, 0, .1, 1)",
+        "--ease-bounce-1": "linear(
+    0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141, 0.191, 0.25, 0.316, 0.391 36.8%,
+    0.563, 0.766, 1 58.8%, 0.946, 0.908 69.1%, 0.895, 0.885, 0.879, 0.878, 0.879,
+    0.885, 0.895, 0.908 89.7%, 0.946, 1
+  )",
+        "--ease-bounce-2": "linear(
+    0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 15.1%, 0.25, 0.391, 0.562, 0.765,
+    1, 0.892 45.2%, 0.849, 0.815, 0.788, 0.769, 0.757, 0.753, 0.757, 0.769, 0.788,
+    0.815, 0.85, 0.892 75.2%, 1 80.2%, 0.973, 0.954, 0.943, 0.939, 0.943, 0.954,
+    0.973, 1
+  )",
+        "--ease-bounce-3": "linear(
+    0, 0.004, 0.016, 0.035, 0.062, 0.098, 0.141 11.4%, 0.25, 0.39, 0.562, 0.764,
+    1 30.3%, 0.847 34.8%, 0.787, 0.737, 0.699, 0.672, 0.655, 0.65, 0.656, 0.672,
+    0.699, 0.738, 0.787, 0.847 61.7%, 1 66.2%, 0.946, 0.908, 0.885 74.2%, 0.879,
+    0.878, 0.879, 0.885 79.5%, 0.908, 0.946, 1 87.4%, 0.981, 0.968, 0.96, 0.957,
+    0.96, 0.968, 0.981, 1
+  )",
+        "--ease-bounce-4": "linear(
+    0, 0.004, 0.016 3%, 0.062, 0.141, 0.25, 0.391, 0.562 18.2%, 1 24.3%, 0.81,
+    0.676 32.3%, 0.629, 0.595, 0.575, 0.568, 0.575, 0.595, 0.629, 0.676 48.2%,
+    0.811, 1 56.2%, 0.918, 0.86, 0.825, 0.814, 0.825, 0.86, 0.918, 1 77.2%,
+    0.94 80.6%, 0.925, 0.92, 0.925, 0.94 87.5%, 1 90.9%, 0.974, 0.965, 0.974, 1
+  )",
+        "--ease-bounce-5": "linear(
+    0, 0.004, 0.016 2.5%, 0.063, 0.141, 0.25 10.1%, 0.562, 1 20.2%, 0.783, 0.627,
+    0.534 30.9%, 0.511, 0.503, 0.511, 0.534 38%, 0.627, 0.782, 1 48.7%, 0.892,
+    0.815, 0.769 56.3%, 0.757, 0.753, 0.757, 0.769 61.3%, 0.815, 0.892, 1 68.8%,
+    0.908 72.4%, 0.885, 0.878, 0.885, 0.908 79.4%, 1 83%, 0.954 85.5%, 0.943,
+    0.939, 0.943, 0.954 90.5%, 1 93%, 0.977, 0.97, 0.977, 1
+  )",
+        "--ease-elastic-1": "var(--ease-elastic-out-1)",
+        "--ease-elastic-2": "var(--ease-elastic-out-2)",
+        "--ease-elastic-3": "var(--ease-elastic-out-3)",
+        "--ease-elastic-4": "var(--ease-elastic-out-4)",
+        "--ease-elastic-5": "var(--ease-elastic-out-5)",
+        "--ease-elastic-in-1": "cubic-bezier(.5, -0.25, .75, 1)",
+        "--ease-elastic-in-2": "cubic-bezier(.5, -0.50, .75, 1)",
+        "--ease-elastic-in-3": "cubic-bezier(.5, -0.75, .75, 1)",
+        "--ease-elastic-in-4": "cubic-bezier(.5, -1.00, .75, 1)",
+        "--ease-elastic-in-5": "cubic-bezier(.5, -1.25, .75, 1)",
+        "--ease-elastic-in-out-1": "cubic-bezier(.5, -.1, .1, 1.5)",
+        "--ease-elastic-in-out-2": "cubic-bezier(.5, -.3, .1, 1.5)",
+        "--ease-elastic-in-out-3": "cubic-bezier(.5, -.5, .1, 1.5)",
+        "--ease-elastic-in-out-4": "cubic-bezier(.5, -.7, .1, 1.5)",
+        "--ease-elastic-in-out-5": "cubic-bezier(.5, -.9, .1, 1.5)",
+        "--ease-elastic-out-1": "cubic-bezier(.5, .75, .75, 1.25)",
+        "--ease-elastic-out-2": "cubic-bezier(.5, 1, .75, 1.25)",
+        "--ease-elastic-out-3": "cubic-bezier(.5, 1.25, .75, 1.25)",
+        "--ease-elastic-out-4": "cubic-bezier(.5, 1.5, .75, 1.25)",
+        "--ease-elastic-out-5": "cubic-bezier(.5, 1.75, .75, 1.25)",
+        "--ease-in-1": "cubic-bezier(.25, 0, 1, 1)",
+        "--ease-in-2": "cubic-bezier(.50, 0, 1, 1)",
+        "--ease-in-3": "cubic-bezier(.70, 0, 1, 1)",
+        "--ease-in-4": "cubic-bezier(.90, 0, 1, 1)",
+        "--ease-in-5": "cubic-bezier(1, 0, 1, 1)",
+        "--ease-in-out-1": "cubic-bezier(.1, 0, .9, 1)",
+        "--ease-in-out-2": "cubic-bezier(.3, 0, .7, 1)",
+        "--ease-in-out-3": "cubic-bezier(.5, 0, .5, 1)",
+        "--ease-in-out-4": "cubic-bezier(.7, 0, .3, 1)",
+        "--ease-in-out-5": "cubic-bezier(.9, 0, .1, 1)",
+        "--ease-out-1": "cubic-bezier(0, 0, .75, 1)",
+        "--ease-out-2": "cubic-bezier(0, 0, .50, 1)",
+        "--ease-out-3": "cubic-bezier(0, 0, .3, 1)",
+        "--ease-out-4": "cubic-bezier(0, 0, .1, 1)",
+        "--ease-out-5": "cubic-bezier(0, 0, 0, 1)",
+        "--ease-spring-1": "linear(
+    0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,
+    0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%,
+    1.001
+  )",
+        "--ease-spring-2": "linear(
+    0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962,
+    1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%,
+    0.999 61.6%, 0.995 71.2%, 1
+  )",
+        "--ease-spring-3": "linear(
+    0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077,
+    1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%,
+    1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%,
+    0.997 69.8%, 1.003 76.9%, 1
+  )",
+        "--ease-spring-4": "linear(
+    0, 0.009, 0.037 1.7%, 0.153 3.6%, 0.776 10.3%, 1.001, 1.142 16%, 1.185,
+    1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, 0.973,
+    0.955 39.2%, 0.953 41.1%, 0.957 43.3%, 0.998 53.3%, 1.009 59.1% 63.7%,
+    0.998 78.9%, 1
+  )",
+        "--ease-spring-5": "linear(
+    0, 0.01, 0.04 1.6%, 0.161 3.3%, 0.816 9.4%, 1.046, 1.189 14.4%, 1.231,
+    1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, 0.999 29.4%,
+    0.955 32.1%, 0.942, 0.935 34.9%, 0.933, 0.939 38.4%, 1 47.3%, 1.011,
+    1.017 52.6%, 1.016 56.4%, 1 65.2%, 0.996 70.2%, 1.001 87.2%, 1
+  )",
+        "--ease-squish-1": "var(--ease-elastic-in-out-1)",
+        "--ease-squish-2": "var(--ease-elastic-in-out-2)",
+        "--ease-squish-3": "var(--ease-elastic-in-out-3)",
+        "--ease-squish-4": "var(--ease-elastic-in-out-4)",
+        "--ease-squish-5": "var(--ease-elastic-in-out-5)",
+        "--ease-step-1": "steps(2)",
+        "--ease-step-2": "steps(3)",
+        "--ease-step-3": "steps(4)",
+        "--ease-step-4": "steps(7)",
+        "--ease-step-5": "steps(10)",
+        "--font-antique": "Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif",
+        "--font-classical-humanist": "Optima, Candara, Noto Sans, source-sans-pro, sans-serif",
+        "--font-didone": "Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif",
+        "--font-geometric-humanist": "Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif",
+        "--font-handwritten": "Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive",
+        "--font-humanist": "Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif",
+        "--font-industrial": "Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif",
+        "--font-letterspacing-0": "-.05em",
+        "--font-letterspacing-1": ".025em",
+        "--font-letterspacing-2": ".050em",
+        "--font-letterspacing-3": ".075em",
+        "--font-letterspacing-4": ".150em",
+        "--font-letterspacing-5": ".500em",
+        "--font-letterspacing-6": ".750em",
+        "--font-letterspacing-7": "1em",
+        "--font-lineheight-0": "1.1",
+        "--font-lineheight-00": ".95",
+        "--font-lineheight-1": "1.25",
+        "--font-lineheight-2": "1.375",
+        "--font-lineheight-3": "1.5",
+        "--font-lineheight-4": "1.75",
+        "--font-lineheight-5": "2",
+        "--font-mono": "var(--font-monospace-code)",
+        "--font-monospace-code": "Dank Mono,Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace",
+        "--font-monospace-slab-serif": "Nimbus Mono PS, Courier New, monospace",
+        "--font-neo-grotesque": "Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif",
+        "--font-old-style": "Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif",
+        "--font-rounded-sans": "ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif",
+        "--font-sans": "var(--font-system-ui)",
+        "--font-serif": "ui-serif, serif",
+        "--font-size-0": ".75rem",
+        "--font-size-00": ".5rem",
+        "--font-size-1": "1rem",
+        "--font-size-2": "1.1rem",
+        "--font-size-3": "1.25rem",
+        "--font-size-4": "1.5rem",
+        "--font-size-5": "2rem",
+        "--font-size-6": "2.5rem",
+        "--font-size-7": "3rem",
+        "--font-size-8": "3.5rem",
+        "--font-size-fluid-0": "clamp(.75rem, 2vw, 1rem)",
+        "--font-size-fluid-1": "clamp(1rem, 4vw, 1.5rem)",
+        "--font-size-fluid-2": "clamp(1.5rem, 6vw, 2.5rem)",
+        "--font-size-fluid-3": "clamp(2rem, 9vw, 3.5rem)",
+        "--font-slab-serif": "Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif",
+        "--font-system-ui": "system-ui, sans-serif",
+        "--font-transitional": "Charter, Bitstream Charter, Sitka Text, Cambria, serif",
+        "--font-weight-1": "100",
+        "--font-weight-2": "200",
+        "--font-weight-3": "300",
+        "--font-weight-4": "400",
+        "--font-weight-5": "500",
+        "--font-weight-6": "600",
+        "--font-weight-7": "700",
+        "--font-weight-8": "800",
+        "--font-weight-9": "900",
+        "--gradient-1": "linear-gradient(to bottom right var(--gradient-space), #1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)",
+        "--gradient-10": "conic-gradient(from 90deg at 40% -25% var(--gradient-space), #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)",
+        "--gradient-11": "conic-gradient(at bottom left var(--gradient-space), deeppink, cyan)",
+        "--gradient-12": "conic-gradient(from 90deg at 25% -10% var(--gradient-space), #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)",
+        "--gradient-13": "radial-gradient(circle at 50% 200% var(--gradient-space), #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)",
+        "--gradient-14": "conic-gradient(at top right var(--gradient-space), lime, cyan)",
+        "--gradient-15": "linear-gradient(to bottom right var(--gradient-space), #c7d2fe, #fecaca, #fef3c7)",
+        "--gradient-16": "radial-gradient(circle at 50% -250% var(--gradient-space), #374151, #111827, #000)",
+        "--gradient-17": "conic-gradient(from -90deg at 50% -25% var(--gradient-space), blue, blueviolet)",
+        "--gradient-18": "
+    linear-gradient(0deg var(--gradient-space),   hsla(0   100% 50% / 80%), hsla(0   100% 50% / 0) 75%),
+    linear-gradient(60deg var(--gradient-space),  hsla(60  100% 50% / 80%), hsla(60  100% 50% / 0) 75%),
+    linear-gradient(120deg var(--gradient-space), hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%),
+    linear-gradient(180deg var(--gradient-space), hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%),
+    linear-gradient(240deg var(--gradient-space), hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%),
+    linear-gradient(300deg var(--gradient-space), hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%)
+  ",
+        "--gradient-19": "linear-gradient(to bottom right var(--gradient-space), #ffe259, #ffa751)",
+        "--gradient-2": "linear-gradient(to bottom right var(--gradient-space), #48005c, #8300e2, #a269ff)",
+        "--gradient-20": "conic-gradient(from -135deg at -10% center var(--gradient-space), #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)",
+        "--gradient-21": "conic-gradient(from -90deg at 25% 115% var(--gradient-space), #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)",
+        "--gradient-22": "linear-gradient(to bottom right var(--gradient-space), #acb6e5, #86fde8)",
+        "--gradient-23": "linear-gradient(to bottom right var(--gradient-space), #536976, #292E49)",
+        "--gradient-24": "conic-gradient(from .5turn at 0% 0% var(--gradient-space), #00c476, 10%, #82b0ff, 90%, #00c476)",
+        "--gradient-25": "conic-gradient(at 125% 50% var(--gradient-space), #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)",
+        "--gradient-26": "linear-gradient(to bottom right var(--gradient-space), #9796f0, #fbc7d4)",
+        "--gradient-27": "conic-gradient(from .5turn at bottom left var(--gradient-space), deeppink, rebeccapurple)",
+        "--gradient-28": "conic-gradient(from -90deg at 50% 105% var(--gradient-space), white, orchid)",
+        "--gradient-29": "
+    radial-gradient(
+      circle at top right var(--gradient-space), 
+      hsl(250 100% 85%), hsl(250 100% 85% / 0%)
+    ),
+    radial-gradient(
+      circle at bottom left var(--gradient-space), 
+      hsl(220 90% 75%), hsl(220 90% 75% / 0%)
+    )",
+        "--gradient-3": "
+    radial-gradient(
+      circle at top right var(--gradient-space), 
+      hsl(180 100% 50%), hsl(180 100% 50% / 0%)
+    ),
+    radial-gradient(
+      circle at bottom left var(--gradient-space), 
+      hsl(328 100% 54%), hsl(328 100% 54% / 0%)
+    )",
+        "--gradient-30": "radial-gradient(
+      circle at top right var(--gradient-space), 
+      hsl(150 100% 50%), hsl(150 100% 50% / 0%)
+    ),
+    radial-gradient(
+      circle at bottom left var(--gradient-space), 
+      hsl(150 100% 84%), hsl(150 100% 84% / 0%)
+    )",
+        "--gradient-4": "linear-gradient(to bottom right var(--gradient-space), #00F5A0, #00D9F5)",
+        "--gradient-5": "conic-gradient(from -270deg at 75% 110% var(--gradient-space), fuchsia, floralwhite)",
+        "--gradient-6": "conic-gradient(from -90deg at top left var(--gradient-space), black, white)",
+        "--gradient-7": "linear-gradient(to bottom right var(--gradient-space), #72C6EF, #004E8F)",
+        "--gradient-8": "conic-gradient(from 90deg at 50% 0% var(--gradient-space), #111, 50%, #222, #111)",
+        "--gradient-9": "conic-gradient(from .5turn at bottom center var(--gradient-space), lightblue, white)",
+        "--gradient-space": "",
+        "--gray-0": "#f8f9fa",
+        "--gray-0-hsl": "210 17% 98%",
+        "--gray-1": "#f1f3f5",
+        "--gray-1-hsl": "210 17% 95%",
+        "--gray-10": "#16191d",
+        "--gray-10-hsl": "214 14% 10%",
+        "--gray-11": "#0d0f12",
+        "--gray-11-hsl": "216 16% 6%",
+        "--gray-12": "#030507",
+        "--gray-12-hsl": "210 40% 2%",
+        "--gray-2": "#e9ecef",
+        "--gray-2-hsl": "210 16% 93%",
+        "--gray-3": "#dee2e6",
+        "--gray-3-hsl": "210 14% 89%",
+        "--gray-4": "#ced4da",
+        "--gray-4-hsl": "210 14% 83%",
+        "--gray-5": "#adb5bd",
+        "--gray-5-hsl": "210 11% 71%",
+        "--gray-6": "#868e96",
+        "--gray-6-hsl": "210 7% 56%",
+        "--gray-7": "#495057",
+        "--gray-7-hsl": "210 9% 31%",
+        "--gray-8": "#343a40",
+        "--gray-8-hsl": "210 10% 23%",
+        "--gray-9": "#212529",
+        "--gray-9-hsl": "210 11% 15%",
+        "--green-0": "#ebfbee",
+        "--green-0-hsl": "131 67% 95%",
+        "--green-1": "#d3f9d8",
+        "--green-1-hsl": "128 76% 90%",
+        "--green-10": "#237032",
+        "--green-10-hsl": "132 52% 29%",
+        "--green-11": "#1b5727",
+        "--green-11-hsl": "132 53% 22%",
+        "--green-12": "#133d1b",
+        "--green-12-hsl": "131 53% 16%",
+        "--green-2": "#b2f2bb",
+        "--green-2-hsl": "128 71% 82%",
+        "--green-3": "#8ce99a",
+        "--green-3-hsl": "129 68% 73%",
+        "--green-4": "#69db7c",
+        "--green-4-hsl": "130 61% 64%",
+        "--green-5": "#51cf66",
+        "--green-5-hsl": "130 57% 56%",
+        "--green-6": "#40c057",
+        "--green-6-hsl": "131 50% 50%",
+        "--green-7": "#37b24d",
+        "--green-7-hsl": "131 53% 46%",
+        "--green-8": "#2f9e44",
+        "--green-8-hsl": "131 54% 40%",
+        "--green-9": "#2b8a3e",
+        "--green-9-hsl": "132 52% 35%",
+        "--indigo-0": "#edf2ff",
+        "--indigo-0-hsl": "223 100% 96%",
+        "--indigo-1": "#dbe4ff",
+        "--indigo-1-hsl": "225 100% 93%",
+        "--indigo-10": "#2f44ad",
+        "--indigo-10-hsl": "230 57% 43%",
+        "--indigo-11": "#283a94",
+        "--indigo-11-hsl": "230 57% 37%",
+        "--indigo-12": "#21307a",
+        "--indigo-12-hsl": "230 57% 30%",
+        "--indigo-2": "#bac8ff",
+        "--indigo-2-hsl": "228 100% 86%",
+        "--indigo-3": "#91a7ff",
+        "--indigo-3-hsl": "228 100% 78%",
+        "--indigo-4": "#748ffc",
+        "--indigo-4-hsl": "228 96% 72%",
+        "--indigo-5": "#5c7cfa",
+        "--indigo-5-hsl": "228 94% 67%",
+        "--indigo-6": "#4c6ef5",
+        "--indigo-6-hsl": "228 89% 63%",
+        "--indigo-7": "#4263eb",
+        "--indigo-7-hsl": "228 81% 59%",
+        "--indigo-8": "#3b5bdb",
+        "--indigo-8-hsl": "228 69% 55%",
+        "--indigo-9": "#364fc7",
+        "--indigo-9-hsl": "230 57% 50%",
+        "--inner-shadow-0": "inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))",
+        "--inner-shadow-1": "inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight)",
+        "--inner-shadow-2": "inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight)",
+        "--inner-shadow-3": "inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight)",
+        "--inner-shadow-4": "inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight)",
+        "--inner-shadow-highlight": "inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001",
+        "--inner-shadow-highlight-@media:dark": "inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007",
+        "--jungle-0": "#ecfeb0",
+        "--jungle-0-hsl": "74 98% 84%",
+        "--jungle-1": "#def39a",
+        "--jungle-1-hsl": "74 79% 78%",
+        "--jungle-10": "#658006",
+        "--jungle-10-hsl": "73 91% 26%",
+        "--jungle-11": "#516605",
+        "--jungle-11-hsl": "73 91% 21%",
+        "--jungle-12": "#3d4d04",
+        "--jungle-12-hsl": "73 90% 16%",
+        "--jungle-2": "#d0e884",
+        "--jungle-2-hsl": "74 68% 71%",
+        "--jungle-3": "#c2dd6e",
+        "--jungle-3-hsl": "75 62% 65%",
+        "--jungle-4": "#b5d15b",
+        "--jungle-4-hsl": "74 56% 59%",
+        "--jungle-5": "#a8c648",
+        "--jungle-5-hsl": "74 53% 53%",
+        "--jungle-6": "#9bbb36",
+        "--jungle-6-hsl": "74 55% 47%",
+        "--jungle-7": "#8fb024",
+        "--jungle-7-hsl": "74 66% 42%",
+        "--jungle-8": "#84a513",
+        "--jungle-8-hsl": "74 79% 36%",
+        "--jungle-9": "#7a9908",
+        "--jungle-9-hsl": "73 90% 32%",
+        "--layer-1": 1,
+        "--layer-2": 2,
+        "--layer-3": 3,
+        "--layer-4": 4,
+        "--layer-5": 5,
+        "--layer-important": 2147483647,
+        "--lime-0": "#f4fce3",
+        "--lime-0-hsl": "79 81% 94%",
+        "--lime-1": "#e9fac8",
+        "--lime-1-hsl": "80 83% 88%",
+        "--lime-10": "#4c7a0b",
+        "--lime-10-hsl": "85 83% 26%",
+        "--lime-11": "#3c6109",
+        "--lime-11-hsl": "85 83% 21%",
+        "--lime-12": "#2c4706",
+        "--lime-12-hsl": "85 84% 15%",
+        "--lime-2": "#d8f5a2",
+        "--lime-2-hsl": "81 81% 80%",
+        "--lime-3": "#c0eb75",
+        "--lime-3-hsl": "82 75% 69%",
+        "--lime-4": "#a9e34b",
+        "--lime-4-hsl": "83 73% 59%",
+        "--lime-5": "#94d82d",
+        "--lime-5-hsl": "84 69% 51%",
+        "--lime-6": "#82c91e",
+        "--lime-6-hsl": "85 74% 45%",
+        "--lime-7": "#74b816",
+        "--lime-7-hsl": "85 79% 40%",
+        "--lime-8": "#66a80f",
+        "--lime-8-hsl": "86 84% 36%",
+        "--lime-9": "#5c940d",
+        "--lime-9-hsl": "85 84% 32%",
+        "--mask-corner-cut-angles-1": "
+    conic-gradient(from -45deg at 1rem 1rem,#0000 25%,#000 0) 
+    -1rem 0   /100% 51% repeat-x,
+    conic-gradient(from 135deg at 1rem calc(100% - 1rem),#0000 25%,#000 0) 
+    -1rem 100%/100% 51% repeat-x
+  ",
+        "--mask-corner-cut-angles-2": "
+    conic-gradient(from -45deg at 2rem 2rem,#0000 25%,#000 0) 
+    -2rem 0   /100% 51% repeat-x,
+    conic-gradient(from 135deg at 2rem calc(100% - 2rem),#0000 25%,#000 0) 
+    -2rem 100%/100% 51% repeat-x
+  ",
+        "--mask-corner-cut-angles-3": "
+    conic-gradient(from -45deg at 4rem 4rem,#0000 25%,#000 0) 
+    -4rem 0   /100% 51% repeat-x,
+    conic-gradient(from 135deg at 4rem calc(100% - 4rem),#0000 25%,#000 0) 
+    -4rem 100%/100% 51% repeat-x
+  ",
+        "--mask-corner-cut-circles-1": "radial-gradient(1rem at 1rem 1rem,#0000 99%,#000) -1rem -1rem",
+        "--mask-corner-cut-circles-2": "radial-gradient(2rem at 2rem 2rem,#0000 99%,#000) -2rem -2rem",
+        "--mask-corner-cut-circles-3": "radial-gradient(4rem at 4rem 4rem,#0000 99%,#000) -4rem -4rem",
+        "--mask-corner-cut-squares-1": "conic-gradient(at calc(2*1rem) calc(2*1rem),#000 75%,#0000 0) -1rem -1rem",
+        "--mask-corner-cut-squares-2": "conic-gradient(at calc(2*2rem) calc(2*2rem),#000 75%,#0000 0) -2rem -2rem",
+        "--mask-corner-cut-squares-3": "conic-gradient(at calc(2*4rem) calc(2*4rem),#000 75%,#0000 0) -4rem -4rem",
+        "--mask-edge-drip-bottom": "
+    radial-gradient(20px at bottom,#0000 97%,#000) 50% calc(100% - 20px) / calc(2 * 20px) 100% repeat-x,
+    radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% - 20px) 99% / calc(4 * 20px) calc(2 * 20px) repeat-x
+  ",
+        "--mask-edge-drip-horizontal": "
+    radial-gradient(20px at left ,#0000 97%,#000)             20px  50% / 51% calc(2 * 20px) repeat-y,  
+    radial-gradient(20px at right,#0000 97%,#000) calc(100% - 20px) 50% / 51% calc(2 * 20px) repeat-y,
+    radial-gradient(20px at 50% 25%,#000 97%,#0000) 1%  calc(50% -   20px) / calc(2 * 20px) calc(4 * 20px) repeat-y,
+    radial-gradient(20px at 50% 25%,#000 97%,#0000) 99% calc(50% - 3*20px) / calc(2 * 20px) calc(4 * 20px) repeat-y
+  ",
+        "--mask-edge-drip-left": "
+    radial-gradient(20px at left,#0000 97%,#000) 20px 50% / 100% calc(2 * 20px) repeat-y,
+    radial-gradient(20px at 50% 25%,#000 97%,#0000) 1% calc(50% - 20px) / calc(2 * 20px) calc(4 * 20px) repeat-y
+  ",
+        "--mask-edge-drip-right": "
+    radial-gradient(20px at right,#0000 97%,#000) calc(100% - 20px) 50% / 100% calc(2 * 20px) repeat-y,
+    radial-gradient(20px at 50% 25%,#000 97%,#0000) 99% calc(50% - 20px) / calc(2 * 20px) calc(4 * 20px) repeat-y
+  ",
+        "--mask-edge-drip-top": "
+    radial-gradient(20px at top,#0000 97%,#000) 50% 20px / calc(2 * 20px) 100% repeat-x,
+    radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% - 20px) 1% / calc(4 * 20px) calc(2 * 20px) repeat-x
+  ",
+        "--mask-edge-drip-vertical": "
+    radial-gradient(20px at top   ,#0000 97%,#000) 50%             20px  / calc(2 * 20px) 51% repeat-x,
+    radial-gradient(20px at bottom,#0000 97%,#000) 50% calc(100% - 20px) / calc(2 * 20px) 51% repeat-x,
+    radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% -   20px) 1%  / calc(4 * 20px) calc(2 * 20px) repeat-x,
+    radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% - 3*20px) 99% / calc(4 * 20px) calc(2 * 20px) repeat-x
+  ",
+        "--mask-edge-scalloped": "
+    radial-gradient(farthest-side,#000 97%,#0000) 0 0 / 20px 20px round,
+    linear-gradient(#000 0 0) 50%/calc(100% - 20px) calc(100% - 20px) no-repeat
+  ",
+        "--mask-edge-scalloped-bottom": "
+    linear-gradient(to top,#0000 20px,#000 0),
+    radial-gradient(20px at top,#000 97%,#0000) bottom / calc(1.9 * 20px) 20px
+  ",
+        "--mask-edge-scalloped-horizontal": "
+    linear-gradient(-90deg,#0000 calc(2 * 20px),#000 0) 20px,
+    radial-gradient(20px,#000 97%,#0000) 50% / calc(2 * 20px) calc(1.9 * 20px) space repeat
+  ",
+        "--mask-edge-scalloped-left": "
+    linear-gradient(to right,#0000 20px,#000 0),
+    radial-gradient(20px at right,#000 97%,#0000) left / 20px calc(1.9 * 20px)
+  ",
+        "--mask-edge-scalloped-right": "
+    linear-gradient(to left,#0000 20px,#000 0),
+    radial-gradient(20px at left,#000 97%,#0000) right / 20px calc(1.9 * 20px)
+  ",
+        "--mask-edge-scalloped-top": "
+    linear-gradient(to bottom,#0000 20px,#000 0),
+    radial-gradient(20px at bottom,#000 97%,#0000) top / calc(1.9 * 20px) 20px
+  ",
+        "--mask-edge-scalloped-vertical": "
+    linear-gradient(0deg,#0000 calc(2 * 20px),#000 0) 0 20px,
+    radial-gradient(20px,#000 97%,#0000) 50% / calc(1.9 * 20px) calc(2 * 20px) repeat space
+  ",
+        "--mask-edge-scoop-bottom": "radial-gradient(20px at 50% 100%,#0000 97%,#000) 50% / calc(1.9 * 20px) 100%",
+        "--mask-edge-scoop-horizontal": "radial-gradient(20px at 20px 50%,#0000 97%,#000) -20px/ 100% calc(1.9 * 20px)",
+        "--mask-edge-scoop-left": "radial-gradient(20px at 0 50%,#0000 97%,#000) 50%/ 100% calc(1.9 * 20px)",
+        "--mask-edge-scoop-right": "radial-gradient(20px at 100% 50%,#0000 97%,#000) 50%/ 100% calc(1.9 * 20px)",
+        "--mask-edge-scoop-top": "radial-gradient(20px at 50% 0,#0000 97%,#000) 50% / calc(1.9 * 20px) 100%",
+        "--mask-edge-scoop-vertical": "radial-gradient(20px at 50% 20px,#0000 97%,#000) 50% -20px/ calc(1.9 * 20px) 100%",
+        "--mask-edge-zig-zag-bottom": "conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) 50% / 40px 100%",
+        "--mask-edge-zig-zag-horizontal": "repeating-conic-gradient(from 45deg at 20px 50%,#0000,#000 1deg 90deg,#0000 91deg 180deg) -20px 50% / 100% 40px",
+        "--mask-edge-zig-zag-left": "conic-gradient(from 45deg at left,#0000,#000 1deg 90deg,#0000 91deg) 50% / 100% 40px",
+        "--mask-edge-zig-zag-right": "conic-gradient(from -135deg at right,#0000,#000 1deg 90deg,#0000 91deg) 50% / 100% 40px",
+        "--mask-edge-zig-zag-top": "conic-gradient(from 135deg at top,#0000,#000 1deg 90deg,#0000 91deg) 50% / 40px 100%",
+        "--mask-edge-zig-zag-vertical": "repeating-conic-gradient(from 135deg at 50% 20px,#0000,#000 1deg 90deg,#0000 91deg 180deg) 50% -20px / 40px 100%",
+        "--noise-1": "url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")",
+        "--noise-2": "url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")",
+        "--noise-3": "url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")",
+        "--noise-4": "url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")",
+        "--noise-5": "url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")",
+        "--noise-filter-1": "contrast(300%) brightness(100%)",
+        "--noise-filter-2": "contrast(200%) brightness(150%)",
+        "--noise-filter-3": "contrast(200%) brightness(250%)",
+        "--noise-filter-4": "contrast(200%) brightness(500%)",
+        "--noise-filter-5": "contrast(200%) brightness(1000%)",
+        "--orange-0": "#fff4e6",
+        "--orange-0-hsl": "34 100% 95%",
+        "--orange-1": "#ffe8cc",
+        "--orange-1-hsl": "33 100% 90%",
+        "--orange-10": "#bf400d",
+        "--orange-10-hsl": "17 87% 40%",
+        "--orange-11": "#99330b",
+        "--orange-11-hsl": "17 87% 32%",
+        "--orange-12": "#802b09",
+        "--orange-12-hsl": "17 87% 27%",
+        "--orange-2": "#ffd8a8",
+        "--orange-2-hsl": "33 100% 83%",
+        "--orange-3": "#ffc078",
+        "--orange-3-hsl": "32 100% 74%",
+        "--orange-4": "#ffa94d",
+        "--orange-4-hsl": "31 100% 65%",
+        "--orange-5": "#ff922b",
+        "--orange-5-hsl": "29 100% 58%",
+        "--orange-6": "#fd7e14",
+        "--orange-6-hsl": "27 98% 54%",
+        "--orange-7": "#f76707",
+        "--orange-7-hsl": "24 94% 50%",
+        "--orange-8": "#e8590c",
+        "--orange-8-hsl": "21 90% 48%",
+        "--orange-9": "#d9480f",
+        "--orange-9-hsl": "17 87% 45%",
+        "--pink-0": "#fff0f6",
+        "--pink-0-hsl": "336 100% 97%",
+        "--pink-1": "#ffdeeb",
+        "--pink-1-hsl": "336 100% 94%",
+        "--pink-10": "#8c1941",
+        "--pink-10-hsl": "339 70% 32%",
+        "--pink-11": "#731536",
+        "--pink-11-hsl": "339 69% 27%",
+        "--pink-12": "#59102a",
+        "--pink-12-hsl": "339 70% 21%",
+        "--pink-2": "#fcc2d7",
+        "--pink-2-hsl": "338 91% 87%",
+        "--pink-3": "#faa2c1",
+        "--pink-3-hsl": "339 90% 81%",
+        "--pink-4": "#f783ac",
+        "--pink-4-hsl": "339 88% 74%",
+        "--pink-5": "#f06595",
+        "--pink-5-hsl": "339 82% 67%",
+        "--pink-6": "#e64980",
+        "--pink-6-hsl": "339 76% 59%",
+        "--pink-7": "#d6336c",
+        "--pink-7-hsl": "339 67% 52%",
+        "--pink-8": "#c2255c",
+        "--pink-8-hsl": "339 68% 45%",
+        "--pink-9": "#a61e4d",
+        "--pink-9-hsl": "339 69% 38%",
+        "--purple-0": "#f8f0fc",
+        "--purple-0-hsl": "280 67% 96%",
+        "--purple-1": "#f3d9fa",
+        "--purple-1-hsl": "287 77% 92%",
+        "--purple-10": "#702682",
+        "--purple-10-hsl": "288 55% 33%",
+        "--purple-11": "#5a1e69",
+        "--purple-11-hsl": "288 56% 26%",
+        "--purple-12": "#44174f",
+        "--purple-12-hsl": "288 55% 20%",
+        "--purple-2": "#eebefa",
+        "--purple-2-hsl": "288 86% 86%",
+        "--purple-3": "#e599f7",
+        "--purple-3-hsl": "289 85% 78%",
+        "--purple-4": "#da77f2",
+        "--purple-4-hsl": "288 83% 71%",
+        "--purple-5": "#cc5de8",
+        "--purple-5-hsl": "288 75% 64%",
+        "--purple-6": "#be4bdb",
+        "--purple-6-hsl": "288 67% 58%",
+        "--purple-7": "#ae3ec9",
+        "--purple-7-hsl": "288 56% 52%",
+        "--purple-8": "#9c36b5",
+        "--purple-8-hsl": "288 54% 46%",
+        "--purple-9": "#862e9c",
+        "--purple-9-hsl": "288 54% 40%",
+        "--radius-1": "2px",
+        "--radius-2": "5px",
+        "--radius-3": "1rem",
+        "--radius-4": "2rem",
+        "--radius-5": "4rem",
+        "--radius-6": "8rem",
+        "--radius-blob-1": "30% 70% 70% 30% / 53% 30% 70% 47%",
+        "--radius-blob-2": "53% 47% 34% 66% / 63% 46% 54% 37%",
+        "--radius-blob-3": "37% 63% 56% 44% / 49% 56% 44% 51%",
+        "--radius-blob-4": "63% 37% 37% 63% / 43% 37% 63% 57%",
+        "--radius-blob-5": "49% 51% 48% 52% / 57% 44% 56% 43%",
+        "--radius-conditional-1": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1))",
+        "--radius-conditional-2": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2))",
+        "--radius-conditional-3": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3))",
+        "--radius-conditional-4": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4))",
+        "--radius-conditional-5": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5))",
+        "--radius-conditional-6": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6))",
+        "--radius-drawn-1": "255px 15px 225px 15px / 15px 225px 15px 255px",
+        "--radius-drawn-2": "125px 10px 20px 185px / 25px 205px 205px 25px",
+        "--radius-drawn-3": "15px 255px 15px 225px / 225px 15px 255px 15px",
+        "--radius-drawn-4": "15px 25px 155px 25px / 225px 150px 25px 115px",
+        "--radius-drawn-5": "250px 25px 15px 20px / 15px 80px 105px 115px",
+        "--radius-drawn-6": "28px 100px 20px 15px / 150px 30px 205px 225px",
+        "--radius-round": "1e5px",
+        "--ratio-golden": "1.6180/1",
+        "--ratio-landscape": "4/3",
+        "--ratio-portrait": "3/4",
+        "--ratio-square": "1",
+        "--ratio-ultrawide": "18/5",
+        "--ratio-widescreen": "16/9",
+        "--red-0": "#fff5f5",
+        "--red-0-hsl": "0 100% 98%",
+        "--red-1": "#ffe3e3",
+        "--red-1-hsl": "0 100% 95%",
+        "--red-10": "#b02525",
+        "--red-10-hsl": "0 65% 42%",
+        "--red-11": "#962020",
+        "--red-11-hsl": "0 65% 36%",
+        "--red-12": "#7d1a1a",
+        "--red-12-hsl": "0 66% 30%",
+        "--red-2": "#ffc9c9",
+        "--red-2-hsl": "0 100% 89%",
+        "--red-3": "#ffa8a8",
+        "--red-3-hsl": "0 100% 83%",
+        "--red-4": "#ff8787",
+        "--red-4-hsl": "0 100% 76%",
+        "--red-5": "#ff6b6b",
+        "--red-5-hsl": "0 100% 71%",
+        "--red-6": "#fa5252",
+        "--red-6-hsl": "0 94% 65%",
+        "--red-7": "#f03e3e",
+        "--red-7-hsl": "0 86% 59%",
+        "--red-8": "#e03131",
+        "--red-8-hsl": "0 74% 54%",
+        "--red-9": "#c92a2a",
+        "--red-9-hsl": "0 65% 48%",
+        "--sand-0": "#f8fafb",
+        "--sand-0-hsl": "200 27% 98%",
+        "--sand-1": "#e6e4dc",
+        "--sand-1-hsl": "48 17% 88%",
+        "--sand-10": "#38352d",
+        "--sand-10-hsl": "44 11% 20%",
+        "--sand-11": "#252521",
+        "--sand-11-hsl": "60 6% 14%",
+        "--sand-12": "#121210",
+        "--sand-12-hsl": "60 6% 7%",
+        "--sand-2": "#d5cfbd",
+        "--sand-2-hsl": "45 22% 79%",
+        "--sand-3": "#c2b9a0",
+        "--sand-3-hsl": "44 22% 69%",
+        "--sand-4": "#aea58c",
+        "--sand-4-hsl": "44 17% 62%",
+        "--sand-5": "#9a9178",
+        "--sand-5-hsl": "44 14% 54%",
+        "--sand-6": "#867c65",
+        "--sand-6-hsl": "42 14% 46%",
+        "--sand-7": "#736a53",
+        "--sand-7-hsl": "43 16% 39%",
+        "--sand-8": "#5f5746",
+        "--sand-8-hsl": "41 15% 32%",
+        "--sand-9": "#4b4639",
+        "--sand-9-hsl": "43 14% 26%",
+        "--shadow-1": "0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))",
+        "--shadow-2": "
+    0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%))",
+        "--shadow-3": "
+    0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
+    0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
+    0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
+    0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
+    0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))",
+        "--shadow-4": "
+    0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
+    0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
+    0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
+    0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%))",
+        "--shadow-5": "
+    0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
+    0 2px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 10px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
+    0 20px 20px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
+    0 40px 40px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))",
+        "--shadow-6": "
+    0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
+    0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
+    0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
+    0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)),
+    0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))",
+        "--shadow-color": "220 3% 15%",
+        "--shadow-color-@media:dark": "220 40% 2%",
+        "--shadow-strength": "1%",
+        "--shadow-strength-@media:dark": "25%",
+        "--size-00": "-.25rem",
+        "--size-000": "-.5rem",
+        "--size-1": ".25rem",
+        "--size-10": "5rem",
+        "--size-11": "7.5rem",
+        "--size-12": "10rem",
+        "--size-13": "15rem",
+        "--size-14": "20rem",
+        "--size-15": "30rem",
+        "--size-2": ".5rem",
+        "--size-3": "1rem",
+        "--size-4": "1.25rem",
+        "--size-5": "1.5rem",
+        "--size-6": "1.75rem",
+        "--size-7": "2rem",
+        "--size-8": "3rem",
+        "--size-9": "4rem",
+        "--size-content-1": "20ch",
+        "--size-content-2": "45ch",
+        "--size-content-3": "60ch",
+        "--size-fluid-1": "clamp(.5rem, 1vw, 1rem)",
+        "--size-fluid-10": "clamp(20rem, 40vw, 30rem)",
+        "--size-fluid-2": "clamp(1rem, 2vw, 1.5rem)",
+        "--size-fluid-3": "clamp(1.5rem, 3vw, 2rem)",
+        "--size-fluid-4": "clamp(2rem, 4vw, 3rem)",
+        "--size-fluid-5": "clamp(4rem, 5vw, 5rem)",
+        "--size-fluid-6": "clamp(5rem, 7vw, 7.5rem)",
+        "--size-fluid-7": "clamp(7.5rem, 10vw, 10rem)",
+        "--size-fluid-8": "clamp(10rem, 20vw, 15rem)",
+        "--size-fluid-9": "clamp(15rem, 30vw, 20rem)",
+        "--size-header-1": "20ch",
+        "--size-header-2": "25ch",
+        "--size-header-3": "35ch",
+        "--size-lg": "1024px",
+        "--size-md": "768px",
+        "--size-px-00": "-4px",
+        "--size-px-000": "-8px",
+        "--size-px-1": "4px",
+        "--size-px-10": "80px",
+        "--size-px-11": "120px",
+        "--size-px-12": "160px",
+        "--size-px-13": "240px",
+        "--size-px-14": "320px",
+        "--size-px-15": "480px",
+        "--size-px-2": "8px",
+        "--size-px-3": "16px",
+        "--size-px-4": "20px",
+        "--size-px-5": "24px",
+        "--size-px-6": "28px",
+        "--size-px-7": "32px",
+        "--size-px-8": "48px",
+        "--size-px-9": "64px",
+        "--size-relative-00": "-.25ch",
+        "--size-relative-000": "-.5ch",
+        "--size-relative-1": ".25ch",
+        "--size-relative-10": "5ch",
+        "--size-relative-11": "7.5ch",
+        "--size-relative-12": "10ch",
+        "--size-relative-13": "15ch",
+        "--size-relative-14": "20ch",
+        "--size-relative-15": "30ch",
+        "--size-relative-2": ".5ch",
+        "--size-relative-3": "1ch",
+        "--size-relative-4": "1.25ch",
+        "--size-relative-5": "1.5ch",
+        "--size-relative-6": "1.75ch",
+        "--size-relative-7": "2ch",
+        "--size-relative-8": "3ch",
+        "--size-relative-9": "4ch",
+        "--size-sm": "480px",
+        "--size-xl": "1440px",
+        "--size-xs": "360px",
+        "--size-xxl": "1920px",
+        "--size-xxs": "240px",
+        "--squircle-1": "url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 18.75 18.75, 0 75, 0 S 150, 18.75 150, 75 131.25, 150 75, 150 0, 131.25 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E")",
+        "--squircle-2": "url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 13.500000000000004 13.500000000000004, 0 75, 0 S 150, 13.500000000000004 150, 75 136.5, 150 75, 150 0, 136.5 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E")",
+        "--squircle-3": "url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 5.999999999999997 5.999999999999997, 0 75, 0 S 150, 5.999999999999997 150, 75 144, 150 75, 150 0, 144 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E")",
+        "--stone-0": "#f8fafb",
+        "--stone-0-hsl": "200 27% 98%",
+        "--stone-1": "#f2f4f6",
+        "--stone-1-hsl": "210 18% 96%",
+        "--stone-10": "#3a3a37",
+        "--stone-10-hsl": "60 3% 22%",
+        "--stone-11": "#252521",
+        "--stone-11-hsl": "60 6% 14%",
+        "--stone-12": "#121210",
+        "--stone-12-hsl": "60 6% 7%",
+        "--stone-2": "#ebedef",
+        "--stone-2-hsl": "210 11% 93%",
+        "--stone-3": "#e0e4e5",
+        "--stone-3-hsl": "192 9% 89%",
+        "--stone-4": "#d1d6d8",
+        "--stone-4-hsl": "197 8% 83%",
+        "--stone-5": "#b1b6b9",
+        "--stone-5-hsl": "202 5% 71%",
+        "--stone-6": "#979b9d",
+        "--stone-6-hsl": "200 3% 60%",
+        "--stone-7": "#7e8282",
+        "--stone-7-hsl": "180 2% 50%",
+        "--stone-8": "#666968",
+        "--stone-8-hsl": "160 1% 41%",
+        "--stone-9": "#50514f",
+        "--stone-9-hsl": "90 1% 31%",
+        "--teal-0": "#e6fcf5",
+        "--teal-0-hsl": "161 79% 95%",
+        "--teal-1": "#c3fae8",
+        "--teal-1-hsl": "160 85% 87%",
+        "--teal-10": "#066649",
+        "--teal-10-hsl": "162 89% 21%",
+        "--teal-11": "#054d37",
+        "--teal-11-hsl": "162 88% 16%",
+        "--teal-12": "#033325",
+        "--teal-12-hsl": "163 89% 11%",
+        "--teal-2": "#96f2d7",
+        "--teal-2-hsl": "162 78% 77%",
+        "--teal-3": "#63e6be",
+        "--teal-3-hsl": "162 72% 65%",
+        "--teal-4": "#38d9a9",
+        "--teal-4-hsl": "162 68% 54%",
+        "--teal-5": "#20c997",
+        "--teal-5-hsl": "162 73% 46%",
+        "--teal-6": "#12b886",
+        "--teal-6-hsl": "162 82% 40%",
+        "--teal-7": "#0ca678",
+        "--teal-7-hsl": "162 87% 35%",
+        "--teal-8": "#099268",
+        "--teal-8-hsl": "162 88% 30%",
+        "--teal-9": "#087f5b",
+        "--teal-9-hsl": "162 88% 26%",
+        "--violet-0": "#f3f0ff",
+        "--violet-0-hsl": "252 100% 97%",
+        "--violet-1": "#e5dbff",
+        "--violet-1-hsl": "257 100% 93%",
+        "--violet-10": "#5235ab",
+        "--violet-10-hsl": "255 53% 44%",
+        "--violet-11": "#462d91",
+        "--violet-11-hsl": "255 53% 37%",
+        "--violet-12": "#3a2578",
+        "--violet-12-hsl": "255 53% 31%",
+        "--violet-2": "#d0bfff",
+        "--violet-2-hsl": "256 100% 87%",
+        "--violet-3": "#b197fc",
+        "--violet-3-hsl": "255 94% 79%",
+        "--violet-4": "#9775fa",
+        "--violet-4-hsl": "255 93% 72%",
+        "--violet-5": "#845ef7",
+        "--violet-5-hsl": "255 91% 67%",
+        "--violet-6": "#7950f2",
+        "--violet-6-hsl": "255 86% 63%",
+        "--violet-7": "#7048e8",
+        "--violet-7-hsl": "255 78% 60%",
+        "--violet-8": "#6741d9",
+        "--violet-8-hsl": "255 67% 55%",
+        "--violet-9": "#5f3dc4",
+        "--violet-9-hsl": "255 53% 50%",
+        "--yellow-0": "#fff9db",
+        "--yellow-0-hsl": "50 100% 93%",
+        "--yellow-1": "#fff3bf",
+        "--yellow-1-hsl": "49 100% 87%",
+        "--yellow-10": "#b35c00",
+        "--yellow-10-hsl": "31 100% 35%",
+        "--yellow-11": "#804200",
+        "--yellow-11-hsl": "31 100% 25%",
+        "--yellow-12": "#663500",
+        "--yellow-12-hsl": "31 100% 20%",
+        "--yellow-2": "#ffec99",
+        "--yellow-2-hsl": "49 100% 80%",
+        "--yellow-3": "#ffe066",
+        "--yellow-3-hsl": "48 100% 70%",
+        "--yellow-4": "#ffd43b",
+        "--yellow-4-hsl": "47 100% 62%",
+        "--yellow-5": "#fcc419",
+        "--yellow-5-hsl": "45 97% 54%",
+        "--yellow-6": "#fab005",
+        "--yellow-6-hsl": "42 96% 50%",
+        "--yellow-7": "#f59f00",
+        "--yellow-7-hsl": "39 100% 48%",
+        "--yellow-8": "#f08c00",
+        "--yellow-8-hsl": "35 100% 47%",
+        "--yellow-9": "#e67700",
+        "--yellow-9-hsl": "31 100% 45%",
+        "animationBlink": "blink 1s var(--ease-out-3) infinite",
+        "animationBlink@": "
+@keyframes blink {
+  0%, 100% {
+    opacity: 1
+  }
+  50% {
+    opacity: .5
+  }
+}",
+        "animationBounce": "bounce 2s var(--ease-squish-2) infinite",
+        "animationBounce@": "
+@keyframes bounce {
+  25% { transform: translateY(-20%) }
+  40% { transform: translateY(-3%) }
+  0%, 60%, 100% { transform: translateY(0) }
+}",
+        "animationFadeIn": "fade-in .5s var(--ease-3)",
+        "animationFadeIn@": "
+@keyframes fade-in {
+  to { opacity: 1 }
+}",
+        "animationFadeInBloom": "fade-in-bloom 2s var(--ease-3)",
+        "animationFadeInBloom@": "
+@keyframes fade-in-bloom {
+  0% { opacity: 0; filter: brightness(1) blur(20px) }
+ 10% { opacity: 1; filter: brightness(2) blur(10px) }
+100% { opacity: 1; filter: brightness(1) blur(0) }
+}",
+        "animationFadeInBloom@media:dark": "
+@keyframes fade-in-bloom {
+  0% { opacity: 0; filter: brightness(1) blur(20px) }
+ 10% { opacity: 1; filter: brightness(0.5) blur(10px) }
+100% { opacity: 1; filter: brightness(1) blur(0) }
+}",
+        "animationFadeOut": "fade-out .5s var(--ease-3)",
+        "animationFadeOut@": "
+@keyframes fade-out {
+  to { opacity: 0 }
+}",
+        "animationFadeOutBloom": "fade-out-bloom 2s var(--ease-3)",
+        "animationFadeOutBloom@": "
+@keyframes fade-out-bloom {
+100% { opacity: 0; filter: brightness(1) blur(20px) }
+ 10% { opacity: 1; filter: brightness(2) blur(10px) }
+  0% { opacity: 1; filter: brightness(1) blur(0) }
+}",
+        "animationFadeOutBloom@media:dark": "
+@keyframes fade-out-bloom {
+100% { opacity: 0; filter: brightness(1) blur(20px) }
+ 10% { opacity: 1; filter: brightness(0.5) blur(10px) }
+  0% { opacity: 1; filter: brightness(1) blur(0) }
+}",
+        "animationFloat": "float 3s var(--ease-in-out-3) infinite",
+        "animationFloat@": "
+@keyframes float {
+  50% { transform: translateY(-25%) }
+}",
+        "animationPing": "ping 5s var(--ease-out-3) infinite",
+        "animationPing@": "
+@keyframes ping {
+  90%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}",
+        "animationPulse": "pulse 2s var(--ease-out-3) infinite",
+        "animationPulse@": "
+@keyframes pulse {
+  50% { transform: scale(.9,.9) }
+}",
+        "animationScaleDown": "scale-down .5s var(--ease-3)",
+        "animationScaleDown@": "
+@keyframes scale-down {
+  to { transform: scale(.75) }
+}",
+        "animationScaleUp": "scale-up .5s var(--ease-3)",
+        "animationScaleUp@": "
+@keyframes scale-up {
+  to { transform: scale(1.25) }
+}",
+        "animationShakeX": "shake-x .75s var(--ease-out-5)",
+        "animationShakeX@": "
+@keyframes shake-x {
+  0%, 100% { transform: translateX(0%) }
+  20% { transform: translateX(-5%) }
+  40% { transform: translateX(5%) }
+  60% { transform: translateX(-5%) }
+  80% { transform: translateX(5%) }
+}",
+        "animationShakeY": "shake-y .75s var(--ease-out-5)",
+        "animationShakeY@": "
+@keyframes shake-y {
+  0%, 100% { transform: translateY(0%) }
+  20% { transform: translateY(-5%) }
+  40% { transform: translateY(5%) }
+  60% { transform: translateY(-5%) }
+  80% { transform: translateY(5%) }
+}",
+        "animationShakeZ": "shake-z 1s var(--ease-in-out-3)",
+        "animationShakeZ@": "
+@keyframes shake-z {
+  0%, 100% { transform: rotate(0deg) }
+  20% { transform: rotate(-2deg) }
+  40% { transform: rotate(2deg) }
+  60% { transform: rotate(-2deg) }
+  80% { transform: rotate(2deg) }
+}",
+        "animationSlideInDown": "slide-in-down .5s var(--ease-3)",
+        "animationSlideInDown@": "
+@keyframes slide-in-down {
+  from { transform: translateY(-100%) }
+}",
+        "animationSlideInLeft": "slide-in-left .5s var(--ease-3)",
+        "animationSlideInLeft@": "
+@keyframes slide-in-left {
+  from { transform: translateX(100%) }
+}",
+        "animationSlideInRight": "slide-in-right .5s var(--ease-3)",
+        "animationSlideInRight@": "
+@keyframes slide-in-right {
+  from { transform: translateX(-100%) }
+}",
+        "animationSlideInUp": "slide-in-up .5s var(--ease-3)",
+        "animationSlideInUp@": "
+@keyframes slide-in-up {
+  from { transform: translateY(100%) }
+}",
+        "animationSlideOutDown": "slide-out-down .5s var(--ease-3)",
+        "animationSlideOutDown@": "
+@keyframes slide-out-down {
+  to { transform: translateY(100%) }
+}",
+        "animationSlideOutLeft": "slide-out-left .5s var(--ease-3)",
+        "animationSlideOutLeft@": "
+@keyframes slide-out-left {
+  to { transform: translateX(-100%) }
+}",
+        "animationSlideOutRight": "slide-out-right .5s var(--ease-3)",
+        "animationSlideOutRight@": "
+@keyframes slide-out-right {
+  to { transform: translateX(100%) }
+}",
+        "animationSlideOutUp": "slide-out-up .5s var(--ease-3)",
+        "animationSlideOutUp@": "
+@keyframes slide-out-up {
+  to { transform: translateY(-100%) }
+}",
+        "animationSpin": "spin 2s linear infinite",
+        "animationSpin@": "
+@keyframes spin {
+  to { transform: rotate(1turn) }
+}",
+        "blue0": "#e7f5ff",
+        "blue0Hsl": "205 100% 95%",
+        "blue1": "#d0ebff",
+        "blue10": "#145591",
+        "blue10Hsl": "209 76% 32%",
+        "blue11": "#114678",
+        "blue11Hsl": "209 75% 27%",
+        "blue12": "#0d375e",
+        "blue12Hsl": "209 76% 21%",
+        "blue1Hsl": "206 100% 91%",
+        "blue2": "#a5d8ff",
+        "blue2Hsl": "206 100% 82%",
+        "blue3": "#74c0fc",
+        "blue3Hsl": "206 96% 72%",
+        "blue4": "#4dabf7",
+        "blue4Hsl": "207 91% 64%",
+        "blue5": "#339af0",
+        "blue5Hsl": "207 86% 57%",
+        "blue6": "#228be6",
+        "blue6Hsl": "208 80% 52%",
+        "blue7": "#1c7ed6",
+        "blue7Hsl": "208 77% 47%",
+        "blue8": "#1971c2",
+        "blue8Hsl": "209 77% 43%",
+        "blue9": "#1864ab",
+        "blue9Hsl": "209 75% 38%",
+        "borderSize1": "1px",
+        "borderSize2": "2px",
+        "borderSize3": "5px",
+        "borderSize4": "10px",
+        "borderSize5": "25px",
+        "brown0": "#faf4eb",
+        "brown0Hsl": "36 60% 95%",
+        "brown1": "#ede0d1",
+        "brown10": "#5e3a21",
+        "brown10Hsl": "25 48% 25%",
+        "brown11": "#4e2b15",
+        "brown11Hsl": "23 58% 19%",
+        "brown12": "#422412",
+        "brown12Hsl": "22 57% 16%",
+        "brown1Hsl": "32 44% 87%",
+        "brown2": "#e0cab7",
+        "brown2Hsl": "28 40% 80%",
+        "brown3": "#d3b79e",
+        "brown3Hsl": "28 38% 72%",
+        "brown4": "#c5a285",
+        "brown4Hsl": "27 36% 65%",
+        "brown5": "#b78f6d",
+        "brown5Hsl": "28 34% 57%",
+        "brown6": "#a87c56",
+        "brown6Hsl": "28 32% 50%",
+        "brown7": "#956b47",
+        "brown7Hsl": "28 35% 43%",
+        "brown8": "#825b3a",
+        "brown8Hsl": "28 38% 37%",
+        "brown9": "#6f4b2d",
+        "brown9Hsl": "27 42% 31%",
+        "camo0": "#f9fbe7",
+        "camo0Hsl": "66 71% 95%",
+        "camo1": "#e8ed9c",
+        "camo10": "#5d5411",
+        "camo10Hsl": "53 69% 22%",
+        "camo11": "#4d460e",
+        "camo11Hsl": "53 69% 18%",
+        "camo12": "#36300a",
+        "camo12Hsl": "52 69% 13%",
+        "camo1Hsl": "64 69% 77%",
+        "camo2": "#d2df4e",
+        "camo2Hsl": "65 69% 59%",
+        "camo3": "#c2ce34",
+        "camo3Hsl": "65 61% 51%",
+        "camo4": "#b5bb2e",
+        "camo4Hsl": "63 61% 46%",
+        "camo5": "#a7a827",
+        "camo5Hsl": "60 62% 41%",
+        "camo6": "#999621",
+        "camo6Hsl": "59 65% 36%",
+        "camo7": "#8c851c",
+        "camo7Hsl": "56 67% 33%",
+        "camo8": "#7e7416",
+        "camo8Hsl": "54 70% 29%",
+        "camo9": "#6d6414",
+        "camo9Hsl": "54 69% 25%",
+        "choco0": "#fff8dc",
+        "choco0Hsl": "48 100% 93%",
+        "choco1": "#fce1bc",
+        "choco10": "#703a13",
+        "choco10Hsl": "25 71% 26%",
+        "choco11": "#572f12",
+        "choco11Hsl": "25 66% 21%",
+        "choco12": "#3d210d",
+        "choco12Hsl": "25 65% 15%",
+        "choco1Hsl": "35 91% 86%",
+        "choco2": "#f7ca9e",
+        "choco2Hsl": "30 85% 79%",
+        "choco3": "#f1b280",
+        "choco3Hsl": "27 80% 72%",
+        "choco4": "#e99b62",
+        "choco4Hsl": "25 75% 65%",
+        "choco5": "#df8545",
+        "choco5Hsl": "25 71% 57%",
+        "choco6": "#d46e25",
+        "choco6Hsl": "25 70% 49%",
+        "choco7": "#bd5f1b",
+        "choco7Hsl": "25 75% 42%",
+        "choco8": "#a45117",
+        "choco8Hsl": "25 75% 37%",
+        "choco9": "#8a4513",
+        "choco9Hsl": "25 76% 31%",
+        "cyan0": "#e3fafc",
+        "cyan0Hsl": "185 81% 94%",
+        "cyan1": "#c5f6fa",
+        "cyan10": "#095c6b",
+        "cyan10Hsl": "189 84% 23%",
+        "cyan11": "#074652",
+        "cyan11Hsl": "190 84% 17%",
+        "cyan12": "#053038",
+        "cyan12Hsl": "189 84% 12%",
+        "cyan1Hsl": "185 84% 88%",
+        "cyan2": "#99e9f2",
+        "cyan2Hsl": "186 77% 77%",
+        "cyan3": "#66d9e8",
+        "cyan3Hsl": "187 74% 65%",
+        "cyan4": "#3bc9db",
+        "cyan4Hsl": "187 69% 55%",
+        "cyan5": "#22b8cf",
+        "cyan5Hsl": "188 72% 47%",
+        "cyan6": "#15aabf",
+        "cyan6Hsl": "187 80% 42%",
+        "cyan7": "#1098ad",
+        "cyan7Hsl": "188 83% 37%",
+        "cyan8": "#0c8599",
+        "cyan8Hsl": "189 85% 32%",
+        "cyan9": "#0b7285",
+        "cyan9Hsl": "189 85% 28%",
+        "ease1": "cubic-bezier(.25, 0, .5, 1)",
+        "ease2": "cubic-bezier(.25, 0, .4, 1)",
+        "ease3": "cubic-bezier(.25, 0, .3, 1)",
+        "ease4": "cubic-bezier(.25, 0, .2, 1)",
+        "ease5": "cubic-bezier(.25, 0, .1, 1)",
+        "easeBounce1": "linear(
+    0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141, 0.191, 0.25, 0.316, 0.391 36.8%,
+    0.563, 0.766, 1 58.8%, 0.946, 0.908 69.1%, 0.895, 0.885, 0.879, 0.878, 0.879,
+    0.885, 0.895, 0.908 89.7%, 0.946, 1
+  )",
+        "easeBounce2": "linear(
+    0, 0.004, 0.016, 0.035, 0.063, 0.098, 0.141 15.1%, 0.25, 0.391, 0.562, 0.765,
+    1, 0.892 45.2%, 0.849, 0.815, 0.788, 0.769, 0.757, 0.753, 0.757, 0.769, 0.788,
+    0.815, 0.85, 0.892 75.2%, 1 80.2%, 0.973, 0.954, 0.943, 0.939, 0.943, 0.954,
+    0.973, 1
+  )",
+        "easeBounce3": "linear(
+    0, 0.004, 0.016, 0.035, 0.062, 0.098, 0.141 11.4%, 0.25, 0.39, 0.562, 0.764,
+    1 30.3%, 0.847 34.8%, 0.787, 0.737, 0.699, 0.672, 0.655, 0.65, 0.656, 0.672,
+    0.699, 0.738, 0.787, 0.847 61.7%, 1 66.2%, 0.946, 0.908, 0.885 74.2%, 0.879,
+    0.878, 0.879, 0.885 79.5%, 0.908, 0.946, 1 87.4%, 0.981, 0.968, 0.96, 0.957,
+    0.96, 0.968, 0.981, 1
+  )",
+        "easeBounce4": "linear(
+    0, 0.004, 0.016 3%, 0.062, 0.141, 0.25, 0.391, 0.562 18.2%, 1 24.3%, 0.81,
+    0.676 32.3%, 0.629, 0.595, 0.575, 0.568, 0.575, 0.595, 0.629, 0.676 48.2%,
+    0.811, 1 56.2%, 0.918, 0.86, 0.825, 0.814, 0.825, 0.86, 0.918, 1 77.2%,
+    0.94 80.6%, 0.925, 0.92, 0.925, 0.94 87.5%, 1 90.9%, 0.974, 0.965, 0.974, 1
+  )",
+        "easeBounce5": "linear(
+    0, 0.004, 0.016 2.5%, 0.063, 0.141, 0.25 10.1%, 0.562, 1 20.2%, 0.783, 0.627,
+    0.534 30.9%, 0.511, 0.503, 0.511, 0.534 38%, 0.627, 0.782, 1 48.7%, 0.892,
+    0.815, 0.769 56.3%, 0.757, 0.753, 0.757, 0.769 61.3%, 0.815, 0.892, 1 68.8%,
+    0.908 72.4%, 0.885, 0.878, 0.885, 0.908 79.4%, 1 83%, 0.954 85.5%, 0.943,
+    0.939, 0.943, 0.954 90.5%, 1 93%, 0.977, 0.97, 0.977, 1
+  )",
+        "easeElastic1": "var(--ease-elastic-out-1)",
+        "easeElastic2": "var(--ease-elastic-out-2)",
+        "easeElastic3": "var(--ease-elastic-out-3)",
+        "easeElastic4": "var(--ease-elastic-out-4)",
+        "easeElastic5": "var(--ease-elastic-out-5)",
+        "easeElasticIn1": "cubic-bezier(.5, -0.25, .75, 1)",
+        "easeElasticIn2": "cubic-bezier(.5, -0.50, .75, 1)",
+        "easeElasticIn3": "cubic-bezier(.5, -0.75, .75, 1)",
+        "easeElasticIn4": "cubic-bezier(.5, -1.00, .75, 1)",
+        "easeElasticIn5": "cubic-bezier(.5, -1.25, .75, 1)",
+        "easeElasticInOut1": "cubic-bezier(.5, -.1, .1, 1.5)",
+        "easeElasticInOut2": "cubic-bezier(.5, -.3, .1, 1.5)",
+        "easeElasticInOut3": "cubic-bezier(.5, -.5, .1, 1.5)",
+        "easeElasticInOut4": "cubic-bezier(.5, -.7, .1, 1.5)",
+        "easeElasticInOut5": "cubic-bezier(.5, -.9, .1, 1.5)",
+        "easeElasticOut1": "cubic-bezier(.5, .75, .75, 1.25)",
+        "easeElasticOut2": "cubic-bezier(.5, 1, .75, 1.25)",
+        "easeElasticOut3": "cubic-bezier(.5, 1.25, .75, 1.25)",
+        "easeElasticOut4": "cubic-bezier(.5, 1.5, .75, 1.25)",
+        "easeElasticOut5": "cubic-bezier(.5, 1.75, .75, 1.25)",
+        "easeIn1": "cubic-bezier(.25, 0, 1, 1)",
+        "easeIn2": "cubic-bezier(.50, 0, 1, 1)",
+        "easeIn3": "cubic-bezier(.70, 0, 1, 1)",
+        "easeIn4": "cubic-bezier(.90, 0, 1, 1)",
+        "easeIn5": "cubic-bezier(1, 0, 1, 1)",
+        "easeInOut1": "cubic-bezier(.1, 0, .9, 1)",
+        "easeInOut2": "cubic-bezier(.3, 0, .7, 1)",
+        "easeInOut3": "cubic-bezier(.5, 0, .5, 1)",
+        "easeInOut4": "cubic-bezier(.7, 0, .3, 1)",
+        "easeInOut5": "cubic-bezier(.9, 0, .1, 1)",
+        "easeOut1": "cubic-bezier(0, 0, .75, 1)",
+        "easeOut2": "cubic-bezier(0, 0, .50, 1)",
+        "easeOut3": "cubic-bezier(0, 0, .3, 1)",
+        "easeOut4": "cubic-bezier(0, 0, .1, 1)",
+        "easeOut5": "cubic-bezier(0, 0, 0, 1)",
+        "easeSpring1": "linear(
+    0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,
+    0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%,
+    1.001
+  )",
+        "easeSpring2": "linear(
+    0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962,
+    1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%,
+    0.999 61.6%, 0.995 71.2%, 1
+  )",
+        "easeSpring3": "linear(
+    0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077,
+    1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%,
+    1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%,
+    0.997 69.8%, 1.003 76.9%, 1
+  )",
+        "easeSpring4": "linear(
+    0, 0.009, 0.037 1.7%, 0.153 3.6%, 0.776 10.3%, 1.001, 1.142 16%, 1.185,
+    1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, 0.973,
+    0.955 39.2%, 0.953 41.1%, 0.957 43.3%, 0.998 53.3%, 1.009 59.1% 63.7%,
+    0.998 78.9%, 1
+  )",
+        "easeSpring5": "linear(
+    0, 0.01, 0.04 1.6%, 0.161 3.3%, 0.816 9.4%, 1.046, 1.189 14.4%, 1.231,
+    1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, 0.999 29.4%,
+    0.955 32.1%, 0.942, 0.935 34.9%, 0.933, 0.939 38.4%, 1 47.3%, 1.011,
+    1.017 52.6%, 1.016 56.4%, 1 65.2%, 0.996 70.2%, 1.001 87.2%, 1
+  )",
+        "easeSquish1": "var(--ease-elastic-in-out-1)",
+        "easeSquish2": "var(--ease-elastic-in-out-2)",
+        "easeSquish3": "var(--ease-elastic-in-out-3)",
+        "easeSquish4": "var(--ease-elastic-in-out-4)",
+        "easeSquish5": "var(--ease-elastic-in-out-5)",
+        "easeStep1": "steps(2)",
+        "easeStep2": "steps(3)",
+        "easeStep3": "steps(4)",
+        "easeStep4": "steps(7)",
+        "easeStep5": "steps(10)",
+        "fontAntique": "Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif",
+        "fontClassicalHumanist": "Optima, Candara, Noto Sans, source-sans-pro, sans-serif",
+        "fontDidone": "Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif",
+        "fontGeometricHumanist": "Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif",
+        "fontHandwritten": "Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive",
+        "fontHumanist": "Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif",
+        "fontIndustrial": "Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif",
+        "fontLetterspacing0": "-.05em",
+        "fontLetterspacing1": ".025em",
+        "fontLetterspacing2": ".050em",
+        "fontLetterspacing3": ".075em",
+        "fontLetterspacing4": ".150em",
+        "fontLetterspacing5": ".500em",
+        "fontLetterspacing6": ".750em",
+        "fontLetterspacing7": "1em",
+        "fontLineheight0": "1.1",
+        "fontLineheight00": ".95",
+        "fontLineheight1": "1.25",
+        "fontLineheight2": "1.375",
+        "fontLineheight3": "1.5",
+        "fontLineheight4": "1.75",
+        "fontLineheight5": "2",
+        "fontMono": "var(--font-monospace-code)",
+        "fontMonospaceCode": "Dank Mono,Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace",
+        "fontMonospaceSlabSerif": "Nimbus Mono PS, Courier New, monospace",
+        "fontNeoGrotesque": "Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif",
+        "fontOldStyle": "Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif",
+        "fontRoundedSans": "ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif",
+        "fontSans": "var(--font-system-ui)",
+        "fontSerif": "ui-serif, serif",
+        "fontSize0": ".75rem",
+        "fontSize00": ".5rem",
+        "fontSize1": "1rem",
+        "fontSize2": "1.1rem",
+        "fontSize3": "1.25rem",
+        "fontSize4": "1.5rem",
+        "fontSize5": "2rem",
+        "fontSize6": "2.5rem",
+        "fontSize7": "3rem",
+        "fontSize8": "3.5rem",
+        "fontSizeFluid0": "clamp(.75rem, 2vw, 1rem)",
+        "fontSizeFluid1": "clamp(1rem, 4vw, 1.5rem)",
+        "fontSizeFluid2": "clamp(1.5rem, 6vw, 2.5rem)",
+        "fontSizeFluid3": "clamp(2rem, 9vw, 3.5rem)",
+        "fontSlabSerif": "Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif",
+        "fontSystemUi": "system-ui, sans-serif",
+        "fontTransitional": "Charter, Bitstream Charter, Sitka Text, Cambria, serif",
+        "fontWeight1": "100",
+        "fontWeight2": "200",
+        "fontWeight3": "300",
+        "fontWeight4": "400",
+        "fontWeight5": "500",
+        "fontWeight6": "600",
+        "fontWeight7": "700",
+        "fontWeight8": "800",
+        "fontWeight9": "900",
+        "gradient1": "linear-gradient(to bottom right var(--gradient-space), #1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b)",
+        "gradient10": "conic-gradient(from 90deg at 40% -25% var(--gradient-space), #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700)",
+        "gradient11": "conic-gradient(at bottom left var(--gradient-space), deeppink, cyan)",
+        "gradient12": "conic-gradient(from 90deg at 25% -10% var(--gradient-space), #ff4500, #d3f340, #7bee85, #afeeee, #7bee85)",
+        "gradient13": "radial-gradient(circle at 50% 200% var(--gradient-space), #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7)",
+        "gradient14": "conic-gradient(at top right var(--gradient-space), lime, cyan)",
+        "gradient15": "linear-gradient(to bottom right var(--gradient-space), #c7d2fe, #fecaca, #fef3c7)",
+        "gradient16": "radial-gradient(circle at 50% -250% var(--gradient-space), #374151, #111827, #000)",
+        "gradient17": "conic-gradient(from -90deg at 50% -25% var(--gradient-space), blue, blueviolet)",
+        "gradient18": "
+    linear-gradient(0deg var(--gradient-space),   hsla(0   100% 50% / 80%), hsla(0   100% 50% / 0) 75%),
+    linear-gradient(60deg var(--gradient-space),  hsla(60  100% 50% / 80%), hsla(60  100% 50% / 0) 75%),
+    linear-gradient(120deg var(--gradient-space), hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%),
+    linear-gradient(180deg var(--gradient-space), hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%),
+    linear-gradient(240deg var(--gradient-space), hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%),
+    linear-gradient(300deg var(--gradient-space), hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%)
+  ",
+        "gradient19": "linear-gradient(to bottom right var(--gradient-space), #ffe259, #ffa751)",
+        "gradient2": "linear-gradient(to bottom right var(--gradient-space), #48005c, #8300e2, #a269ff)",
+        "gradient20": "conic-gradient(from -135deg at -10% center var(--gradient-space), #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4)",
+        "gradient21": "conic-gradient(from -90deg at 25% 115% var(--gradient-space), #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff)",
+        "gradient22": "linear-gradient(to bottom right var(--gradient-space), #acb6e5, #86fde8)",
+        "gradient23": "linear-gradient(to bottom right var(--gradient-space), #536976, #292E49)",
+        "gradient24": "conic-gradient(from .5turn at 0% 0% var(--gradient-space), #00c476, 10%, #82b0ff, 90%, #00c476)",
+        "gradient25": "conic-gradient(at 125% 50% var(--gradient-space), #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7)",
+        "gradient26": "linear-gradient(to bottom right var(--gradient-space), #9796f0, #fbc7d4)",
+        "gradient27": "conic-gradient(from .5turn at bottom left var(--gradient-space), deeppink, rebeccapurple)",
+        "gradient28": "conic-gradient(from -90deg at 50% 105% var(--gradient-space), white, orchid)",
+        "gradient29": "
+    radial-gradient(
+      circle at top right var(--gradient-space), 
+      hsl(250 100% 85%), hsl(250 100% 85% / 0%)
+    ),
+    radial-gradient(
+      circle at bottom left var(--gradient-space), 
+      hsl(220 90% 75%), hsl(220 90% 75% / 0%)
+    )",
+        "gradient3": "
+    radial-gradient(
+      circle at top right var(--gradient-space), 
+      hsl(180 100% 50%), hsl(180 100% 50% / 0%)
+    ),
+    radial-gradient(
+      circle at bottom left var(--gradient-space), 
+      hsl(328 100% 54%), hsl(328 100% 54% / 0%)
+    )",
+        "gradient30": "radial-gradient(
+      circle at top right var(--gradient-space), 
+      hsl(150 100% 50%), hsl(150 100% 50% / 0%)
+    ),
+    radial-gradient(
+      circle at bottom left var(--gradient-space), 
+      hsl(150 100% 84%), hsl(150 100% 84% / 0%)
+    )",
+        "gradient4": "linear-gradient(to bottom right var(--gradient-space), #00F5A0, #00D9F5)",
+        "gradient5": "conic-gradient(from -270deg at 75% 110% var(--gradient-space), fuchsia, floralwhite)",
+        "gradient6": "conic-gradient(from -90deg at top left var(--gradient-space), black, white)",
+        "gradient7": "linear-gradient(to bottom right var(--gradient-space), #72C6EF, #004E8F)",
+        "gradient8": "conic-gradient(from 90deg at 50% 0% var(--gradient-space), #111, 50%, #222, #111)",
+        "gradient9": "conic-gradient(from .5turn at bottom center var(--gradient-space), lightblue, white)",
+        "gradientSpace": "",
+        "gray0": "#f8f9fa",
+        "gray0Hsl": "210 17% 98%",
+        "gray1": "#f1f3f5",
+        "gray10": "#16191d",
+        "gray10Hsl": "214 14% 10%",
+        "gray11": "#0d0f12",
+        "gray11Hsl": "216 16% 6%",
+        "gray12": "#030507",
+        "gray12Hsl": "210 40% 2%",
+        "gray1Hsl": "210 17% 95%",
+        "gray2": "#e9ecef",
+        "gray2Hsl": "210 16% 93%",
+        "gray3": "#dee2e6",
+        "gray3Hsl": "210 14% 89%",
+        "gray4": "#ced4da",
+        "gray4Hsl": "210 14% 83%",
+        "gray5": "#adb5bd",
+        "gray5Hsl": "210 11% 71%",
+        "gray6": "#868e96",
+        "gray6Hsl": "210 7% 56%",
+        "gray7": "#495057",
+        "gray7Hsl": "210 9% 31%",
+        "gray8": "#343a40",
+        "gray8Hsl": "210 10% 23%",
+        "gray9": "#212529",
+        "gray9Hsl": "210 11% 15%",
+        "green0": "#ebfbee",
+        "green0Hsl": "131 67% 95%",
+        "green1": "#d3f9d8",
+        "green10": "#237032",
+        "green10Hsl": "132 52% 29%",
+        "green11": "#1b5727",
+        "green11Hsl": "132 53% 22%",
+        "green12": "#133d1b",
+        "green12Hsl": "131 53% 16%",
+        "green1Hsl": "128 76% 90%",
+        "green2": "#b2f2bb",
+        "green2Hsl": "128 71% 82%",
+        "green3": "#8ce99a",
+        "green3Hsl": "129 68% 73%",
+        "green4": "#69db7c",
+        "green4Hsl": "130 61% 64%",
+        "green5": "#51cf66",
+        "green5Hsl": "130 57% 56%",
+        "green6": "#40c057",
+        "green6Hsl": "131 50% 50%",
+        "green7": "#37b24d",
+        "green7Hsl": "131 53% 46%",
+        "green8": "#2f9e44",
+        "green8Hsl": "131 54% 40%",
+        "green9": "#2b8a3e",
+        "green9Hsl": "132 52% 35%",
+        "indigo0": "#edf2ff",
+        "indigo0Hsl": "223 100% 96%",
+        "indigo1": "#dbe4ff",
+        "indigo10": "#2f44ad",
+        "indigo10Hsl": "230 57% 43%",
+        "indigo11": "#283a94",
+        "indigo11Hsl": "230 57% 37%",
+        "indigo12": "#21307a",
+        "indigo12Hsl": "230 57% 30%",
+        "indigo1Hsl": "225 100% 93%",
+        "indigo2": "#bac8ff",
+        "indigo2Hsl": "228 100% 86%",
+        "indigo3": "#91a7ff",
+        "indigo3Hsl": "228 100% 78%",
+        "indigo4": "#748ffc",
+        "indigo4Hsl": "228 96% 72%",
+        "indigo5": "#5c7cfa",
+        "indigo5Hsl": "228 94% 67%",
+        "indigo6": "#4c6ef5",
+        "indigo6Hsl": "228 89% 63%",
+        "indigo7": "#4263eb",
+        "indigo7Hsl": "228 81% 59%",
+        "indigo8": "#3b5bdb",
+        "indigo8Hsl": "228 69% 55%",
+        "indigo9": "#364fc7",
+        "indigo9Hsl": "230 57% 50%",
+        "innerShadow0": "inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))",
+        "innerShadow1": "inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight)",
+        "innerShadow2": "inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight)",
+        "innerShadow3": "inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight)",
+        "innerShadow4": "inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight)",
+        "innerShadowHighlight": "inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001",
+        "innerShadowHighlight@media:dark": "inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007",
+        "jungle0": "#ecfeb0",
+        "jungle0Hsl": "74 98% 84%",
+        "jungle1": "#def39a",
+        "jungle10": "#658006",
+        "jungle10Hsl": "73 91% 26%",
+        "jungle11": "#516605",
+        "jungle11Hsl": "73 91% 21%",
+        "jungle12": "#3d4d04",
+        "jungle12Hsl": "73 90% 16%",
+        "jungle1Hsl": "74 79% 78%",
+        "jungle2": "#d0e884",
+        "jungle2Hsl": "74 68% 71%",
+        "jungle3": "#c2dd6e",
+        "jungle3Hsl": "75 62% 65%",
+        "jungle4": "#b5d15b",
+        "jungle4Hsl": "74 56% 59%",
+        "jungle5": "#a8c648",
+        "jungle5Hsl": "74 53% 53%",
+        "jungle6": "#9bbb36",
+        "jungle6Hsl": "74 55% 47%",
+        "jungle7": "#8fb024",
+        "jungle7Hsl": "74 66% 42%",
+        "jungle8": "#84a513",
+        "jungle8Hsl": "74 79% 36%",
+        "jungle9": "#7a9908",
+        "jungle9Hsl": "73 90% 32%",
+        "layer1": 1,
+        "layer2": 2,
+        "layer3": 3,
+        "layer4": 4,
+        "layer5": 5,
+        "layerImportant": 2147483647,
+        "lime0": "#f4fce3",
+        "lime0Hsl": "79 81% 94%",
+        "lime1": "#e9fac8",
+        "lime10": "#4c7a0b",
+        "lime10Hsl": "85 83% 26%",
+        "lime11": "#3c6109",
+        "lime11Hsl": "85 83% 21%",
+        "lime12": "#2c4706",
+        "lime12Hsl": "85 84% 15%",
+        "lime1Hsl": "80 83% 88%",
+        "lime2": "#d8f5a2",
+        "lime2Hsl": "81 81% 80%",
+        "lime3": "#c0eb75",
+        "lime3Hsl": "82 75% 69%",
+        "lime4": "#a9e34b",
+        "lime4Hsl": "83 73% 59%",
+        "lime5": "#94d82d",
+        "lime5Hsl": "84 69% 51%",
+        "lime6": "#82c91e",
+        "lime6Hsl": "85 74% 45%",
+        "lime7": "#74b816",
+        "lime7Hsl": "85 79% 40%",
+        "lime8": "#66a80f",
+        "lime8Hsl": "86 84% 36%",
+        "lime9": "#5c940d",
+        "lime9Hsl": "85 84% 32%",
+        "maskCornerCutAngles1": "
+    conic-gradient(from -45deg at 1rem 1rem,#0000 25%,#000 0) 
+    -1rem 0   /100% 51% repeat-x,
+    conic-gradient(from 135deg at 1rem calc(100% - 1rem),#0000 25%,#000 0) 
+    -1rem 100%/100% 51% repeat-x
+  ",
+        "maskCornerCutAngles2": "
+    conic-gradient(from -45deg at 2rem 2rem,#0000 25%,#000 0) 
+    -2rem 0   /100% 51% repeat-x,
+    conic-gradient(from 135deg at 2rem calc(100% - 2rem),#0000 25%,#000 0) 
+    -2rem 100%/100% 51% repeat-x
+  ",
+        "maskCornerCutAngles3": "
+    conic-gradient(from -45deg at 4rem 4rem,#0000 25%,#000 0) 
+    -4rem 0   /100% 51% repeat-x,
+    conic-gradient(from 135deg at 4rem calc(100% - 4rem),#0000 25%,#000 0) 
+    -4rem 100%/100% 51% repeat-x
+  ",
+        "maskCornerCutCircles1": "radial-gradient(1rem at 1rem 1rem,#0000 99%,#000) -1rem -1rem",
+        "maskCornerCutCircles2": "radial-gradient(2rem at 2rem 2rem,#0000 99%,#000) -2rem -2rem",
+        "maskCornerCutCircles3": "radial-gradient(4rem at 4rem 4rem,#0000 99%,#000) -4rem -4rem",
+        "maskCornerCutSquares1": "conic-gradient(at calc(2*1rem) calc(2*1rem),#000 75%,#0000 0) -1rem -1rem",
+        "maskCornerCutSquares2": "conic-gradient(at calc(2*2rem) calc(2*2rem),#000 75%,#0000 0) -2rem -2rem",
+        "maskCornerCutSquares3": "conic-gradient(at calc(2*4rem) calc(2*4rem),#000 75%,#0000 0) -4rem -4rem",
+        "maskEdgeDripBottom": "
+    radial-gradient(20px at bottom,#0000 97%,#000) 50% calc(100% - 20px) / calc(2 * 20px) 100% repeat-x,
+    radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% - 20px) 99% / calc(4 * 20px) calc(2 * 20px) repeat-x
+  ",
+        "maskEdgeDripHorizontal": "
+    radial-gradient(20px at left ,#0000 97%,#000)             20px  50% / 51% calc(2 * 20px) repeat-y,  
+    radial-gradient(20px at right,#0000 97%,#000) calc(100% - 20px) 50% / 51% calc(2 * 20px) repeat-y,
+    radial-gradient(20px at 50% 25%,#000 97%,#0000) 1%  calc(50% -   20px) / calc(2 * 20px) calc(4 * 20px) repeat-y,
+    radial-gradient(20px at 50% 25%,#000 97%,#0000) 99% calc(50% - 3*20px) / calc(2 * 20px) calc(4 * 20px) repeat-y
+  ",
+        "maskEdgeDripLeft": "
+    radial-gradient(20px at left,#0000 97%,#000) 20px 50% / 100% calc(2 * 20px) repeat-y,
+    radial-gradient(20px at 50% 25%,#000 97%,#0000) 1% calc(50% - 20px) / calc(2 * 20px) calc(4 * 20px) repeat-y
+  ",
+        "maskEdgeDripRight": "
+    radial-gradient(20px at right,#0000 97%,#000) calc(100% - 20px) 50% / 100% calc(2 * 20px) repeat-y,
+    radial-gradient(20px at 50% 25%,#000 97%,#0000) 99% calc(50% - 20px) / calc(2 * 20px) calc(4 * 20px) repeat-y
+  ",
+        "maskEdgeDripTop": "
+    radial-gradient(20px at top,#0000 97%,#000) 50% 20px / calc(2 * 20px) 100% repeat-x,
+    radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% - 20px) 1% / calc(4 * 20px) calc(2 * 20px) repeat-x
+  ",
+        "maskEdgeDripVertical": "
+    radial-gradient(20px at top   ,#0000 97%,#000) 50%             20px  / calc(2 * 20px) 51% repeat-x,
+    radial-gradient(20px at bottom,#0000 97%,#000) 50% calc(100% - 20px) / calc(2 * 20px) 51% repeat-x,
+    radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% -   20px) 1%  / calc(4 * 20px) calc(2 * 20px) repeat-x,
+    radial-gradient(20px at 25% 50%,#000 97%,#0000) calc(50% - 3*20px) 99% / calc(4 * 20px) calc(2 * 20px) repeat-x
+  ",
+        "maskEdgeScalloped": "
+    radial-gradient(farthest-side,#000 97%,#0000) 0 0 / 20px 20px round,
+    linear-gradient(#000 0 0) 50%/calc(100% - 20px) calc(100% - 20px) no-repeat
+  ",
+        "maskEdgeScallopedBottom": "
+    linear-gradient(to top,#0000 20px,#000 0),
+    radial-gradient(20px at top,#000 97%,#0000) bottom / calc(1.9 * 20px) 20px
+  ",
+        "maskEdgeScallopedHorizontal": "
+    linear-gradient(-90deg,#0000 calc(2 * 20px),#000 0) 20px,
+    radial-gradient(20px,#000 97%,#0000) 50% / calc(2 * 20px) calc(1.9 * 20px) space repeat
+  ",
+        "maskEdgeScallopedLeft": "
+    linear-gradient(to right,#0000 20px,#000 0),
+    radial-gradient(20px at right,#000 97%,#0000) left / 20px calc(1.9 * 20px)
+  ",
+        "maskEdgeScallopedRight": "
+    linear-gradient(to left,#0000 20px,#000 0),
+    radial-gradient(20px at left,#000 97%,#0000) right / 20px calc(1.9 * 20px)
+  ",
+        "maskEdgeScallopedTop": "
+    linear-gradient(to bottom,#0000 20px,#000 0),
+    radial-gradient(20px at bottom,#000 97%,#0000) top / calc(1.9 * 20px) 20px
+  ",
+        "maskEdgeScallopedVertical": "
+    linear-gradient(0deg,#0000 calc(2 * 20px),#000 0) 0 20px,
+    radial-gradient(20px,#000 97%,#0000) 50% / calc(1.9 * 20px) calc(2 * 20px) repeat space
+  ",
+        "maskEdgeScoopBottom": "radial-gradient(20px at 50% 100%,#0000 97%,#000) 50% / calc(1.9 * 20px) 100%",
+        "maskEdgeScoopHorizontal": "radial-gradient(20px at 20px 50%,#0000 97%,#000) -20px/ 100% calc(1.9 * 20px)",
+        "maskEdgeScoopLeft": "radial-gradient(20px at 0 50%,#0000 97%,#000) 50%/ 100% calc(1.9 * 20px)",
+        "maskEdgeScoopRight": "radial-gradient(20px at 100% 50%,#0000 97%,#000) 50%/ 100% calc(1.9 * 20px)",
+        "maskEdgeScoopTop": "radial-gradient(20px at 50% 0,#0000 97%,#000) 50% / calc(1.9 * 20px) 100%",
+        "maskEdgeScoopVertical": "radial-gradient(20px at 50% 20px,#0000 97%,#000) 50% -20px/ calc(1.9 * 20px) 100%",
+        "maskEdgeZigZagBottom": "conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) 50% / 40px 100%",
+        "maskEdgeZigZagHorizontal": "repeating-conic-gradient(from 45deg at 20px 50%,#0000,#000 1deg 90deg,#0000 91deg 180deg) -20px 50% / 100% 40px",
+        "maskEdgeZigZagLeft": "conic-gradient(from 45deg at left,#0000,#000 1deg 90deg,#0000 91deg) 50% / 100% 40px",
+        "maskEdgeZigZagRight": "conic-gradient(from -135deg at right,#0000,#000 1deg 90deg,#0000 91deg) 50% / 100% 40px",
+        "maskEdgeZigZagTop": "conic-gradient(from 135deg at top,#0000,#000 1deg 90deg,#0000 91deg) 50% / 40px 100%",
+        "maskEdgeZigZagVertical": "repeating-conic-gradient(from 135deg at 50% 20px,#0000,#000 1deg 90deg,#0000 91deg 180deg) 50% -20px / 40px 100%",
+        "noise1": "url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")",
+        "noise2": "url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")",
+        "noise3": "url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")",
+        "noise4": "url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")",
+        "noise5": "url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")",
+        "noiseFilter1": "contrast(300%) brightness(100%)",
+        "noiseFilter2": "contrast(200%) brightness(150%)",
+        "noiseFilter3": "contrast(200%) brightness(250%)",
+        "noiseFilter4": "contrast(200%) brightness(500%)",
+        "noiseFilter5": "contrast(200%) brightness(1000%)",
+        "orange0": "#fff4e6",
+        "orange0Hsl": "34 100% 95%",
+        "orange1": "#ffe8cc",
+        "orange10": "#bf400d",
+        "orange10Hsl": "17 87% 40%",
+        "orange11": "#99330b",
+        "orange11Hsl": "17 87% 32%",
+        "orange12": "#802b09",
+        "orange12Hsl": "17 87% 27%",
+        "orange1Hsl": "33 100% 90%",
+        "orange2": "#ffd8a8",
+        "orange2Hsl": "33 100% 83%",
+        "orange3": "#ffc078",
+        "orange3Hsl": "32 100% 74%",
+        "orange4": "#ffa94d",
+        "orange4Hsl": "31 100% 65%",
+        "orange5": "#ff922b",
+        "orange5Hsl": "29 100% 58%",
+        "orange6": "#fd7e14",
+        "orange6Hsl": "27 98% 54%",
+        "orange7": "#f76707",
+        "orange7Hsl": "24 94% 50%",
+        "orange8": "#e8590c",
+        "orange8Hsl": "21 90% 48%",
+        "orange9": "#d9480f",
+        "orange9Hsl": "17 87% 45%",
+        "pink0": "#fff0f6",
+        "pink0Hsl": "336 100% 97%",
+        "pink1": "#ffdeeb",
+        "pink10": "#8c1941",
+        "pink10Hsl": "339 70% 32%",
+        "pink11": "#731536",
+        "pink11Hsl": "339 69% 27%",
+        "pink12": "#59102a",
+        "pink12Hsl": "339 70% 21%",
+        "pink1Hsl": "336 100% 94%",
+        "pink2": "#fcc2d7",
+        "pink2Hsl": "338 91% 87%",
+        "pink3": "#faa2c1",
+        "pink3Hsl": "339 90% 81%",
+        "pink4": "#f783ac",
+        "pink4Hsl": "339 88% 74%",
+        "pink5": "#f06595",
+        "pink5Hsl": "339 82% 67%",
+        "pink6": "#e64980",
+        "pink6Hsl": "339 76% 59%",
+        "pink7": "#d6336c",
+        "pink7Hsl": "339 67% 52%",
+        "pink8": "#c2255c",
+        "pink8Hsl": "339 68% 45%",
+        "pink9": "#a61e4d",
+        "pink9Hsl": "339 69% 38%",
+        "purple0": "#f8f0fc",
+        "purple0Hsl": "280 67% 96%",
+        "purple1": "#f3d9fa",
+        "purple10": "#702682",
+        "purple10Hsl": "288 55% 33%",
+        "purple11": "#5a1e69",
+        "purple11Hsl": "288 56% 26%",
+        "purple12": "#44174f",
+        "purple12Hsl": "288 55% 20%",
+        "purple1Hsl": "287 77% 92%",
+        "purple2": "#eebefa",
+        "purple2Hsl": "288 86% 86%",
+        "purple3": "#e599f7",
+        "purple3Hsl": "289 85% 78%",
+        "purple4": "#da77f2",
+        "purple4Hsl": "288 83% 71%",
+        "purple5": "#cc5de8",
+        "purple5Hsl": "288 75% 64%",
+        "purple6": "#be4bdb",
+        "purple6Hsl": "288 67% 58%",
+        "purple7": "#ae3ec9",
+        "purple7Hsl": "288 56% 52%",
+        "purple8": "#9c36b5",
+        "purple8Hsl": "288 54% 46%",
+        "purple9": "#862e9c",
+        "purple9Hsl": "288 54% 40%",
+        "radius1": "2px",
+        "radius2": "5px",
+        "radius3": "1rem",
+        "radius4": "2rem",
+        "radius5": "4rem",
+        "radius6": "8rem",
+        "radiusBlob1": "30% 70% 70% 30% / 53% 30% 70% 47%",
+        "radiusBlob2": "53% 47% 34% 66% / 63% 46% 54% 37%",
+        "radiusBlob3": "37% 63% 56% 44% / 49% 56% 44% 51%",
+        "radiusBlob4": "63% 37% 37% 63% / 43% 37% 63% 57%",
+        "radiusBlob5": "49% 51% 48% 52% / 57% 44% 56% 43%",
+        "radiusConditional1": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1))",
+        "radiusConditional2": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2))",
+        "radiusConditional3": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3))",
+        "radiusConditional4": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4))",
+        "radiusConditional5": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5))",
+        "radiusConditional6": "clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6))",
+        "radiusDrawn1": "255px 15px 225px 15px / 15px 225px 15px 255px",
+        "radiusDrawn2": "125px 10px 20px 185px / 25px 205px 205px 25px",
+        "radiusDrawn3": "15px 255px 15px 225px / 225px 15px 255px 15px",
+        "radiusDrawn4": "15px 25px 155px 25px / 225px 150px 25px 115px",
+        "radiusDrawn5": "250px 25px 15px 20px / 15px 80px 105px 115px",
+        "radiusDrawn6": "28px 100px 20px 15px / 150px 30px 205px 225px",
+        "radiusRound": "1e5px",
+        "ratioGolden": "1.6180/1",
+        "ratioLandscape": "4/3",
+        "ratioPortrait": "3/4",
+        "ratioSquare": "1",
+        "ratioUltrawide": "18/5",
+        "ratioWidescreen": "16/9",
+        "red0": "#fff5f5",
+        "red0Hsl": "0 100% 98%",
+        "red1": "#ffe3e3",
+        "red10": "#b02525",
+        "red10Hsl": "0 65% 42%",
+        "red11": "#962020",
+        "red11Hsl": "0 65% 36%",
+        "red12": "#7d1a1a",
+        "red12Hsl": "0 66% 30%",
+        "red1Hsl": "0 100% 95%",
+        "red2": "#ffc9c9",
+        "red2Hsl": "0 100% 89%",
+        "red3": "#ffa8a8",
+        "red3Hsl": "0 100% 83%",
+        "red4": "#ff8787",
+        "red4Hsl": "0 100% 76%",
+        "red5": "#ff6b6b",
+        "red5Hsl": "0 100% 71%",
+        "red6": "#fa5252",
+        "red6Hsl": "0 94% 65%",
+        "red7": "#f03e3e",
+        "red7Hsl": "0 86% 59%",
+        "red8": "#e03131",
+        "red8Hsl": "0 74% 54%",
+        "red9": "#c92a2a",
+        "red9Hsl": "0 65% 48%",
+        "sand0": "#f8fafb",
+        "sand0Hsl": "200 27% 98%",
+        "sand1": "#e6e4dc",
+        "sand10": "#38352d",
+        "sand10Hsl": "44 11% 20%",
+        "sand11": "#252521",
+        "sand11Hsl": "60 6% 14%",
+        "sand12": "#121210",
+        "sand12Hsl": "60 6% 7%",
+        "sand1Hsl": "48 17% 88%",
+        "sand2": "#d5cfbd",
+        "sand2Hsl": "45 22% 79%",
+        "sand3": "#c2b9a0",
+        "sand3Hsl": "44 22% 69%",
+        "sand4": "#aea58c",
+        "sand4Hsl": "44 17% 62%",
+        "sand5": "#9a9178",
+        "sand5Hsl": "44 14% 54%",
+        "sand6": "#867c65",
+        "sand6Hsl": "42 14% 46%",
+        "sand7": "#736a53",
+        "sand7Hsl": "43 16% 39%",
+        "sand8": "#5f5746",
+        "sand8Hsl": "41 15% 32%",
+        "sand9": "#4b4639",
+        "sand9Hsl": "43 14% 26%",
+        "shadow1": "0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%))",
+        "shadow2": "
+    0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%))",
+        "shadow3": "
+    0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
+    0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
+    0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
+    0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
+    0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))",
+        "shadow4": "
+    0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
+    0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
+    0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
+    0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%))",
+        "shadow5": "
+    0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
+    0 2px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 10px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
+    0 20px 20px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
+    0 40px 40px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))",
+        "shadow6": "
+    0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)),
+    0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)),
+    0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)),
+    0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)),
+    0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)),
+    0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))",
+        "shadowColor": "220 3% 15%",
+        "shadowColor@media:dark": "220 40% 2%",
+        "shadowStrength": "1%",
+        "shadowStrength@media:dark": "25%",
+        "size00": "-.25rem",
+        "size000": "-.5rem",
+        "size1": ".25rem",
+        "size10": "5rem",
+        "size11": "7.5rem",
+        "size12": "10rem",
+        "size13": "15rem",
+        "size14": "20rem",
+        "size15": "30rem",
+        "size2": ".5rem",
+        "size3": "1rem",
+        "size4": "1.25rem",
+        "size5": "1.5rem",
+        "size6": "1.75rem",
+        "size7": "2rem",
+        "size8": "3rem",
+        "size9": "4rem",
+        "sizeContent1": "20ch",
+        "sizeContent2": "45ch",
+        "sizeContent3": "60ch",
+        "sizeFluid1": "clamp(.5rem, 1vw, 1rem)",
+        "sizeFluid10": "clamp(20rem, 40vw, 30rem)",
+        "sizeFluid2": "clamp(1rem, 2vw, 1.5rem)",
+        "sizeFluid3": "clamp(1.5rem, 3vw, 2rem)",
+        "sizeFluid4": "clamp(2rem, 4vw, 3rem)",
+        "sizeFluid5": "clamp(4rem, 5vw, 5rem)",
+        "sizeFluid6": "clamp(5rem, 7vw, 7.5rem)",
+        "sizeFluid7": "clamp(7.5rem, 10vw, 10rem)",
+        "sizeFluid8": "clamp(10rem, 20vw, 15rem)",
+        "sizeFluid9": "clamp(15rem, 30vw, 20rem)",
+        "sizeHeader1": "20ch",
+        "sizeHeader2": "25ch",
+        "sizeHeader3": "35ch",
+        "sizeLg": "1024px",
+        "sizeMd": "768px",
+        "sizePx00": "-4px",
+        "sizePx000": "-8px",
+        "sizePx1": "4px",
+        "sizePx10": "80px",
+        "sizePx11": "120px",
+        "sizePx12": "160px",
+        "sizePx13": "240px",
+        "sizePx14": "320px",
+        "sizePx15": "480px",
+        "sizePx2": "8px",
+        "sizePx3": "16px",
+        "sizePx4": "20px",
+        "sizePx5": "24px",
+        "sizePx6": "28px",
+        "sizePx7": "32px",
+        "sizePx8": "48px",
+        "sizePx9": "64px",
+        "sizeRelative00": "-.25ch",
+        "sizeRelative000": "-.5ch",
+        "sizeRelative1": ".25ch",
+        "sizeRelative10": "5ch",
+        "sizeRelative11": "7.5ch",
+        "sizeRelative12": "10ch",
+        "sizeRelative13": "15ch",
+        "sizeRelative14": "20ch",
+        "sizeRelative15": "30ch",
+        "sizeRelative2": ".5ch",
+        "sizeRelative3": "1ch",
+        "sizeRelative4": "1.25ch",
+        "sizeRelative5": "1.5ch",
+        "sizeRelative6": "1.75ch",
+        "sizeRelative7": "2ch",
+        "sizeRelative8": "3ch",
+        "sizeRelative9": "4ch",
+        "sizeSm": "480px",
+        "sizeXl": "1440px",
+        "sizeXs": "360px",
+        "sizeXxl": "1920px",
+        "sizeXxs": "240px",
+        "squircle1": "url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 18.75 18.75, 0 75, 0 S 150, 18.75 150, 75 131.25, 150 75, 150 0, 131.25 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E")",
+        "squircle2": "url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 13.500000000000004 13.500000000000004, 0 75, 0 S 150, 13.500000000000004 150, 75 136.5, 150 75, 150 0, 136.5 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E")",
+        "squircle3": "url("data:image/svg+xml,%3Csvg viewbox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d=' M 0, 75 C 0, 5.999999999999997 5.999999999999997, 0 75, 0 S 150, 5.999999999999997 150, 75 144, 150 75, 150 0, 144 0, 75 ' fill='%23FADB5F' transform='rotate( 0, 100, 100 ) translate( 25 25 )'%3E%3C/path%3E%3C/svg%3E")",
+        "stone0": "#f8fafb",
+        "stone0Hsl": "200 27% 98%",
+        "stone1": "#f2f4f6",
+        "stone10": "#3a3a37",
+        "stone10Hsl": "60 3% 22%",
+        "stone11": "#252521",
+        "stone11Hsl": "60 6% 14%",
+        "stone12": "#121210",
+        "stone12Hsl": "60 6% 7%",
+        "stone1Hsl": "210 18% 96%",
+        "stone2": "#ebedef",
+        "stone2Hsl": "210 11% 93%",
+        "stone3": "#e0e4e5",
+        "stone3Hsl": "192 9% 89%",
+        "stone4": "#d1d6d8",
+        "stone4Hsl": "197 8% 83%",
+        "stone5": "#b1b6b9",
+        "stone5Hsl": "202 5% 71%",
+        "stone6": "#979b9d",
+        "stone6Hsl": "200 3% 60%",
+        "stone7": "#7e8282",
+        "stone7Hsl": "180 2% 50%",
+        "stone8": "#666968",
+        "stone8Hsl": "160 1% 41%",
+        "stone9": "#50514f",
+        "stone9Hsl": "90 1% 31%",
+        "teal0": "#e6fcf5",
+        "teal0Hsl": "161 79% 95%",
+        "teal1": "#c3fae8",
+        "teal10": "#066649",
+        "teal10Hsl": "162 89% 21%",
+        "teal11": "#054d37",
+        "teal11Hsl": "162 88% 16%",
+        "teal12": "#033325",
+        "teal12Hsl": "163 89% 11%",
+        "teal1Hsl": "160 85% 87%",
+        "teal2": "#96f2d7",
+        "teal2Hsl": "162 78% 77%",
+        "teal3": "#63e6be",
+        "teal3Hsl": "162 72% 65%",
+        "teal4": "#38d9a9",
+        "teal4Hsl": "162 68% 54%",
+        "teal5": "#20c997",
+        "teal5Hsl": "162 73% 46%",
+        "teal6": "#12b886",
+        "teal6Hsl": "162 82% 40%",
+        "teal7": "#0ca678",
+        "teal7Hsl": "162 87% 35%",
+        "teal8": "#099268",
+        "teal8Hsl": "162 88% 30%",
+        "teal9": "#087f5b",
+        "teal9Hsl": "162 88% 26%",
+        "violet0": "#f3f0ff",
+        "violet0Hsl": "252 100% 97%",
+        "violet1": "#e5dbff",
+        "violet10": "#5235ab",
+        "violet10Hsl": "255 53% 44%",
+        "violet11": "#462d91",
+        "violet11Hsl": "255 53% 37%",
+        "violet12": "#3a2578",
+        "violet12Hsl": "255 53% 31%",
+        "violet1Hsl": "257 100% 93%",
+        "violet2": "#d0bfff",
+        "violet2Hsl": "256 100% 87%",
+        "violet3": "#b197fc",
+        "violet3Hsl": "255 94% 79%",
+        "violet4": "#9775fa",
+        "violet4Hsl": "255 93% 72%",
+        "violet5": "#845ef7",
+        "violet5Hsl": "255 91% 67%",
+        "violet6": "#7950f2",
+        "violet6Hsl": "255 86% 63%",
+        "violet7": "#7048e8",
+        "violet7Hsl": "255 78% 60%",
+        "violet8": "#6741d9",
+        "violet8Hsl": "255 67% 55%",
+        "violet9": "#5f3dc4",
+        "violet9Hsl": "255 53% 50%",
+        "yellow0": "#fff9db",
+        "yellow0Hsl": "50 100% 93%",
+        "yellow1": "#fff3bf",
+        "yellow10": "#b35c00",
+        "yellow10Hsl": "31 100% 35%",
+        "yellow11": "#804200",
+        "yellow11Hsl": "31 100% 25%",
+        "yellow12": "#663500",
+        "yellow12Hsl": "31 100% 20%",
+        "yellow1Hsl": "49 100% 87%",
+        "yellow2": "#ffec99",
+        "yellow2Hsl": "49 100% 80%",
+        "yellow3": "#ffe066",
+        "yellow3Hsl": "48 100% 70%",
+        "yellow4": "#ffd43b",
+        "yellow4Hsl": "47 100% 62%",
+        "yellow5": "#fcc419",
+        "yellow5Hsl": "45 97% 54%",
+        "yellow6": "#fab005",
+        "yellow6Hsl": "42 96% 50%",
+        "yellow7": "#f59f00",
+        "yellow7Hsl": "39 100% 48%",
+        "yellow8": "#f08c00",
+        "yellow8Hsl": "35 100% 47%",
+        "yellow9": "#e67700",
+        "yellow9Hsl": "31 100% 45%",
+      },
+    },
+  },
+  "vue": {
+    "compilerOptions": {
+      "isCustomElement": [Function],
+    },
+  },
+}