Commit
Author: Adam Argyle [argyle@google.com]
Hash: 25bb13be9a1794c5dacacb64d38f256572839ae3
Timestamp: Fri, 17 Sep 2021 18:10:31 +0000 (3 years ago)

+28 -28 +/-27 browse
version bump and ship each module with where
1diff --git a/animations.css b/animations.css
2index cc4aa1d..66e0296 100644
3--- a/animations.css
4+++ b/animations.css
5 @@ -1 +1 @@
6- html{--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-slide-up:slide-up .5s var(--ease-3);--animation-slide-down:slide-down .5s var(--ease-3);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--easeout-3) infinite;--animation-blink:blink 1s var(--easeout-3) infinite}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes slide-down{0%{transform:translateY(-100%)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}
7\ No newline at end of file
8+ :where(html){--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-slide-up:slide-up .5s var(--ease-3);--animation-slide-down:slide-down .5s var(--ease-3);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--easeout-3) infinite;--animation-blink:blink 1s var(--easeout-3) infinite}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes slide-down{0%{transform:translateY(-100%)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}
9\ No newline at end of file
10 diff --git a/aspects.css b/aspects.css
11index a8e6add..0a49882 100644
12--- a/aspects.css
13+++ b/aspects.css
14 @@ -1 +1 @@
15- html{--aspect-box:1;--aspect-landscape:4/3;--aspect-portrait:3/4;--aspect-widescreen:16/9;--aspect-ultrawide:18/5;--golden-ratio:1.6180/1}
16\ No newline at end of file
17+ :where(html){--aspect-box:1;--aspect-landscape:4/3;--aspect-portrait:3/4;--aspect-widescreen:16/9;--aspect-ultrawide:18/5;--golden-ratio:1.6180/1}
18\ No newline at end of file
19 diff --git a/borders.css b/borders.css
20index 0bbf2c0..0c7caa4 100644
21--- a/borders.css
22+++ b/borders.css
23 @@ -1 +1 @@
24- html{--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--border-radius-1:2px;--border-radius-2:5px;--border-radius-3:1rem;--border-radius-4:2rem;--border-radius-5:4rem;--border-radius-6:8rem;--border-radius-round:1e5px;--border-radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--border-radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%}
25\ No newline at end of file
26+ :where(html){--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--border-radius-1:2px;--border-radius-2:5px;--border-radius-3:1rem;--border-radius-4:2rem;--border-radius-5:4rem;--border-radius-6:8rem;--border-radius-round:1e5px;--border-radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--border-radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%}
27\ No newline at end of file
28 diff --git a/colors.css b/colors.css
29index 2745d52..d681f85 100644
30--- a/colors.css
31+++ b/colors.css
32 @@ -1 +1 @@
33- html{--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--grape-0:#f8f0fc;--grape-1:#f3d9fa;--grape-2:#eebefa;--grape-3:#e599f7;--grape-4:#da77f2;--grape-5:#cc5de8;--grape-6:#be4bdb;--grape-7:#ae3ec9;--grape-8:#9c36b5;--grape-9:#862e9c;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f}
34\ No newline at end of file
35+ :where(html){--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--grape-0:#f8f0fc;--grape-1:#f3d9fa;--grape-2:#eebefa;--grape-3:#e599f7;--grape-4:#da77f2;--grape-5:#cc5de8;--grape-6:#be4bdb;--grape-7:#ae3ec9;--grape-8:#9c36b5;--grape-9:#862e9c;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f}
36\ No newline at end of file
37 diff --git a/easings.css b/easings.css
38index ef3c071..d1acc4c 100644
39--- a/easings.css
40+++ b/easings.css
41 @@ -1 +1 @@
42- html{--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-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-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-inout-1:cubic-bezier(.1,0,.9,1);--ease-inout-2:cubic-bezier(.3,0,.7,1);--ease-inout-3:cubic-bezier(.5,0,.5,1);--ease-inout-4:cubic-bezier(.7,0,.3,1);--ease-inout-5:cubic-bezier(.9,0,.1,1);--ease-elastic:cubic-bezier(.2,.9,.4,1.25);--ease-squish:cubic-bezier(0.68,-0.55,0.27,1.55);--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)}
43\ No newline at end of file
44+ :where(html){--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-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-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-inout-1:cubic-bezier(.1,0,.9,1);--ease-inout-2:cubic-bezier(.3,0,.7,1);--ease-inout-3:cubic-bezier(.5,0,.5,1);--ease-inout-4:cubic-bezier(.7,0,.3,1);--ease-inout-5:cubic-bezier(.9,0,.1,1);--ease-elastic:cubic-bezier(.2,.9,.4,1.25);--ease-squish:cubic-bezier(0.68,-0.55,0.27,1.55);--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)}
45\ No newline at end of file
46 diff --git a/fonts.css b/fonts.css
47index 3ffe762..4739ab2 100644
48--- a/fonts.css
49+++ b/fonts.css
50 @@ -1 +1 @@
51- html{--font-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-serif:ui-serif,serif;--font-mono:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;--font-thin:100;--font-semilight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--font-leading-00:.95;--font-leading-0:1.1;--font-leading-1:1.25;--font-leading-2:1.375;--font-leading-3:1.5;--font-leading-4:1.75;--font-leading-5:2;--font-relative-leading-1:calc(1rem + 1.1ch);--font-relative-leading-2:calc(1rem + 1.25ch);--font-relative-leading-3:calc(1rem + 1.5ch);--font-relative-leading-4:calc(1rem + 2ch);--font-relative-leading-5:calc(1rem + 2.5ch);--font-relative-leading-6:calc(1rem + 3ch);--font-tracking-00:-.05em;--font-tracking-1:.025em;--font-tracking-2:.025em;--font-tracking-3:.05em;--font-tracking-4:.1em;--font-size-000:.5rem;--font-size-00:.75rem;--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-00:clamp(.75rem,1.5vw,1rem);--font-size-fluid-1:clamp(1rem,2vw,1.5rem);--font-size-fluid-2:clamp(1.5rem,3vw,2.5rem);--font-size-fluid-3:clamp(2rem,4vw,3.5rem)}
52\ No newline at end of file
53+ :where(html){--font-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-serif:ui-serif,serif;--font-mono:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;--font-thin:100;--font-semilight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--font-leading-00:.95;--font-leading-0:1.1;--font-leading-1:1.25;--font-leading-2:1.375;--font-leading-3:1.5;--font-leading-4:1.75;--font-leading-5:2;--font-relative-leading-1:calc(1rem + 1.1ch);--font-relative-leading-2:calc(1rem + 1.25ch);--font-relative-leading-3:calc(1rem + 1.5ch);--font-relative-leading-4:calc(1rem + 2ch);--font-relative-leading-5:calc(1rem + 2.5ch);--font-relative-leading-6:calc(1rem + 3ch);--font-tracking-00:-.05em;--font-tracking-1:.025em;--font-tracking-2:.025em;--font-tracking-3:.05em;--font-tracking-4:.1em;--font-size-000:.5rem;--font-size-00:.75rem;--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-00:clamp(.75rem,1.5vw,1rem);--font-size-fluid-1:clamp(1rem,2vw,1.5rem);--font-size-fluid-2:clamp(1.5rem,3vw,2.5rem);--font-size-fluid-3:clamp(2rem,4vw,3.5rem)}
54\ No newline at end of file
55 diff --git a/gradients.css b/gradients.css
56index 351b11e..259b34a 100644
57--- a/gradients.css
58+++ b/gradients.css
59 @@ -1 +1 @@
60- html{--gradient-1:linear-gradient(#091e3a,#2f80ed,#2d9ee0);--gradient-2:linear-gradient(#9400d3,indigo);--gradient-3:linear-gradient(#c84e89,#f15f79);--gradient-4:linear-gradient(#00f5a0,#00d9f5);--gradient-5:linear-gradient(#f7941e,#72c6ef,#00a651);--gradient-6:linear-gradient(#f7941e,#004e8f);--gradient-7:linear-gradient(#72c6ef,#004e8f);--gradient-8:linear-gradient(#fd8112,#0085ca);--gradient-9:linear-gradient(#bf5ae0,#a811da);--gradient-10:linear-gradient(#00416a,#e4e5e6);--gradient-11:linear-gradient(#fbed96,#abecd6);--gradient-12:linear-gradient(#ffe000,#799f0c);--gradient-13:linear-gradient(#f7f8f8,#acbb78);--gradient-14:linear-gradient(#00416a,#799f0c,#ffe000);--gradient-15:linear-gradient(#334d50,#cbcaa5);--gradient-16:linear-gradient(#0052d4,#4364f7,#6fb1fc);--gradient-17:linear-gradient(#5433ff,#20bdff,#a5fecb);--gradient-18:linear-gradient(#799f0c,#acbb78);--gradient-19:linear-gradient(#ffe259,#ffa751);--gradient-20:linear-gradient(#00416a,#e4e5e6);--gradient-21:linear-gradient(#ffe000,#799f0c);--gradient-22:linear-gradient(#acb6e5,#86fde8);--gradient-23:linear-gradient(#536976,#292e49);--gradient-24:linear-gradient(#bbd2c5,#536976,#292e49);--gradient-25:linear-gradient(#b79891,#94716b);--gradient-26:linear-gradient(#9796f0,#fbc7d4);--gradient-27:linear-gradient(#bbd2c5,#536976);--gradient-28:linear-gradient(#076585,#fff);--gradient-29:linear-gradient(#00467f,#a5cc82);--gradient-30:linear-gradient(#000c40,#607d8b);--conic-gradient-1:conic-gradient(from 90deg at bottom right,cyan,#639);--conic-gradient-2:conic-gradient(from .5turn at bottom center,#add8e6,#fff);--conic-gradient-3:conic-gradient(from 90deg at 40%,at -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--conic-gradient-3:conic-gradient(from 90deg at 40% -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--conic-gradient-4:conic-gradient(at bottom left,#ff1493,cyan);--conic-gradient-5:conic-gradient(from 90deg at 25%,at -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--conic-gradient-5:conic-gradient(from 90deg at 25% -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--conic-gradient-6:conic-gradient(from -90deg at top left,#000,#fff);--conic-gradient-7:conic-gradient(at top right,lime,cyan);--conic-gradient-8:conic-gradient(from -.5turn at bottom right,#ff1493,cyan,#639);--conic-gradient-9:conic-gradient(at top right,#708090,#fff);--conic-gradient-10:conic-gradient(from .5turn at 50%,at 110%,#fff,orange);--conic-gradient-10:conic-gradient(from .5turn at 50% 110%,#fff,orange);--conic-gradient-11:conic-gradient(from .5turn at center left,lime,cyan);--conic-gradient-12:conic-gradient(from -90deg at 50%,at -25%,blue,#8a2be2);--conic-gradient-12:conic-gradient(from -90deg at 50% -25%,blue,#8a2be2);--conic-gradient-13:conic-gradient(from .5turn at top right,#8fbc8f,#2f4f4f);--conic-gradient-14:conic-gradient(from 90deg at 50%,at 0%,#111,50%,#222,#111);--conic-gradient-14:conic-gradient(from 90deg at 50% 0%,#111,50%,#222,#111);--conic-gradient-15:conic-gradient(at top right,#e0ffff,#add8e6);--conic-gradient-16:conic-gradient(from -135deg at -10% center,orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--conic-gradient-17:conic-gradient(from -90deg at 50%,at 105%,#fff,orchid);--conic-gradient-17:conic-gradient(from -90deg at 50% 105%,#fff,orchid);--conic-gradient-18:conic-gradient(from -90deg at 25%,at 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--conic-gradient-18:conic-gradient(from -90deg at 25% 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--conic-gradient-19:conic-gradient(from -90deg at bottom center,#ffefd5,#ffdab9);--conic-gradient-20:conic-gradient(from -270deg at 50%,at -5%,#ff0,#9acd32);--conic-gradient-20:conic-gradient(from -270deg at 50% -5%,#ff0,#9acd32);--conic-gradient-21:conic-gradient(from -90deg at 75%,at -25%,sienna,purple);--conic-gradient-21:conic-gradient(from -90deg at 75% -25%,sienna,purple);--conic-gradient-22:conic-gradient(from 90deg at 50%,at 125%,#20b2aa,#135da5,#0d0895,indigo,indigo,#0d0895,#135da5,#20b2aa);--conic-gradient-22:conic-gradient(from 90deg at 50% 125%,#20b2aa,#135da5,#0d0895,indigo,indigo,#0d0895,#135da5,#20b2aa);--conic-gradient-23:conic-gradient(from -270deg at 110%,at 50%,#5f9ea0,#006400);--conic-gradient-23:conic-gradient(from -270deg at 110% 50%,#5f9ea0,#006400);--conic-gradient-24:conic-gradient(from -270deg at 75%,at 110%,#f0f,#fffaf0);--conic-gradient-24:conic-gradient(from -270deg at 75% 110%,#f0f,#fffaf0);--conic-gradient-25:conic-gradient(from -270deg at 75%,at 110%,#191970,#7cfc00);--conic-gradient-25:conic-gradient(from -270deg at 75% 110%,#191970,#7cfc00);--conic-gradient-26:conic-gradient(from .5turn at bottom left,#ff1493,#639);--conic-gradient-27:conic-gradient(from 90deg at 50%,at 125%,#1f005c,#003298,#005ac6,#007fdc,#00a2d3,#00c4ae,#00e474,#0f0,#1f005c,#003298,#005ac6,#007fdc,#00a2d3,#00c4ae,#00e474,#0f0);--conic-gradient-27:conic-gradient(from 90deg at 50% 125%,#1f005c,#003298,#005ac6,#007fdc,#00a2d3,#00c4ae,#00e474,#0f0,#1f005c,#003298,#005ac6,#007fdc,#00a2d3,#00c4ae,#00e474,#0f0);--conic-gradient-28:conic-gradient(at 0%,at 0%,snow,#fff);--conic-gradient-28:conic-gradient(at 0% 0%,snow,#fff);--conic-gradient-29:conic-gradient(from .5turn at 0%,at 0%,#00c476,10%,#82b0ff,90%,#00c476);--conic-gradient-29:conic-gradient(from .5turn at 0% 0%,#00c476,10%,#82b0ff,90%,#00c476);--conic-gradient-30:conic-gradient(at 125%,at 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--conic-gradient-30:conic-gradient(at 125% 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7)}
61\ No newline at end of file
62+ :where(html){--gradient-1:linear-gradient(#091e3a,#2f80ed,#2d9ee0);--gradient-2:linear-gradient(#9400d3,indigo);--gradient-3:linear-gradient(#c84e89,#f15f79);--gradient-4:linear-gradient(#00f5a0,#00d9f5);--gradient-5:linear-gradient(#f7941e,#72c6ef,#00a651);--gradient-6:linear-gradient(#f7941e,#004e8f);--gradient-7:linear-gradient(#72c6ef,#004e8f);--gradient-8:linear-gradient(#fd8112,#0085ca);--gradient-9:linear-gradient(#bf5ae0,#a811da);--gradient-10:linear-gradient(#00416a,#e4e5e6);--gradient-11:linear-gradient(#fbed96,#abecd6);--gradient-12:linear-gradient(#ffe000,#799f0c);--gradient-13:linear-gradient(#f7f8f8,#acbb78);--gradient-14:linear-gradient(#00416a,#799f0c,#ffe000);--gradient-15:linear-gradient(#334d50,#cbcaa5);--gradient-16:linear-gradient(#0052d4,#4364f7,#6fb1fc);--gradient-17:linear-gradient(#5433ff,#20bdff,#a5fecb);--gradient-18:linear-gradient(#799f0c,#acbb78);--gradient-19:linear-gradient(#ffe259,#ffa751);--gradient-20:linear-gradient(#00416a,#e4e5e6);--gradient-21:linear-gradient(#ffe000,#799f0c);--gradient-22:linear-gradient(#acb6e5,#86fde8);--gradient-23:linear-gradient(#536976,#292e49);--gradient-24:linear-gradient(#bbd2c5,#536976,#292e49);--gradient-25:linear-gradient(#b79891,#94716b);--gradient-26:linear-gradient(#9796f0,#fbc7d4);--gradient-27:linear-gradient(#bbd2c5,#536976);--gradient-28:linear-gradient(#076585,#fff);--gradient-29:linear-gradient(#00467f,#a5cc82);--gradient-30:linear-gradient(#000c40,#607d8b);--conic-gradient-1:conic-gradient(from 90deg at bottom right,cyan,#639);--conic-gradient-2:conic-gradient(from .5turn at bottom center,#add8e6,#fff);--conic-gradient-3:conic-gradient(from 90deg at 40%,at -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--conic-gradient-3:conic-gradient(from 90deg at 40% -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--conic-gradient-4:conic-gradient(at bottom left,#ff1493,cyan);--conic-gradient-5:conic-gradient(from 90deg at 25%,at -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--conic-gradient-5:conic-gradient(from 90deg at 25% -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--conic-gradient-6:conic-gradient(from -90deg at top left,#000,#fff);--conic-gradient-7:conic-gradient(at top right,lime,cyan);--conic-gradient-8:conic-gradient(from -.5turn at bottom right,#ff1493,cyan,#639);--conic-gradient-9:conic-gradient(at top right,#708090,#fff);--conic-gradient-10:conic-gradient(from .5turn at 50%,at 110%,#fff,orange);--conic-gradient-10:conic-gradient(from .5turn at 50% 110%,#fff,orange);--conic-gradient-11:conic-gradient(from .5turn at center left,lime,cyan);--conic-gradient-12:conic-gradient(from -90deg at 50%,at -25%,blue,#8a2be2);--conic-gradient-12:conic-gradient(from -90deg at 50% -25%,blue,#8a2be2);--conic-gradient-13:conic-gradient(from .5turn at top right,#8fbc8f,#2f4f4f);--conic-gradient-14:conic-gradient(from 90deg at 50%,at 0%,#111,50%,#222,#111);--conic-gradient-14:conic-gradient(from 90deg at 50% 0%,#111,50%,#222,#111);--conic-gradient-15:conic-gradient(at top right,#e0ffff,#add8e6);--conic-gradient-16:conic-gradient(from -135deg at -10% center,orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--conic-gradient-17:conic-gradient(from -90deg at 50%,at 105%,#fff,orchid);--conic-gradient-17:conic-gradient(from -90deg at 50% 105%,#fff,orchid);--conic-gradient-18:conic-gradient(from -90deg at 25%,at 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--conic-gradient-18:conic-gradient(from -90deg at 25% 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--conic-gradient-19:conic-gradient(from -90deg at bottom center,#ffefd5,#ffdab9);--conic-gradient-20:conic-gradient(from -270deg at 50%,at -5%,#ff0,#9acd32);--conic-gradient-20:conic-gradient(from -270deg at 50% -5%,#ff0,#9acd32);--conic-gradient-21:conic-gradient(from -90deg at 75%,at -25%,sienna,purple);--conic-gradient-21:conic-gradient(from -90deg at 75% -25%,sienna,purple);--conic-gradient-22:conic-gradient(from 90deg at 50%,at 125%,#20b2aa,#135da5,#0d0895,indigo,indigo,#0d0895,#135da5,#20b2aa);--conic-gradient-22:conic-gradient(from 90deg at 50% 125%,#20b2aa,#135da5,#0d0895,indigo,indigo,#0d0895,#135da5,#20b2aa);--conic-gradient-23:conic-gradient(from -270deg at 110%,at 50%,#5f9ea0,#006400);--conic-gradient-23:conic-gradient(from -270deg at 110% 50%,#5f9ea0,#006400);--conic-gradient-24:conic-gradient(from -270deg at 75%,at 110%,#f0f,#fffaf0);--conic-gradient-24:conic-gradient(from -270deg at 75% 110%,#f0f,#fffaf0);--conic-gradient-25:conic-gradient(from -270deg at 75%,at 110%,#191970,#7cfc00);--conic-gradient-25:conic-gradient(from -270deg at 75% 110%,#191970,#7cfc00);--conic-gradient-26:conic-gradient(from .5turn at bottom left,#ff1493,#639);--conic-gradient-27:conic-gradient(from 90deg at 50%,at 125%,#1f005c,#003298,#005ac6,#007fdc,#00a2d3,#00c4ae,#00e474,#0f0,#1f005c,#003298,#005ac6,#007fdc,#00a2d3,#00c4ae,#00e474,#0f0);--conic-gradient-27:conic-gradient(from 90deg at 50% 125%,#1f005c,#003298,#005ac6,#007fdc,#00a2d3,#00c4ae,#00e474,#0f0,#1f005c,#003298,#005ac6,#007fdc,#00a2d3,#00c4ae,#00e474,#0f0);--conic-gradient-28:conic-gradient(at 0%,at 0%,snow,#fff);--conic-gradient-28:conic-gradient(at 0% 0%,snow,#fff);--conic-gradient-29:conic-gradient(from .5turn at 0%,at 0%,#00c476,10%,#82b0ff,90%,#00c476);--conic-gradient-29:conic-gradient(from .5turn at 0% 0%,#00c476,10%,#82b0ff,90%,#00c476);--conic-gradient-30:conic-gradient(at 125%,at 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--conic-gradient-30:conic-gradient(at 125% 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7)}
63\ No newline at end of file
64 diff --git a/package-lock.json b/package-lock.json
65index 37923cd..97f3c1e 100644
66--- a/package-lock.json
67+++ b/package-lock.json
68 @@ -1,12 +1,12 @@
69 {
70 "name": "open-props",
71- "version": "0.0.10",
72+ "version": "0.0.11",
73 "lockfileVersion": 2,
74 "requires": true,
75 "packages": {
76 "": {
77 "name": "open-props",
78- "version": "0.0.10",
79+ "version": "0.0.11",
80 "license": "ISC",
81 "devDependencies": {
82 "concurrently": "^6.2.1",
83 diff --git a/package.json b/package.json
84index 610b8dd..5d27c41 100644
85--- a/package.json
86+++ b/package.json
87 @@ -2,7 +2,7 @@
88 "name": "open-props",
89 "author": "Adam Argyle",
90 "license": "ISC",
91- "version": "0.0.11",
92+ "version": "0.0.12",
93 "repository": {
94 "type": "git",
95 "url": "https://github.com/argyleink/open-props"
96 diff --git a/props.css b/props.css
97index a866d46..8c126a8 100644
98--- a/props.css
99+++ b/props.css
100 @@ -1 +1 @@
101- html{--isLTR:1;--isRTL:-1}html[dir=rtl]{--isLTR:-1;--isRTL:1}html{--font-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-serif:ui-serif,serif;--font-mono:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;--font-thin:100;--font-semilight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--font-leading-00:.95;--font-leading-0:1.1;--font-leading-1:1.25;--font-leading-2:1.375;--font-leading-3:1.5;--font-leading-4:1.75;--font-leading-5:2;--font-relative-leading-1:calc(1rem + 1.1ch);--font-relative-leading-2:calc(1rem + 1.25ch);--font-relative-leading-3:calc(1rem + 1.5ch);--font-relative-leading-4:calc(1rem + 2ch);--font-relative-leading-5:calc(1rem + 2.5ch);--font-relative-leading-6:calc(1rem + 3ch);--font-tracking-00:-.05em;--font-tracking-1:.025em;--font-tracking-2:.025em;--font-tracking-3:.05em;--font-tracking-4:.1em;--font-size-000:.5rem;--font-size-00:.75rem;--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-00:clamp(.75rem,1.5vw,1rem);--font-size-fluid-1:clamp(1rem,2vw,1.5rem);--font-size-fluid-2:clamp(1.5rem,3vw,2.5rem);--font-size-fluid-3:clamp(2rem,4vw,3.5rem);--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:2.5rem;--size-9:3rem;--size-10:3.5rem;--size-11:4rem;--size-12:5rem;--size-13:7rem;--size-14:9rem;--size-15:10rem;--size-fluid-1:clamp(.5rem,1vw,1rem);--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(3rem,5vw,4rem);--size-fluid-6:clamp(4rem,6vw,5rem);--size-fluid-7:clamp(5rem,7vw,6rem);--size-fluid-8:clamp(6rem,8vw,7rem);--size-fluid-9:clamp(7rem,9vw,8rem);--size-fluid-10:clamp(8rem,10vw,10rem);--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:45rem;--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-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-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-inout-1:cubic-bezier(.1,0,.9,1);--ease-inout-2:cubic-bezier(.3,0,.7,1);--ease-inout-3:cubic-bezier(.5,0,.5,1);--ease-inout-4:cubic-bezier(.7,0,.3,1);--ease-inout-5:cubic-bezier(.9,0,.1,1);--ease-elastic:cubic-bezier(.2,.9,.4,1.25);--ease-squish:cubic-bezier(0.68,-0.55,0.27,1.55);--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);--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147483647;--shadow-color:220 3% 15%;--shadow-strength:1%;--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 20px -10px 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%));--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%));--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%))}@media (prefers-color-scheme:dark){html{--shadow-strength:35%;--shadow:220 5% 0%}}html{--aspect-box:1;--aspect-landscape:4/3;--aspect-portrait:3/4;--aspect-widescreen:16/9;--aspect-ultrawide:18/5;--golden-ratio:1.6180/1;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--grape-0:#f8f0fc;--grape-1:#f3d9fa;--grape-2:#eebefa;--grape-3:#e599f7;--grape-4:#da77f2;--grape-5:#cc5de8;--grape-6:#be4bdb;--grape-7:#ae3ec9;--grape-8:#9c36b5;--grape-9:#862e9c;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--gradient-1:linear-gradient(#091e3a,#2f80ed,#2d9ee0);--gradient-2:linear-gradient(#9400d3,indigo);--gradient-3:linear-gradient(#c84e89,#f15f79);--gradient-4:linear-gradient(#00f5a0,#00d9f5);--gradient-5:linear-gradient(#f7941e,#72c6ef,#00a651);--gradient-6:linear-gradient(#f7941e,#004e8f);--gradient-7:linear-gradient(#72c6ef,#004e8f);--gradient-8:linear-gradient(#fd8112,#0085ca);--gradient-9:linear-gradient(#bf5ae0,#a811da);--gradient-10:linear-gradient(#00416a,#e4e5e6);--gradient-11:linear-gradient(#fbed96,#abecd6);--gradient-12:linear-gradient(#ffe000,#799f0c);--gradient-13:linear-gradient(#f7f8f8,#acbb78);--gradient-14:linear-gradient(#00416a,#799f0c,#ffe000);--gradient-15:linear-gradient(#334d50,#cbcaa5);--gradient-16:linear-gradient(#0052d4,#4364f7,#6fb1fc);--gradient-17:linear-gradient(#5433ff,#20bdff,#a5fecb);--gradient-18:linear-gradient(#799f0c,#acbb78);--gradient-19:linear-gradient(#ffe259,#ffa751);--gradient-20:linear-gradient(#00416a,#e4e5e6);--gradient-21:linear-gradient(#ffe000,#799f0c);--gradient-22:linear-gradient(#acb6e5,#86fde8);--gradient-23:linear-gradient(#536976,#292e49);--gradient-24:linear-gradient(#bbd2c5,#536976,#292e49);--gradient-25:linear-gradient(#b79891,#94716b);--gradient-26:linear-gradient(#9796f0,#fbc7d4);--gradient-27:linear-gradient(#bbd2c5,#536976);--gradient-28:linear-gradient(#076585,#fff);--gradient-29:linear-gradient(#00467f,#a5cc82);--gradient-30:linear-gradient(#000c40,#607d8b);--conic-gradient-1:conic-gradient(from 90deg at bottom right,cyan,#639);--conic-gradient-2:conic-gradient(from .5turn at bottom center,#add8e6,#fff);--conic-gradient-3:conic-gradient(from 90deg at 40%,at -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--conic-gradient-3:conic-gradient(from 90deg at 40% -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--conic-gradient-4:conic-gradient(at bottom left,#ff1493,cyan);--conic-gradient-5:conic-gradient(from 90deg at 25%,at -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--conic-gradient-5:conic-gradient(from 90deg at 25% -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--conic-gradient-6:conic-gradient(from -90deg at top left,#000,#fff);--conic-gradient-7:conic-gradient(at top right,lime,cyan);--conic-gradient-8:conic-gradient(from -.5turn at bottom right,#ff1493,cyan,#639);--conic-gradient-9:conic-gradient(at top right,#708090,#fff);--conic-gradient-10:conic-gradient(from .5turn at 50%,at 110%,#fff,orange);--conic-gradient-10:conic-gradient(from .5turn at 50% 110%,#fff,orange);--conic-gradient-11:conic-gradient(from .5turn at center left,lime,cyan);--conic-gradient-12:conic-gradient(from -90deg at 50%,at -25%,blue,#8a2be2);--conic-gradient-12:conic-gradient(from -90deg at 50% -25%,blue,#8a2be2);--conic-gradient-13:conic-gradient(from .5turn at top right,#8fbc8f,#2f4f4f);--conic-gradient-14:conic-gradient(from 90deg at 50%,at 0%,#111,50%,#222,#111);--conic-gradient-14:conic-gradient(from 90deg at 50% 0%,#111,50%,#222,#111);--conic-gradient-15:conic-gradient(at top right,#e0ffff,#add8e6);--conic-gradient-16:conic-gradient(from -135deg at -10% center,orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--conic-gradient-17:conic-gradient(from -90deg at 50%,at 105%,#fff,orchid);--conic-gradient-17:conic-gradient(from -90deg at 50% 105%,#fff,orchid);--conic-gradient-18:conic-gradient(from -90deg at 25%,at 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--conic-gradient-18:conic-gradient(from -90deg at 25% 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--conic-gradient-19:conic-gradient(from -90deg at bottom center,#ffefd5,#ffdab9);--conic-gradient-20:conic-gradient(from -270deg at 50%,at -5%,#ff0,#9acd32);--conic-gradient-20:conic-gradient(from -270deg at 50% -5%,#ff0,#9acd32);--conic-gradient-21:conic-gradient(from -90deg at 75%,at -25%,sienna,purple);--conic-gradient-21:conic-gradient(from -90deg at 75% -25%,sienna,purple);--conic-gradient-22:conic-gradient(from 90deg at 50%,at 125%,#20b2aa,#135da5,#0d0895,indigo,indigo,#0d0895,#135da5,#20b2aa);--conic-gradient-22:conic-gradient(from 90deg at 50% 125%,#20b2aa,#135da5,#0d0895,indigo,indigo,#0d0895,#135da5,#20b2aa);--conic-gradient-23:conic-gradient(from -270deg at 110%,at 50%,#5f9ea0,#006400);--conic-gradient-23:conic-gradient(from -270deg at 110% 50%,#5f9ea0,#006400);--conic-gradient-24:conic-gradient(from -270deg at 75%,at 110%,#f0f,#fffaf0);--conic-gradient-24:conic-gradient(from -270deg at 75% 110%,#f0f,#fffaf0);--conic-gradient-25:conic-gradient(from -270deg at 75%,at 110%,#191970,#7cfc00);--conic-gradient-25:conic-gradient(from -270deg at 75% 110%,#191970,#7cfc00);--conic-gradient-26:conic-gradient(from .5turn at bottom left,#ff1493,#639);--conic-gradient-27:conic-gradient(from 90deg at 50%,at 125%,#1f005c,#003298,#005ac6,#007fdc,#00a2d3,#00c4ae,#00e474,#0f0,#1f005c,#003298,#005ac6,#007fdc,#00a2d3,#00c4ae,#00e474,#0f0);--conic-gradient-27:conic-gradient(from 90deg at 50% 125%,#1f005c,#003298,#005ac6,#007fdc,#00a2d3,#00c4ae,#00e474,#0f0,#1f005c,#003298,#005ac6,#007fdc,#00a2d3,#00c4ae,#00e474,#0f0);--conic-gradient-28:conic-gradient(at 0%,at 0%,snow,#fff);--conic-gradient-28:conic-gradient(at 0% 0%,snow,#fff);--conic-gradient-29:conic-gradient(from .5turn at 0%,at 0%,#00c476,10%,#82b0ff,90%,#00c476);--conic-gradient-29:conic-gradient(from .5turn at 0% 0%,#00c476,10%,#82b0ff,90%,#00c476);--conic-gradient-30:conic-gradient(at 125%,at 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--conic-gradient-30:conic-gradient(at 125% 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-slide-up:slide-up .5s var(--ease-3);--animation-slide-down:slide-down .5s var(--ease-3);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--easeout-3) infinite;--animation-blink:blink 1s var(--easeout-3) infinite}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes slide-down{0%{transform:translateY(-100%)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}html{--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--border-radius-1:2px;--border-radius-2:5px;--border-radius-3:1rem;--border-radius-4:2rem;--border-radius-5:4rem;--border-radius-6:8rem;--border-radius-round:1e5px;--border-radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--border-radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%}
102\ No newline at end of file
103+ :where(html){--isLTR:1;--isRTL:-1}[dir=rtl] :where(html){--isLTR:-1;--isRTL:1}:where(html){--font-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-serif:ui-serif,serif;--font-mono:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;--font-thin:100;--font-semilight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--font-leading-00:.95;--font-leading-0:1.1;--font-leading-1:1.25;--font-leading-2:1.375;--font-leading-3:1.5;--font-leading-4:1.75;--font-leading-5:2;--font-relative-leading-1:calc(1rem + 1.1ch);--font-relative-leading-2:calc(1rem + 1.25ch);--font-relative-leading-3:calc(1rem + 1.5ch);--font-relative-leading-4:calc(1rem + 2ch);--font-relative-leading-5:calc(1rem + 2.5ch);--font-relative-leading-6:calc(1rem + 3ch);--font-tracking-00:-.05em;--font-tracking-1:.025em;--font-tracking-2:.025em;--font-tracking-3:.05em;--font-tracking-4:.1em;--font-size-000:.5rem;--font-size-00:.75rem;--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-00:clamp(.75rem,1.5vw,1rem);--font-size-fluid-1:clamp(1rem,2vw,1.5rem);--font-size-fluid-2:clamp(1.5rem,3vw,2.5rem);--font-size-fluid-3:clamp(2rem,4vw,3.5rem)}:where(html){--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:2.5rem;--size-9:3rem;--size-10:3.5rem;--size-11:4rem;--size-12:5rem;--size-13:7rem;--size-14:9rem;--size-15:10rem;--size-fluid-1:clamp(.5rem,1vw,1rem);--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(3rem,5vw,4rem);--size-fluid-6:clamp(4rem,6vw,5rem);--size-fluid-7:clamp(5rem,7vw,6rem);--size-fluid-8:clamp(6rem,8vw,7rem);--size-fluid-9:clamp(7rem,9vw,8rem);--size-fluid-10:clamp(8rem,10vw,10rem);--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:45rem}:where(html){--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-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-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-inout-1:cubic-bezier(.1,0,.9,1);--ease-inout-2:cubic-bezier(.3,0,.7,1);--ease-inout-3:cubic-bezier(.5,0,.5,1);--ease-inout-4:cubic-bezier(.7,0,.3,1);--ease-inout-5:cubic-bezier(.9,0,.1,1);--ease-elastic:cubic-bezier(.2,.9,.4,1.25);--ease-squish:cubic-bezier(0.68,-0.55,0.27,1.55);--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)}:where(html){--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147483647}:where(html){--shadow-color:220 3% 15%;--shadow-strength:1%;--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 20px -10px 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%));--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%));--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%))}@media (prefers-color-scheme:dark){:where(html){--shadow-strength:35%;--shadow:220 5% 0%}}:where(html){--aspect-box:1;--aspect-landscape:4/3;--aspect-portrait:3/4;--aspect-widescreen:16/9;--aspect-ultrawide:18/5;--golden-ratio:1.6180/1}:where(html){--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--grape-0:#f8f0fc;--grape-1:#f3d9fa;--grape-2:#eebefa;--grape-3:#e599f7;--grape-4:#da77f2;--grape-5:#cc5de8;--grape-6:#be4bdb;--grape-7:#ae3ec9;--grape-8:#9c36b5;--grape-9:#862e9c;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f}:where(html){--gradient-1:linear-gradient(#091e3a,#2f80ed,#2d9ee0);--gradient-2:linear-gradient(#9400d3,indigo);--gradient-3:linear-gradient(#c84e89,#f15f79);--gradient-4:linear-gradient(#00f5a0,#00d9f5);--gradient-5:linear-gradient(#f7941e,#72c6ef,#00a651);--gradient-6:linear-gradient(#f7941e,#004e8f);--gradient-7:linear-gradient(#72c6ef,#004e8f);--gradient-8:linear-gradient(#fd8112,#0085ca);--gradient-9:linear-gradient(#bf5ae0,#a811da);--gradient-10:linear-gradient(#00416a,#e4e5e6);--gradient-11:linear-gradient(#fbed96,#abecd6);--gradient-12:linear-gradient(#ffe000,#799f0c);--gradient-13:linear-gradient(#f7f8f8,#acbb78);--gradient-14:linear-gradient(#00416a,#799f0c,#ffe000);--gradient-15:linear-gradient(#334d50,#cbcaa5);--gradient-16:linear-gradient(#0052d4,#4364f7,#6fb1fc);--gradient-17:linear-gradient(#5433ff,#20bdff,#a5fecb);--gradient-18:linear-gradient(#799f0c,#acbb78);--gradient-19:linear-gradient(#ffe259,#ffa751);--gradient-20:linear-gradient(#00416a,#e4e5e6);--gradient-21:linear-gradient(#ffe000,#799f0c);--gradient-22:linear-gradient(#acb6e5,#86fde8);--gradient-23:linear-gradient(#536976,#292e49);--gradient-24:linear-gradient(#bbd2c5,#536976,#292e49);--gradient-25:linear-gradient(#b79891,#94716b);--gradient-26:linear-gradient(#9796f0,#fbc7d4);--gradient-27:linear-gradient(#bbd2c5,#536976);--gradient-28:linear-gradient(#076585,#fff);--gradient-29:linear-gradient(#00467f,#a5cc82);--gradient-30:linear-gradient(#000c40,#607d8b);--conic-gradient-1:conic-gradient(from 90deg at bottom right,cyan,#639);--conic-gradient-2:conic-gradient(from .5turn at bottom center,#add8e6,#fff);--conic-gradient-3:conic-gradient(from 90deg at 40%,at -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--conic-gradient-3:conic-gradient(from 90deg at 40% -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--conic-gradient-4:conic-gradient(at bottom left,#ff1493,cyan);--conic-gradient-5:conic-gradient(from 90deg at 25%,at -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--conic-gradient-5:conic-gradient(from 90deg at 25% -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--conic-gradient-6:conic-gradient(from -90deg at top left,#000,#fff);--conic-gradient-7:conic-gradient(at top right,lime,cyan);--conic-gradient-8:conic-gradient(from -.5turn at bottom right,#ff1493,cyan,#639);--conic-gradient-9:conic-gradient(at top right,#708090,#fff);--conic-gradient-10:conic-gradient(from .5turn at 50%,at 110%,#fff,orange);--conic-gradient-10:conic-gradient(from .5turn at 50% 110%,#fff,orange);--conic-gradient-11:conic-gradient(from .5turn at center left,lime,cyan);--conic-gradient-12:conic-gradient(from -90deg at 50%,at -25%,blue,#8a2be2);--conic-gradient-12:conic-gradient(from -90deg at 50% -25%,blue,#8a2be2);--conic-gradient-13:conic-gradient(from .5turn at top right,#8fbc8f,#2f4f4f);--conic-gradient-14:conic-gradient(from 90deg at 50%,at 0%,#111,50%,#222,#111);--conic-gradient-14:conic-gradient(from 90deg at 50% 0%,#111,50%,#222,#111);--conic-gradient-15:conic-gradient(at top right,#e0ffff,#add8e6);--conic-gradient-16:conic-gradient(from -135deg at -10% center,orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--conic-gradient-17:conic-gradient(from -90deg at 50%,at 105%,#fff,orchid);--conic-gradient-17:conic-gradient(from -90deg at 50% 105%,#fff,orchid);--conic-gradient-18:conic-gradient(from -90deg at 25%,at 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--conic-gradient-18:conic-gradient(from -90deg at 25% 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--conic-gradient-19:conic-gradient(from -90deg at bottom center,#ffefd5,#ffdab9);--conic-gradient-20:conic-gradient(from -270deg at 50%,at -5%,#ff0,#9acd32);--conic-gradient-20:conic-gradient(from -270deg at 50% -5%,#ff0,#9acd32);--conic-gradient-21:conic-gradient(from -90deg at 75%,at -25%,sienna,purple);--conic-gradient-21:conic-gradient(from -90deg at 75% -25%,sienna,purple);--conic-gradient-22:conic-gradient(from 90deg at 50%,at 125%,#20b2aa,#135da5,#0d0895,indigo,indigo,#0d0895,#135da5,#20b2aa);--conic-gradient-22:conic-gradient(from 90deg at 50% 125%,#20b2aa,#135da5,#0d0895,indigo,indigo,#0d0895,#135da5,#20b2aa);--conic-gradient-23:conic-gradient(from -270deg at 110%,at 50%,#5f9ea0,#006400);--conic-gradient-23:conic-gradient(from -270deg at 110% 50%,#5f9ea0,#006400);--conic-gradient-24:conic-gradient(from -270deg at 75%,at 110%,#f0f,#fffaf0);--conic-gradient-24:conic-gradient(from -270deg at 75% 110%,#f0f,#fffaf0);--conic-gradient-25:conic-gradient(from -270deg at 75%,at 110%,#191970,#7cfc00);--conic-gradient-25:conic-gradient(from -270deg at 75% 110%,#191970,#7cfc00);--conic-gradient-26:conic-gradient(from .5turn at bottom left,#ff1493,#639);--conic-gradient-27:conic-gradient(from 90deg at 50%,at 125%,#1f005c,#003298,#005ac6,#007fdc,#00a2d3,#00c4ae,#00e474,#0f0,#1f005c,#003298,#005ac6,#007fdc,#00a2d3,#00c4ae,#00e474,#0f0);--conic-gradient-27:conic-gradient(from 90deg at 50% 125%,#1f005c,#003298,#005ac6,#007fdc,#00a2d3,#00c4ae,#00e474,#0f0,#1f005c,#003298,#005ac6,#007fdc,#00a2d3,#00c4ae,#00e474,#0f0);--conic-gradient-28:conic-gradient(at 0%,at 0%,snow,#fff);--conic-gradient-28:conic-gradient(at 0% 0%,snow,#fff);--conic-gradient-29:conic-gradient(from .5turn at 0%,at 0%,#00c476,10%,#82b0ff,90%,#00c476);--conic-gradient-29:conic-gradient(from .5turn at 0% 0%,#00c476,10%,#82b0ff,90%,#00c476);--conic-gradient-30:conic-gradient(at 125%,at 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--conic-gradient-30:conic-gradient(at 125% 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7)}:where(html){--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-slide-up:slide-up .5s var(--ease-3);--animation-slide-down:slide-down .5s var(--ease-3);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--easeout-3) infinite;--animation-blink:blink 1s var(--easeout-3) infinite}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes slide-down{0%{transform:translateY(-100%)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}:where(html){--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--border-radius-1:2px;--border-radius-2:5px;--border-radius-3:1rem;--border-radius-4:2rem;--border-radius-5:4rem;--border-radius-6:8rem;--border-radius-round:1e5px;--border-radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--border-radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%}
104\ No newline at end of file
105 diff --git a/reset.css b/reset.css
106index 2a0f024..e850c76 100644
107--- a/reset.css
108+++ b/reset.css
109 @@ -1 +1 @@
110- :where(html){--brand:var(--pink-6);--text-1:var(--gray-9);--text-2:var(--gray-8);--surface-1:var(--gray-0);--surface-2:var(--gray-2);--surface-3:var(--gray-3);--surface-4:var(--gray-4);color-scheme:light}@media (dynamic-range:high){:where(html){--brand:color(display-p3 1 0 1)}}@media (prefers-color-scheme:dark){:where(html){--brand:var(--pink-4);--text-1:var(--gray-1);--text-2:var(--gray-2);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);color-scheme:dark}}:where(html){background-color:var(--surface-1);color:var(--text-2)}:where(h1,h2,h3,h4,h5,h6,dt){color:var(--text-1)}:where(a[href]){color:var(--brand)}:where(html){accent-color:var(--brand);scrollbar-color:var(--brand) Canvas}::selection{background-color:var(--brand);color:color-contrast(var(--brand))}:focus-visible{outline-color:var(--brand)}::marker{color:var(--brand)}:is(::-webkit-calendar-picker-indicator,::-webkit-clear-button,::-webkit-inner-spin-button,::-webkit-outer-spin-button){color:var(--brand)}:where(*,:before,:after){box-sizing:border-box}*{background-origin:border-box;background-repeat:no-repeat;margin:0}:where(:not(fieldset)){border-style:solid;border-width:0}:where(html){block-size:100%;font-family:var(--font-sans);line-height:var(--font-leading-3)}@media (prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){font-weight:var(--font-black);line-height:var(--font-relative-leading-2)}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]){cursor:pointer;touch-action:manipulation}:where(a){margin-block:calc(var(--size-1)*-1);margin-inline:calc(var(--size-1)*-1);padding-block:var(--size-1);padding-inline:var(--size-1)}:where(a):where([href]){text-decoration-color:var(--text-1)}:where(a):where(:not(:hover)){text-decoration:inherit}:where(button){-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block;vertical-align:middle}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select){color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}:where(input){padding-block:var(--size-1);padding-inline:var(--size-2)}:where(select){padding-block:var(--size-1);padding-inline:var(--size-2)}:where(textarea){resize:block}:where(input[type=checkbox],input[type=radio]){block-size:var(--size-3);inline-size:var(--size-3)}:where(svg){stroke:none;fill:currentColor}:where(svg):where(:not([fill])){stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}:where(svg):where(:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-mono)}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){max-inline-size:max-content;min-inline-size:0;white-space:pre}:where(:not(pre)>code){background:var(--surface-2);border-radius:var(--border-radius-2);padding:var(--size-1) var(--size-2)}:where(kbd,var){border-color:var(--surface-4);border-radius:var(--border-radius-2);border-width:var(--border-size-1);padding:var(--size-1) var(--size-2)}:where(mark){border-radius:var(--border-radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){max-inline-size:var(--size-content-3)}:where(dt,summary){font-weight:var(--font-bold)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-00));max-inline-size:var(--size-content-1)}:where(hr){background-color:var(--surface-3);height:var(--border-size-2);margin-block:var(--size-fluid-5)}:where(figure){display:grid;gap:var(--size-2);place-items:center}:where(figure)>:where(figcaption){font-size:var(--font-size-1)}:where(blockquote,:not>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){display:grid;gap:var(--size-3);max-inline-size:var(--size-content-2);padding-block:var(--size-3);padding-inline:var(--size-4)}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);border-radius:var(--border-radius-2);margin:calc(var(--size-3)*-1);padding:var(--size-2) var(--size-3)}:where(details){background:var(--surface-2);border-radius:var(--border-radius-2);padding-block:var(--size-2);padding-inline:var(--size-3)}:where(details):where([open]>summary){border-end-end-radius:0;border-end-start-radius:0;margin-bottom:var(--size-2)}:where(fieldset){border-radius:var(--border-radius-2)}:where(del){background:var(--red-9);color:var(--red-2)}:where(ins){background:var(--green-9);color:var(--green-1)}:where(abbr){text-decoration-color:var(--blue-5)}
111\ No newline at end of file
112+ :where(html){--brand:var(--pink-6);--text-1:var(--gray-9);--text-2:var(--gray-8);--surface-1:var(--gray-0);--surface-2:var(--gray-2);--surface-3:var(--gray-3);--surface-4:var(--gray-4);color-scheme:light}@media (dynamic-range:high){:where(html){--brand:color(display-p3 1 0 1)}}@media (prefers-color-scheme:dark){:where(html){--brand:var(--pink-4);--text-1:var(--gray-1);--text-2:var(--gray-2);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);color-scheme:dark}}:where(html){background-color:var(--surface-1);color:var(--text-2)}:where(h1,h2,h3,h4,h5,h6,dt){color:var(--text-1)}:where(a[href]){color:var(--brand)}:where(html){accent-color:var(--brand);scrollbar-color:var(--brand) Canvas}::selection{background-color:var(--brand);color:color-contrast(var(--brand))}:focus-visible{outline-color:var(--brand)}::marker{color:var(--brand)}:is(::-webkit-calendar-picker-indicator,::-webkit-clear-button,::-webkit-inner-spin-button,::-webkit-outer-spin-button){color:var(--brand)}:where(*,:before,:after){box-sizing:border-box}*{background-origin:border-box;background-repeat:no-repeat;margin:0}:where(:not(fieldset)){border-style:solid;border-width:0}:where(html){block-size:100%;font-family:var(--font-sans);line-height:var(--font-leading-3)}@media (prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}@media (prefers-reduced-motion:no-preference){:focus{outline-offset:5px;transition:outline-offset .25s var(--ease-2)}}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){font-weight:var(--font-black);line-height:var(--font-relative-leading-2)}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]){cursor:pointer;touch-action:manipulation}:where(a){margin-block:calc(var(--size-1)*-1);margin-inline:calc(var(--size-1)*-1);padding-block:var(--size-1);padding-inline:var(--size-1)}:where(a):where([href]){text-decoration-color:var(--text-1)}:where(a):where(:not(:hover)){text-decoration:inherit}:where(button){-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block;vertical-align:middle}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select){color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}:where(input){padding-block:var(--size-1);padding-inline:var(--size-2)}:where(select){padding-block:var(--size-1);padding-inline:var(--size-2)}:where(textarea){resize:block}:where(input[type=checkbox],input[type=radio]){block-size:var(--size-3);inline-size:var(--size-3)}:where(svg){stroke:none;fill:currentColor}:where(svg):where(:not([fill])){stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}:where(svg):where(:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-mono)}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){max-inline-size:max-content;min-inline-size:0;white-space:pre}:where(:not(pre)>code){background:var(--surface-2);border-radius:var(--border-radius-2);padding:var(--size-1) var(--size-2)}:where(kbd,var){border-color:var(--surface-4);border-radius:var(--border-radius-2);border-width:var(--border-size-1);padding:var(--size-1) var(--size-2)}:where(mark){border-radius:var(--border-radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){max-inline-size:var(--size-content-3)}:where(dt,summary){font-weight:var(--font-bold)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-00));max-inline-size:var(--size-content-1)}:where(hr){background-color:var(--surface-3);height:var(--border-size-2);margin-block:var(--size-fluid-5)}:where(figure){display:grid;gap:var(--size-2);place-items:center}:where(figure)>:where(figcaption){font-size:var(--font-size-1)}:where(blockquote,:not>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){display:grid;gap:var(--size-3);max-inline-size:var(--size-content-2);padding-block:var(--size-3);padding-inline:var(--size-4)}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);border-radius:var(--border-radius-2);margin:calc(var(--size-3)*-1);padding:var(--size-2) var(--size-3)}:where(details){background:var(--surface-2);border-radius:var(--border-radius-2);padding-block:var(--size-2);padding-inline:var(--size-3)}:where(details):where([open]>summary){border-end-end-radius:0;border-end-start-radius:0;margin-bottom:var(--size-2)}:where(fieldset){border-radius:var(--border-radius-2)}:where(del){background:var(--red-9);color:var(--red-2)}:where(ins){background:var(--green-9);color:var(--green-1)}:where(abbr){text-decoration-color:var(--blue-5)}
113\ No newline at end of file
114 diff --git a/shadows.css b/shadows.css
115index db48d12..87c4ed1 100644
116--- a/shadows.css
117+++ b/shadows.css
118 @@ -1 +1 @@
119- html{--shadow-color:220 3% 15%;--shadow-strength:1%;--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 20px -10px 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%));--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%));--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%))}@media (prefers-color-scheme:dark){html{--shadow-strength:35%;--shadow:220 5% 0%}}
120\ No newline at end of file
121+ :where(html){--shadow-color:220 3% 15%;--shadow-strength:1%;--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 20px -10px 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%));--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%));--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%))}@media (prefers-color-scheme:dark){:where(html){--shadow-strength:35%;--shadow:220 5% 0%}}
122\ No newline at end of file
123 diff --git a/sizes.css b/sizes.css
124index 740b6a1..271353a 100644
125--- a/sizes.css
126+++ b/sizes.css
127 @@ -1 +1 @@
128- html{--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:2.5rem;--size-9:3rem;--size-10:3.5rem;--size-11:4rem;--size-12:5rem;--size-13:7rem;--size-14:9rem;--size-15:10rem;--size-fluid-1:clamp(.5rem,1vw,1rem);--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(3rem,5vw,4rem);--size-fluid-6:clamp(4rem,6vw,5rem);--size-fluid-7:clamp(5rem,7vw,6rem);--size-fluid-8:clamp(6rem,8vw,7rem);--size-fluid-9:clamp(7rem,9vw,8rem);--size-fluid-10:clamp(8rem,10vw,10rem);--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:45rem}
129\ No newline at end of file
130+ :where(html){--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:2.5rem;--size-9:3rem;--size-10:3.5rem;--size-11:4rem;--size-12:5rem;--size-13:7rem;--size-14:9rem;--size-15:10rem;--size-fluid-1:clamp(.5rem,1vw,1rem);--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(3rem,5vw,4rem);--size-fluid-6:clamp(4rem,6vw,5rem);--size-fluid-7:clamp(5rem,7vw,6rem);--size-fluid-8:clamp(6rem,8vw,7rem);--size-fluid-9:clamp(7rem,9vw,8rem);--size-fluid-10:clamp(8rem,10vw,10rem);--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:45rem}
131\ No newline at end of file
132 diff --git a/src/props.animations.css b/src/props.animations.css
133index 5377c6c..0db44ae 100644
134--- a/src/props.animations.css
135+++ b/src/props.animations.css
136 @@ -1,4 +1,4 @@
137- html {
138+ :where(html) {
139 --animation-fade-in: fade-in .5s var(--ease-3);
140 --animation-fade-out: fade-out .5s var(--ease-3);
141 --animation-slide-up: slide-up .5s var(--ease-3);
142 diff --git a/src/props.aspects.css b/src/props.aspects.css
143index fe25f7b..d0a796d 100644
144--- a/src/props.aspects.css
145+++ b/src/props.aspects.css
146 @@ -1,4 +1,4 @@
147- html {
148+ :where(html) {
149 --aspect-box: 1;
150 --aspect-landscape: 4/3;
151 --aspect-portrait: 3/4;
152 diff --git a/src/props.borders.css b/src/props.borders.css
153index a3e7703..e61f039 100644
154--- a/src/props.borders.css
155+++ b/src/props.borders.css
156 @@ -1,4 +1,4 @@
157- html {
158+ :where(html) {
159 --border-size-1: 1px;
160 --border-size-2: 2px;
161 --border-size-3: 5px;
162 diff --git a/src/props.colors.css b/src/props.colors.css
163index a83c3ce..8de3736 100644
164--- a/src/props.colors.css
165+++ b/src/props.colors.css
166 @@ -1,5 +1,5 @@
167 /* generated with props.colors.src.js */
168- html {
169+ :where(html) {
170 --gray-0: #f8f9fa;
171 --gray-1: #f1f3f5;
172 --gray-2: #e9ecef;
173 diff --git a/src/props.easing.css b/src/props.easing.css
174index fb5bdf1..2e97e4c 100644
175--- a/src/props.easing.css
176+++ b/src/props.easing.css
177 @@ -1,4 +1,4 @@
178- html {
179+ :where(html) {
180 --ease-1: cubic-bezier(.25, 0, .5, 1);
181 --ease-2: cubic-bezier(.25, 0, .4, 1);
182 --ease-3: cubic-bezier(.25, 0, .3, 1);
183 diff --git a/src/props.fonts.css b/src/props.fonts.css
184index cc4e79c..e1c3d53 100644
185--- a/src/props.fonts.css
186+++ b/src/props.fonts.css
187 @@ -1,4 +1,4 @@
188- html {
189+ :where(html) {
190 --font-sans: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
191 --font-serif: ui-serif,serif;
192 --font-mono: Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;
193 diff --git a/src/props.gradients.css b/src/props.gradients.css
194index ef73e0e..2dd376f 100644
195--- a/src/props.gradients.css
196+++ b/src/props.gradients.css
197 @@ -1,5 +1,5 @@
198 /* generated with props.colors.src.js */
199- html {
200+ :where(html) {
201 --gradient-1: linear-gradient(#091E3A,#2F80ED,#2D9EE0);
202 --gradient-2: linear-gradient(#9400D3,#4B0082);
203 --gradient-3: linear-gradient(#c84e89,#F15F79);
204 diff --git a/src/props.highlights.css b/src/props.highlights.css
205index 9c5deb3..1eb97a5 100644
206--- a/src/props.highlights.css
207+++ b/src/props.highlights.css
208 @@ -1,4 +1,4 @@
209- html {
210+ :where(html) {
211 --highlight-size: 10px;
212 --highlight-color: hsl(0 0% 0% / 20%);
213
214 diff --git a/src/props.layouts.css b/src/props.layouts.css
215index df1ffb8..62617df 100644
216--- a/src/props.layouts.css
217+++ b/src/props.layouts.css
218 @@ -1,4 +1,4 @@
219- html {
220+ :where(html) {
221 --grid-stack: [stack] 1fr / [stack] 1fr;
222 --grid-ram: repeat(auto-fit, minmax(min(100%, 1fr), 1fr));
223 }
224\ No newline at end of file
225 diff --git a/src/props.shadows.css b/src/props.shadows.css
226index 3bafc87..2be4d93 100644
227--- a/src/props.shadows.css
228+++ b/src/props.shadows.css
229 @@ -1,6 +1,6 @@
230 @import "props.media.css";
231
232- html {
233+ :where(html) {
234 --shadow-color: 220 3% 15%;
235 --shadow-strength: 1%;
236
237 diff --git a/src/props.sizes.css b/src/props.sizes.css
238index e88eace..d6124ac 100644
239--- a/src/props.sizes.css
240+++ b/src/props.sizes.css
241 @@ -1,4 +1,4 @@
242- html {
243+ :where(html) {
244 --size-000: -.5rem;
245 --size-00: -.25rem;
246 --size-1: .25rem;
247 diff --git a/src/props.svg.css b/src/props.svg.css
248index 31b96cb..9627b5f 100644
249--- a/src/props.svg.css
250+++ b/src/props.svg.css
251 @@ -1,3 +1,3 @@
252- html {
253+ :where(html) {
254 --grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
255 }
256\ No newline at end of file
257 diff --git a/src/props.zindex.css b/src/props.zindex.css
258index d82214b..426eec8 100644
259--- a/src/props.zindex.css
260+++ b/src/props.zindex.css
261 @@ -1,4 +1,4 @@
262- html {
263+ :where(html) {
264 --layer-1: 1;
265 --layer-2: 2;
266 --layer-3: 3;
267 diff --git a/zindex.css b/zindex.css
268index ffc62c6..e0250f3 100644
269--- a/zindex.css
270+++ b/zindex.css
271 @@ -1 +1 @@
272- html{--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147483647}
273\ No newline at end of file
274+ :where(html){--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147483647}
275\ No newline at end of file