elements-kit 0.15.0 → 0.17.0

package/dist/ui/styles/colors/iris.css

@@ -1,30 +0,0 @@
-[data-color="iris"] {
-  --color-1: var(--iris-1);
-  --color-2: var(--iris-2);
-  --color-3: var(--iris-3);
-  --color-4: var(--iris-4);
-  --color-5: var(--iris-5);
-  --color-6: var(--iris-6);
-  --color-7: var(--iris-7);
-  --color-8: var(--iris-8);
-  --color-9: var(--iris-9);
-  --color-10: var(--iris-10);
-  --color-11: var(--iris-11);
-  --color-12: var(--iris-12);
-  --color-a1: var(--iris-a1);
-  --color-a2: var(--iris-a2);
-  --color-a3: var(--iris-a3);
-  --color-a4: var(--iris-a4);
-  --color-a5: var(--iris-a5);
-  --color-a6: var(--iris-a6);
-  --color-a7: var(--iris-a7);
-  --color-a8: var(--iris-a8);
-  --color-a9: var(--iris-a9);
-  --color-a10: var(--iris-a10);
-  --color-a11: var(--iris-a11);
-  --color-a12: var(--iris-a12);
-  --accent-contrast: var(--iris-contrast);
-  --accent-surface: var(--iris-surface);
-  --accent-indicator: var(--iris-indicator);
-  --accent-track: var(--iris-track);
-}

package/dist/ui/styles/colors/jade.css

@@ -1,30 +0,0 @@
-[data-color="jade"] {
-  --color-1: var(--jade-1);
-  --color-2: var(--jade-2);
-  --color-3: var(--jade-3);
-  --color-4: var(--jade-4);
-  --color-5: var(--jade-5);
-  --color-6: var(--jade-6);
-  --color-7: var(--jade-7);
-  --color-8: var(--jade-8);
-  --color-9: var(--jade-9);
-  --color-10: var(--jade-10);
-  --color-11: var(--jade-11);
-  --color-12: var(--jade-12);
-  --color-a1: var(--jade-a1);
-  --color-a2: var(--jade-a2);
-  --color-a3: var(--jade-a3);
-  --color-a4: var(--jade-a4);
-  --color-a5: var(--jade-a5);
-  --color-a6: var(--jade-a6);
-  --color-a7: var(--jade-a7);
-  --color-a8: var(--jade-a8);
-  --color-a9: var(--jade-a9);
-  --color-a10: var(--jade-a10);
-  --color-a11: var(--jade-a11);
-  --color-a12: var(--jade-a12);
-  --accent-contrast: var(--jade-contrast);
-  --accent-surface: var(--jade-surface);
-  --accent-indicator: var(--jade-indicator);
-  --accent-track: var(--jade-track);
-}

package/dist/ui/styles/colors/lime.css

@@ -1,30 +0,0 @@
-[data-color="lime"] {
-  --color-1: var(--lime-1);
-  --color-2: var(--lime-2);
-  --color-3: var(--lime-3);
-  --color-4: var(--lime-4);
-  --color-5: var(--lime-5);
-  --color-6: var(--lime-6);
-  --color-7: var(--lime-7);
-  --color-8: var(--lime-8);
-  --color-9: var(--lime-9);
-  --color-10: var(--lime-10);
-  --color-11: var(--lime-11);
-  --color-12: var(--lime-12);
-  --color-a1: var(--lime-a1);
-  --color-a2: var(--lime-a2);
-  --color-a3: var(--lime-a3);
-  --color-a4: var(--lime-a4);
-  --color-a5: var(--lime-a5);
-  --color-a6: var(--lime-a6);
-  --color-a7: var(--lime-a7);
-  --color-a8: var(--lime-a8);
-  --color-a9: var(--lime-a9);
-  --color-a10: var(--lime-a10);
-  --color-a11: var(--lime-a11);
-  --color-a12: var(--lime-a12);
-  --accent-contrast: var(--lime-contrast);
-  --accent-surface: var(--lime-surface);
-  --accent-indicator: var(--lime-indicator);
-  --accent-track: var(--lime-track);
-}

package/dist/ui/styles/colors/mint.css

@@ -1,30 +0,0 @@
-[data-color="mint"] {
-  --color-1: var(--mint-1);
-  --color-2: var(--mint-2);
-  --color-3: var(--mint-3);
-  --color-4: var(--mint-4);
-  --color-5: var(--mint-5);
-  --color-6: var(--mint-6);
-  --color-7: var(--mint-7);
-  --color-8: var(--mint-8);
-  --color-9: var(--mint-9);
-  --color-10: var(--mint-10);
-  --color-11: var(--mint-11);
-  --color-12: var(--mint-12);
-  --color-a1: var(--mint-a1);
-  --color-a2: var(--mint-a2);
-  --color-a3: var(--mint-a3);
-  --color-a4: var(--mint-a4);
-  --color-a5: var(--mint-a5);
-  --color-a6: var(--mint-a6);
-  --color-a7: var(--mint-a7);
-  --color-a8: var(--mint-a8);
-  --color-a9: var(--mint-a9);
-  --color-a10: var(--mint-a10);
-  --color-a11: var(--mint-a11);
-  --color-a12: var(--mint-a12);
-  --accent-contrast: var(--mint-contrast);
-  --accent-surface: var(--mint-surface);
-  --accent-indicator: var(--mint-indicator);
-  --accent-track: var(--mint-track);
-}

package/dist/ui/styles/colors/orange.css

@@ -1,30 +0,0 @@
-[data-color="orange"] {
-  --color-1: var(--orange-1);
-  --color-2: var(--orange-2);
-  --color-3: var(--orange-3);
-  --color-4: var(--orange-4);
-  --color-5: var(--orange-5);
-  --color-6: var(--orange-6);
-  --color-7: var(--orange-7);
-  --color-8: var(--orange-8);
-  --color-9: var(--orange-9);
-  --color-10: var(--orange-10);
-  --color-11: var(--orange-11);
-  --color-12: var(--orange-12);
-  --color-a1: var(--orange-a1);
-  --color-a2: var(--orange-a2);
-  --color-a3: var(--orange-a3);
-  --color-a4: var(--orange-a4);
-  --color-a5: var(--orange-a5);
-  --color-a6: var(--orange-a6);
-  --color-a7: var(--orange-a7);
-  --color-a8: var(--orange-a8);
-  --color-a9: var(--orange-a9);
-  --color-a10: var(--orange-a10);
-  --color-a11: var(--orange-a11);
-  --color-a12: var(--orange-a12);
-  --accent-contrast: var(--orange-contrast);
-  --accent-surface: var(--orange-surface);
-  --accent-indicator: var(--orange-indicator);
-  --accent-track: var(--orange-track);
-}

package/dist/ui/styles/colors/pink.css

@@ -1,30 +0,0 @@
-[data-color="pink"] {
-  --color-1: var(--pink-1);
-  --color-2: var(--pink-2);
-  --color-3: var(--pink-3);
-  --color-4: var(--pink-4);
-  --color-5: var(--pink-5);
-  --color-6: var(--pink-6);
-  --color-7: var(--pink-7);
-  --color-8: var(--pink-8);
-  --color-9: var(--pink-9);
-  --color-10: var(--pink-10);
-  --color-11: var(--pink-11);
-  --color-12: var(--pink-12);
-  --color-a1: var(--pink-a1);
-  --color-a2: var(--pink-a2);
-  --color-a3: var(--pink-a3);
-  --color-a4: var(--pink-a4);
-  --color-a5: var(--pink-a5);
-  --color-a6: var(--pink-a6);
-  --color-a7: var(--pink-a7);
-  --color-a8: var(--pink-a8);
-  --color-a9: var(--pink-a9);
-  --color-a10: var(--pink-a10);
-  --color-a11: var(--pink-a11);
-  --color-a12: var(--pink-a12);
-  --accent-contrast: var(--pink-contrast);
-  --accent-surface: var(--pink-surface);
-  --accent-indicator: var(--pink-indicator);
-  --accent-track: var(--pink-track);
-}

package/dist/ui/styles/colors/plum.css

@@ -1,30 +0,0 @@
-[data-color="plum"] {
-  --color-1: var(--plum-1);
-  --color-2: var(--plum-2);
-  --color-3: var(--plum-3);
-  --color-4: var(--plum-4);
-  --color-5: var(--plum-5);
-  --color-6: var(--plum-6);
-  --color-7: var(--plum-7);
-  --color-8: var(--plum-8);
-  --color-9: var(--plum-9);
-  --color-10: var(--plum-10);
-  --color-11: var(--plum-11);
-  --color-12: var(--plum-12);
-  --color-a1: var(--plum-a1);
-  --color-a2: var(--plum-a2);
-  --color-a3: var(--plum-a3);
-  --color-a4: var(--plum-a4);
-  --color-a5: var(--plum-a5);
-  --color-a6: var(--plum-a6);
-  --color-a7: var(--plum-a7);
-  --color-a8: var(--plum-a8);
-  --color-a9: var(--plum-a9);
-  --color-a10: var(--plum-a10);
-  --color-a11: var(--plum-a11);
-  --color-a12: var(--plum-a12);
-  --accent-contrast: var(--plum-contrast);
-  --accent-surface: var(--plum-surface);
-  --accent-indicator: var(--plum-indicator);
-  --accent-track: var(--plum-track);
-}

package/dist/ui/styles/colors/purple.css

@@ -1,30 +0,0 @@
-[data-color="purple"] {
-  --color-1: var(--purple-1);
-  --color-2: var(--purple-2);
-  --color-3: var(--purple-3);
-  --color-4: var(--purple-4);
-  --color-5: var(--purple-5);
-  --color-6: var(--purple-6);
-  --color-7: var(--purple-7);
-  --color-8: var(--purple-8);
-  --color-9: var(--purple-9);
-  --color-10: var(--purple-10);
-  --color-11: var(--purple-11);
-  --color-12: var(--purple-12);
-  --color-a1: var(--purple-a1);
-  --color-a2: var(--purple-a2);
-  --color-a3: var(--purple-a3);
-  --color-a4: var(--purple-a4);
-  --color-a5: var(--purple-a5);
-  --color-a6: var(--purple-a6);
-  --color-a7: var(--purple-a7);
-  --color-a8: var(--purple-a8);
-  --color-a9: var(--purple-a9);
-  --color-a10: var(--purple-a10);
-  --color-a11: var(--purple-a11);
-  --color-a12: var(--purple-a12);
-  --accent-contrast: var(--purple-contrast);
-  --accent-surface: var(--purple-surface);
-  --accent-indicator: var(--purple-indicator);
-  --accent-track: var(--purple-track);
-}

package/dist/ui/styles/colors/red.css

@@ -1,30 +0,0 @@
-[data-color="red"] {
-  --color-1: var(--red-1);
-  --color-2: var(--red-2);
-  --color-3: var(--red-3);
-  --color-4: var(--red-4);
-  --color-5: var(--red-5);
-  --color-6: var(--red-6);
-  --color-7: var(--red-7);
-  --color-8: var(--red-8);
-  --color-9: var(--red-9);
-  --color-10: var(--red-10);
-  --color-11: var(--red-11);
-  --color-12: var(--red-12);
-  --color-a1: var(--red-a1);
-  --color-a2: var(--red-a2);
-  --color-a3: var(--red-a3);
-  --color-a4: var(--red-a4);
-  --color-a5: var(--red-a5);
-  --color-a6: var(--red-a6);
-  --color-a7: var(--red-a7);
-  --color-a8: var(--red-a8);
-  --color-a9: var(--red-a9);
-  --color-a10: var(--red-a10);
-  --color-a11: var(--red-a11);
-  --color-a12: var(--red-a12);
-  --accent-contrast: var(--red-contrast);
-  --accent-surface: var(--red-surface);
-  --accent-indicator: var(--red-indicator);
-  --accent-track: var(--red-track);
-}

package/dist/ui/styles/colors/ruby.css

@@ -1,30 +0,0 @@
-[data-color="ruby"] {
-  --color-1: var(--ruby-1);
-  --color-2: var(--ruby-2);
-  --color-3: var(--ruby-3);
-  --color-4: var(--ruby-4);
-  --color-5: var(--ruby-5);
-  --color-6: var(--ruby-6);
-  --color-7: var(--ruby-7);
-  --color-8: var(--ruby-8);
-  --color-9: var(--ruby-9);
-  --color-10: var(--ruby-10);
-  --color-11: var(--ruby-11);
-  --color-12: var(--ruby-12);
-  --color-a1: var(--ruby-a1);
-  --color-a2: var(--ruby-a2);
-  --color-a3: var(--ruby-a3);
-  --color-a4: var(--ruby-a4);
-  --color-a5: var(--ruby-a5);
-  --color-a6: var(--ruby-a6);
-  --color-a7: var(--ruby-a7);
-  --color-a8: var(--ruby-a8);
-  --color-a9: var(--ruby-a9);
-  --color-a10: var(--ruby-a10);
-  --color-a11: var(--ruby-a11);
-  --color-a12: var(--ruby-a12);
-  --accent-contrast: var(--ruby-contrast);
-  --accent-surface: var(--ruby-surface);
-  --accent-indicator: var(--ruby-indicator);
-  --accent-track: var(--ruby-track);
-}

package/dist/ui/styles/colors/sky.css

@@ -1,30 +0,0 @@
-[data-color="sky"] {
-  --color-1: var(--sky-1);
-  --color-2: var(--sky-2);
-  --color-3: var(--sky-3);
-  --color-4: var(--sky-4);
-  --color-5: var(--sky-5);
-  --color-6: var(--sky-6);
-  --color-7: var(--sky-7);
-  --color-8: var(--sky-8);
-  --color-9: var(--sky-9);
-  --color-10: var(--sky-10);
-  --color-11: var(--sky-11);
-  --color-12: var(--sky-12);
-  --color-a1: var(--sky-a1);
-  --color-a2: var(--sky-a2);
-  --color-a3: var(--sky-a3);
-  --color-a4: var(--sky-a4);
-  --color-a5: var(--sky-a5);
-  --color-a6: var(--sky-a6);
-  --color-a7: var(--sky-a7);
-  --color-a8: var(--sky-a8);
-  --color-a9: var(--sky-a9);
-  --color-a10: var(--sky-a10);
-  --color-a11: var(--sky-a11);
-  --color-a12: var(--sky-a12);
-  --accent-contrast: var(--sky-contrast);
-  --accent-surface: var(--sky-surface);
-  --accent-indicator: var(--sky-indicator);
-  --accent-track: var(--sky-track);
-}

package/dist/ui/styles/colors/success.css

@@ -1,30 +0,0 @@
-[data-color="success"] {
-  --color-1: var(--green-1);
-  --color-2: var(--green-2);
-  --color-3: var(--green-3);
-  --color-4: var(--green-4);
-  --color-5: var(--green-5);
-  --color-6: var(--green-6);
-  --color-7: var(--green-7);
-  --color-8: var(--green-8);
-  --color-9: var(--green-9);
-  --color-10: var(--green-10);
-  --color-11: var(--green-11);
-  --color-12: var(--green-12);
-  --color-a1: var(--green-a1);
-  --color-a2: var(--green-a2);
-  --color-a3: var(--green-a3);
-  --color-a4: var(--green-a4);
-  --color-a5: var(--green-a5);
-  --color-a6: var(--green-a6);
-  --color-a7: var(--green-a7);
-  --color-a8: var(--green-a8);
-  --color-a9: var(--green-a9);
-  --color-a10: var(--green-a10);
-  --color-a11: var(--green-a11);
-  --color-a12: var(--green-a12);
-  --accent-contrast: var(--green-contrast);
-  --accent-surface: var(--green-surface);
-  --accent-indicator: var(--green-indicator);
-  --accent-track: var(--green-track);
-}

package/dist/ui/styles/colors/teal.css

@@ -1,30 +0,0 @@
-[data-color="teal"] {
-  --color-1: var(--teal-1);
-  --color-2: var(--teal-2);
-  --color-3: var(--teal-3);
-  --color-4: var(--teal-4);
-  --color-5: var(--teal-5);
-  --color-6: var(--teal-6);
-  --color-7: var(--teal-7);
-  --color-8: var(--teal-8);
-  --color-9: var(--teal-9);
-  --color-10: var(--teal-10);
-  --color-11: var(--teal-11);
-  --color-12: var(--teal-12);
-  --color-a1: var(--teal-a1);
-  --color-a2: var(--teal-a2);
-  --color-a3: var(--teal-a3);
-  --color-a4: var(--teal-a4);
-  --color-a5: var(--teal-a5);
-  --color-a6: var(--teal-a6);
-  --color-a7: var(--teal-a7);
-  --color-a8: var(--teal-a8);
-  --color-a9: var(--teal-a9);
-  --color-a10: var(--teal-a10);
-  --color-a11: var(--teal-a11);
-  --color-a12: var(--teal-a12);
-  --accent-contrast: var(--teal-contrast);
-  --accent-surface: var(--teal-surface);
-  --accent-indicator: var(--teal-indicator);
-  --accent-track: var(--teal-track);
-}

package/dist/ui/styles/colors/tomato.css

@@ -1,30 +0,0 @@
-[data-color="tomato"] {
-  --color-1: var(--tomato-1);
-  --color-2: var(--tomato-2);
-  --color-3: var(--tomato-3);
-  --color-4: var(--tomato-4);
-  --color-5: var(--tomato-5);
-  --color-6: var(--tomato-6);
-  --color-7: var(--tomato-7);
-  --color-8: var(--tomato-8);
-  --color-9: var(--tomato-9);
-  --color-10: var(--tomato-10);
-  --color-11: var(--tomato-11);
-  --color-12: var(--tomato-12);
-  --color-a1: var(--tomato-a1);
-  --color-a2: var(--tomato-a2);
-  --color-a3: var(--tomato-a3);
-  --color-a4: var(--tomato-a4);
-  --color-a5: var(--tomato-a5);
-  --color-a6: var(--tomato-a6);
-  --color-a7: var(--tomato-a7);
-  --color-a8: var(--tomato-a8);
-  --color-a9: var(--tomato-a9);
-  --color-a10: var(--tomato-a10);
-  --color-a11: var(--tomato-a11);
-  --color-a12: var(--tomato-a12);
-  --accent-contrast: var(--tomato-contrast);
-  --accent-surface: var(--tomato-surface);
-  --accent-indicator: var(--tomato-indicator);
-  --accent-track: var(--tomato-track);
-}

package/dist/ui/styles/colors/violet.css

@@ -1,30 +0,0 @@
-[data-color="violet"] {
-  --color-1: var(--violet-1);
-  --color-2: var(--violet-2);
-  --color-3: var(--violet-3);
-  --color-4: var(--violet-4);
-  --color-5: var(--violet-5);
-  --color-6: var(--violet-6);
-  --color-7: var(--violet-7);
-  --color-8: var(--violet-8);
-  --color-9: var(--violet-9);
-  --color-10: var(--violet-10);
-  --color-11: var(--violet-11);
-  --color-12: var(--violet-12);
-  --color-a1: var(--violet-a1);
-  --color-a2: var(--violet-a2);
-  --color-a3: var(--violet-a3);
-  --color-a4: var(--violet-a4);
-  --color-a5: var(--violet-a5);
-  --color-a6: var(--violet-a6);
-  --color-a7: var(--violet-a7);
-  --color-a8: var(--violet-a8);
-  --color-a9: var(--violet-a9);
-  --color-a10: var(--violet-a10);
-  --color-a11: var(--violet-a11);
-  --color-a12: var(--violet-a12);
-  --accent-contrast: var(--violet-contrast);
-  --accent-surface: var(--violet-surface);
-  --accent-indicator: var(--violet-indicator);
-  --accent-track: var(--violet-track);
-}

package/dist/ui/styles/colors/warning.css

@@ -1,30 +0,0 @@
-[data-color="warning"] {
-  --color-1: var(--amber-1);
-  --color-2: var(--amber-2);
-  --color-3: var(--amber-3);
-  --color-4: var(--amber-4);
-  --color-5: var(--amber-5);
-  --color-6: var(--amber-6);
-  --color-7: var(--amber-7);
-  --color-8: var(--amber-8);
-  --color-9: var(--amber-9);
-  --color-10: var(--amber-10);
-  --color-11: var(--amber-11);
-  --color-12: var(--amber-12);
-  --color-a1: var(--amber-a1);
-  --color-a2: var(--amber-a2);
-  --color-a3: var(--amber-a3);
-  --color-a4: var(--amber-a4);
-  --color-a5: var(--amber-a5);
-  --color-a6: var(--amber-a6);
-  --color-a7: var(--amber-a7);
-  --color-a8: var(--amber-a8);
-  --color-a9: var(--amber-a9);
-  --color-a10: var(--amber-a10);
-  --color-a11: var(--amber-a11);
-  --color-a12: var(--amber-a12);
-  --accent-contrast: var(--amber-contrast);
-  --accent-surface: var(--amber-surface);
-  --accent-indicator: var(--amber-indicator);
-  --accent-track: var(--amber-track);
-}

package/dist/ui/styles/colors/yellow.css

@@ -1,30 +0,0 @@
-[data-color="yellow"] {
-  --color-1: var(--yellow-1);
-  --color-2: var(--yellow-2);
-  --color-3: var(--yellow-3);
-  --color-4: var(--yellow-4);
-  --color-5: var(--yellow-5);
-  --color-6: var(--yellow-6);
-  --color-7: var(--yellow-7);
-  --color-8: var(--yellow-8);
-  --color-9: var(--yellow-9);
-  --color-10: var(--yellow-10);
-  --color-11: var(--yellow-11);
-  --color-12: var(--yellow-12);
-  --color-a1: var(--yellow-a1);
-  --color-a2: var(--yellow-a2);
-  --color-a3: var(--yellow-a3);
-  --color-a4: var(--yellow-a4);
-  --color-a5: var(--yellow-a5);
-  --color-a6: var(--yellow-a6);
-  --color-a7: var(--yellow-a7);
-  --color-a8: var(--yellow-a8);
-  --color-a9: var(--yellow-a9);
-  --color-a10: var(--yellow-a10);
-  --color-a11: var(--yellow-a11);
-  --color-a12: var(--yellow-a12);
-  --accent-contrast: var(--yellow-contrast);
-  --accent-surface: var(--yellow-surface);
-  --accent-indicator: var(--yellow-indicator);
-  --accent-track: var(--yellow-track);
-}

package/dist/ui/styles/palette/gray.css

@@ -1,127 +0,0 @@
-:root, .light, .light-theme {
-  --gray-1: #fcfcfc;
-  --gray-2: #f9f9f9;
-  --gray-3: #f0f0f0;
-  --gray-4: #e8e8e8;
-  --gray-5: #e0e0e0;
-  --gray-6: #d9d9d9;
-  --gray-7: #cecece;
-  --gray-8: #bbb;
-  --gray-9: #8d8d8d;
-  --gray-10: #838383;
-  --gray-11: #646464;
-  --gray-12: #202020;
-  --gray-a1: #00000003;
-  --gray-a2: #00000006;
-  --gray-a3: #0000000f;
-  --gray-a4: #00000017;
-  --gray-a5: #0000001f;
-  --gray-a6: #00000026;
-  --gray-a7: #00000031;
-  --gray-a8: #0004;
-  --gray-a9: #00000072;
-  --gray-a10: #0000007c;
-  --gray-a11: #0000009b;
-  --gray-a12: #000000df;
-  --gray-surface: #fffc;
-  --gray-indicator: var(--gray-9);
-  --gray-track: var(--gray-9);
-}
-
-@supports (color: color(display-p3 1 1 1)) {
-  @media (color-gamut: p3) {
-    :root, .light, .light-theme {
-      --gray-1: color(display-p3 .988 .988 .988);
-      --gray-2: color(display-p3 .975 .975 .975);
-      --gray-3: color(display-p3 .939 .939 .939);
-      --gray-4: color(display-p3 .908 .908 .908);
-      --gray-5: color(display-p3 .88 .88 .88);
-      --gray-6: color(display-p3 .849 .849 .849);
-      --gray-7: color(display-p3 .807 .807 .807);
-      --gray-8: color(display-p3 .732 .732 .732);
-      --gray-9: color(display-p3 .553 .553 .553);
-      --gray-10: color(display-p3 .512 .512 .512);
-      --gray-11: color(display-p3 .392 .392 .392);
-      --gray-12: color(display-p3 .125 .125 .125);
-      --gray-a1: color(display-p3 0 0 0 / .012);
-      --gray-a2: color(display-p3 0 0 0 / .024);
-      --gray-a3: color(display-p3 0 0 0 / .063);
-      --gray-a4: color(display-p3 0 0 0 / .09);
-      --gray-a5: color(display-p3 0 0 0 / .122);
-      --gray-a6: color(display-p3 0 0 0 / .153);
-      --gray-a7: color(display-p3 0 0 0 / .192);
-      --gray-a8: color(display-p3 0 0 0 / .267);
-      --gray-a9: color(display-p3 0 0 0 / .447);
-      --gray-a10: color(display-p3 0 0 0 / .486);
-      --gray-a11: color(display-p3 0 0 0 / .608);
-      --gray-a12: color(display-p3 0 0 0 / .875);
-      --gray-surface: color(display-p3 1 1 1 / .8);
-    }
-  }
-}
-
-.dark, .dark-theme {
-  --gray-1: #111;
-  --gray-2: #191919;
-  --gray-3: #222;
-  --gray-4: #2a2a2a;
-  --gray-5: #313131;
-  --gray-6: #3a3a3a;
-  --gray-7: #484848;
-  --gray-8: #606060;
-  --gray-9: #6e6e6e;
-  --gray-10: #7b7b7b;
-  --gray-11: #b4b4b4;
-  --gray-12: #eee;
-  --gray-a1: #0000;
-  --gray-a2: #ffffff09;
-  --gray-a3: #ffffff12;
-  --gray-a4: #ffffff1b;
-  --gray-a5: #fff2;
-  --gray-a6: #ffffff2c;
-  --gray-a7: #ffffff3b;
-  --gray-a8: #fff5;
-  --gray-a9: #ffffff64;
-  --gray-a10: #ffffff72;
-  --gray-a11: #ffffffaf;
-  --gray-a12: #ffffffed;
-  --gray-surface: #21212180;
-  --gray-indicator: var(--gray-9);
-  --gray-track: var(--gray-9);
-}
-
-@supports (color: color(display-p3 1 1 1)) {
-  @media (color-gamut: p3) {
-    .dark, .dark-theme {
-      --gray-1: color(display-p3 .067 .067 .067);
-      --gray-2: color(display-p3 .098 .098 .098);
-      --gray-3: color(display-p3 .135 .135 .135);
-      --gray-4: color(display-p3 .163 .163 .163);
-      --gray-5: color(display-p3 .192 .192 .192);
-      --gray-6: color(display-p3 .228 .228 .228);
-      --gray-7: color(display-p3 .283 .283 .283);
-      --gray-8: color(display-p3 .375 .375 .375);
-      --gray-9: color(display-p3 .431 .431 .431);
-      --gray-10: color(display-p3 .484 .484 .484);
-      --gray-11: color(display-p3 .706 .706 .706);
-      --gray-12: color(display-p3 .933 .933 .933);
-      --gray-a1: color(display-p3 0 0 0 / 0);
-      --gray-a2: color(display-p3 1 1 1 / .034);
-      --gray-a3: color(display-p3 1 1 1 / .071);
-      --gray-a4: color(display-p3 1 1 1 / .105);
-      --gray-a5: color(display-p3 1 1 1 / .134);
-      --gray-a6: color(display-p3 1 1 1 / .172);
-      --gray-a7: color(display-p3 1 1 1 / .231);
-      --gray-a8: color(display-p3 1 1 1 / .332);
-      --gray-a9: color(display-p3 1 1 1 / .391);
-      --gray-a10: color(display-p3 1 1 1 / .445);
-      --gray-a11: color(display-p3 1 1 1 / .685);
-      --gray-a12: color(display-p3 1 1 1 / .929);
-      --gray-surface: color(display-p3 .1255 .1255 .1255 / .5);
-    }
-  }
-}
-
-:root {
-  --gray-contrast: white;
-}