@kofile/gds-foundations 1.4.4 → 1.4.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/css/themes/global.css +81 -40
- package/build/minified/global.css +1 -1
- package/package.json +1 -1
|
@@ -44,6 +44,16 @@
|
|
|
44
44
|
--primitive-1280: 80rem;
|
|
45
45
|
--primitive-1600: 100rem;
|
|
46
46
|
--primitive-1920: 120rem;
|
|
47
|
+
--primitive-brand-purple: #775ed3;
|
|
48
|
+
--primitive-brand-lilac: #dacdf2;
|
|
49
|
+
--primitive-brand-coolwhite: #f7f2f9;
|
|
50
|
+
--primitive-brand-navy: #0a1128;
|
|
51
|
+
--primitive-brand-sunflower: #efe745;
|
|
52
|
+
--color-brand-primary: var(--color-brand-purple);
|
|
53
|
+
--color-brand-light: var(--color-brand-lilac);
|
|
54
|
+
--color-brand-soft: var(--color-brand-coolwhite);
|
|
55
|
+
--color-brand-dark: var(--color-brand-navy);
|
|
56
|
+
--color-brand-accent: var(--color-brand-sunflower);
|
|
47
57
|
--primitive-gray-100: #f7f7f7;
|
|
48
58
|
--primitive-gray-200: #edeeef;
|
|
49
59
|
--primitive-gray-300: #d5d7db;
|
|
@@ -56,6 +66,16 @@
|
|
|
56
66
|
--primitive-gray-1000: #191b22;
|
|
57
67
|
--primitive-gray-black: #121212;
|
|
58
68
|
--primitive-gray-white: #ffffff;
|
|
69
|
+
--primitive-gray-100-alpha: rgba(56, 56, 56, 0.04);
|
|
70
|
+
--primitive-gray-200-alpha: rgba(31, 44, 56, 0.08);
|
|
71
|
+
--primitive-gray-300-alpha: rgba(8, 20, 43, 0.17);
|
|
72
|
+
--primitive-gray-400-alpha: rgba(7, 25, 49, 0.29);
|
|
73
|
+
--primitive-gray-500-alpha: rgba(2, 17, 44, 0.45);
|
|
74
|
+
--primitive-gray-600-alpha: rgba(4, 17, 42, 0.59);
|
|
75
|
+
--primitive-gray-700-alpha: rgba(4, 12, 32, 0.7);
|
|
76
|
+
--primitive-gray-800-alpha: rgba(1, 7, 19, 0.8);
|
|
77
|
+
--primitive-gray-900-alpha: rgba(0, 5, 15, 0.86);
|
|
78
|
+
--primitive-gray-1000-alpha: rgba(2, 4, 13, 0.91);
|
|
59
79
|
--primitive-blue-100: #f0f7ff;
|
|
60
80
|
--primitive-blue-200: #d9eafe;
|
|
61
81
|
--primitive-blue-300: #abcffd;
|
|
@@ -66,6 +86,16 @@
|
|
|
66
86
|
--primitive-blue-800: #052b74;
|
|
67
87
|
--primitive-blue-900: #041c4f;
|
|
68
88
|
--primitive-blue-1000: #03122f;
|
|
89
|
+
--primitive-blue-100-alpha: rgba(5, 122, 255, 0.06);
|
|
90
|
+
--primitive-blue-200-alpha: rgba(2, 117, 247, 0.15);
|
|
91
|
+
--primitive-blue-300-alpha: rgba(0, 112, 250, 0.33);
|
|
92
|
+
--primitive-blue-400-alpha: rgba(0, 108, 250, 0.6);
|
|
93
|
+
--primitive-blue-500-alpha: rgba(3, 103, 252, 0.78);
|
|
94
|
+
--primitive-blue-600-alpha: rgba(2, 79, 202, 0.96);
|
|
95
|
+
--primitive-blue-700-alpha: rgba(1, 56, 152, 0.98);
|
|
96
|
+
--primitive-blue-800-alpha: rgba(2, 42, 116, 0.99);
|
|
97
|
+
--primitive-blue-900-alpha: rgba(1, 26, 75, 0.99);
|
|
98
|
+
--primitive-blue-1000-alpha: rgba(0, 16, 46, 0.99);
|
|
69
99
|
--primitive-red-100: #feecec;
|
|
70
100
|
--primitive-red-200: #fedcdc;
|
|
71
101
|
--primitive-red-300: #feada9;
|
|
@@ -96,26 +126,36 @@
|
|
|
96
126
|
--primitive-orange-800: #753c08;
|
|
97
127
|
--primitive-orange-900: #553008;
|
|
98
128
|
--primitive-orange-1000: #3c2109;
|
|
99
|
-
--primitive-yellow-100: #
|
|
100
|
-
--primitive-yellow-200: #
|
|
101
|
-
--primitive-yellow-300: #
|
|
102
|
-
--primitive-yellow-400: #
|
|
103
|
-
--primitive-yellow-500: #
|
|
104
|
-
--primitive-yellow-600: #
|
|
105
|
-
--primitive-yellow-700: #
|
|
106
|
-
--primitive-yellow-800: #
|
|
107
|
-
--primitive-yellow-900: #
|
|
108
|
-
--primitive-yellow-1000: #
|
|
109
|
-
--primitive-purple-100: #
|
|
110
|
-
--primitive-purple-200: #
|
|
111
|
-
--primitive-purple-300: #
|
|
112
|
-
--primitive-purple-400: #
|
|
113
|
-
--primitive-purple-500: #
|
|
114
|
-
--primitive-purple-600: #
|
|
115
|
-
--primitive-purple-700: #
|
|
116
|
-
--primitive-purple-800: #
|
|
129
|
+
--primitive-yellow-100: #fbfbb7;
|
|
130
|
+
--primitive-yellow-200: #f4f587;
|
|
131
|
+
--primitive-yellow-300: #efe752;
|
|
132
|
+
--primitive-yellow-400: #d6ce31;
|
|
133
|
+
--primitive-yellow-500: #beb71f;
|
|
134
|
+
--primitive-yellow-600: #a29f14;
|
|
135
|
+
--primitive-yellow-700: #807d0f;
|
|
136
|
+
--primitive-yellow-800: #65620a;
|
|
137
|
+
--primitive-yellow-900: #494606;
|
|
138
|
+
--primitive-yellow-1000: #2f2c03;
|
|
139
|
+
--primitive-purple-100: #f4f0fe;
|
|
140
|
+
--primitive-purple-200: #ece2fa;
|
|
141
|
+
--primitive-purple-300: #d5c1f4;
|
|
142
|
+
--primitive-purple-400: #b897ed;
|
|
143
|
+
--primitive-purple-500: #9e76e5;
|
|
144
|
+
--primitive-purple-600: #6640c2;
|
|
145
|
+
--primitive-purple-700: #52339a;
|
|
146
|
+
--primitive-purple-800: #3b2472;
|
|
117
147
|
--primitive-purple-900: #291753;
|
|
118
|
-
--primitive-purple-1000: #
|
|
148
|
+
--primitive-purple-1000: #160a30;
|
|
149
|
+
--primitive-purple-alpha-100: hsla(257, 96%, 48%, 0.06);
|
|
150
|
+
--primitive-purple-alpha-200: hsla(265, 89%, 44%, 0.12);
|
|
151
|
+
--primitive-purple-alpha-300: hsla(264, 94%, 43%, 0.25);
|
|
152
|
+
--primitive-purple-alpha-400: hsla(263, 99%, 42%, 0.41);
|
|
153
|
+
--primitive-purple-alpha-500: hsla(262, 99%, 41%, 0.54);
|
|
154
|
+
--primitive-purple-alpha-600: hsla(258, 100%, 34%, 0.75);
|
|
155
|
+
--primitive-purple-alpha-700: hsla(258, 100%, 25%, 0.8);
|
|
156
|
+
--primitive-purple-alpha-800: hsla(258, 100%, 18%, 0.86);
|
|
157
|
+
--primitive-purple-alpha-900: hsla(258, 100%, 13%, 0.91);
|
|
158
|
+
--primitive-purple-alpha-1000: hsla(260, 91%, 9%, 0.97);
|
|
119
159
|
--primitive-magenta-100: #ffecf8;
|
|
120
160
|
--primitive-magenta-200: #fcc8e9;
|
|
121
161
|
--primitive-magenta-300: #f59cd2;
|
|
@@ -148,16 +188,16 @@
|
|
|
148
188
|
--color-neutral-1000: var(--primitive-gray-1000);
|
|
149
189
|
--color-neutral-darkest: var(--primitive-gray-black);
|
|
150
190
|
--color-neutral-lightest: var(--primitive-gray-white);
|
|
151
|
-
--color-neutral-100-alpha:
|
|
152
|
-
--color-neutral-200-alpha:
|
|
153
|
-
--color-neutral-300-alpha:
|
|
154
|
-
--color-neutral-400-alpha:
|
|
155
|
-
--color-neutral-500-alpha:
|
|
156
|
-
--color-neutral-600-alpha:
|
|
157
|
-
--color-neutral-700-alpha:
|
|
158
|
-
--color-neutral-800-alpha:
|
|
159
|
-
--color-neutral-900-alpha:
|
|
160
|
-
--color-neutral-1000-alpha:
|
|
191
|
+
--color-neutral-100-alpha: var(--primitive-gray-100-alpha);
|
|
192
|
+
--color-neutral-200-alpha: var(--primitive-gray-200-alpha);
|
|
193
|
+
--color-neutral-300-alpha: var(--primitive-gray-300-alpha);
|
|
194
|
+
--color-neutral-400-alpha: var(--primitive-gray-400-alpha);
|
|
195
|
+
--color-neutral-500-alpha: var(--primitive-gray-500-alpha);
|
|
196
|
+
--color-neutral-600-alpha: var(--primitive-gray-600-alpha);
|
|
197
|
+
--color-neutral-700-alpha: var(--primitive-gray-700-alpha);
|
|
198
|
+
--color-neutral-800-alpha: var(--primitive-gray-800-alpha);
|
|
199
|
+
--color-neutral-900-alpha: var(--primitive-gray-900-alpha);
|
|
200
|
+
--color-neutral-1000-alpha: var(--primitive-gray-1000-alpha);
|
|
161
201
|
--color-primary-100: var(--primitive-purple-100);
|
|
162
202
|
--color-primary-200: var(--primitive-purple-200);
|
|
163
203
|
--color-primary-300: var(--primitive-purple-300);
|
|
@@ -168,16 +208,17 @@
|
|
|
168
208
|
--color-primary-800: var(--primitive-purple-800);
|
|
169
209
|
--color-primary-900: var(--primitive-purple-900);
|
|
170
210
|
--color-primary-1000: var(--primitive-purple-1000);
|
|
171
|
-
|
|
172
|
-
--color-primary-
|
|
173
|
-
--color-primary-
|
|
174
|
-
--color-primary-
|
|
175
|
-
--color-primary-
|
|
176
|
-
--color-primary-
|
|
177
|
-
--color-primary-
|
|
178
|
-
--color-primary-
|
|
179
|
-
--color-primary-
|
|
180
|
-
--color-primary-
|
|
211
|
+
|
|
212
|
+
--color-primary-alpha-100: var(--primitive-purple-alpha-100);
|
|
213
|
+
--color-primary-alpha-200: var(--primitive-purple-alpha-200);
|
|
214
|
+
--color-primary-alpha-300: var(--primitive-purple-alpha-300);
|
|
215
|
+
--color-primary-alpha-400: var(--primitive-purple-alpha-400);
|
|
216
|
+
--color-primary-alpha-500: var(--primitive-purple-alpha-500);
|
|
217
|
+
--color-primary-alpha-600: var(--primitive-purple-alpha-600);
|
|
218
|
+
--color-primary-alpha-700: var(--primitive-purple-alpha-700);
|
|
219
|
+
--color-primary-alpha-800: var(--primitive-purple-alpha-800);
|
|
220
|
+
--color-primary-alpha-900: var(--primitive-purple-alpha-900);
|
|
221
|
+
--color-primary-alpha-1000: var(--primitive-purple-alpha-1000);
|
|
181
222
|
--color-danger-100: var(--primitive-red-100);
|
|
182
223
|
--color-danger-200: var(--primitive-red-200);
|
|
183
224
|
--color-danger-300: var(--primitive-red-300);
|
|
@@ -257,7 +298,7 @@
|
|
|
257
298
|
--font-size-4xl: var(--primitive-36);
|
|
258
299
|
--font-size-5xl: var(--primitive-48);
|
|
259
300
|
--font-size-6xl: var(--primitive-72);
|
|
260
|
-
--font-weights-regular:
|
|
301
|
+
--font-weights-regular: 444;
|
|
261
302
|
--font-weights-semibold: 600;
|
|
262
303
|
--font-weights-bold: 720;
|
|
263
304
|
--letter-spacing-3xs: -0.005em;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:host,:root{--primitive-0:0rem;--primitive-1:0.0625rem;--primitive-2:0.125rem;--primitive-4:0.25rem;--primitive-6:0.375rem;--primitive-8:0.5rem;--primitive-10:0.625rem;--primitive-11:0.6875rem;--primitive-12:0.75rem;--primitive-13:0.8125rem;--primitive-14:0.875rem;--primitive-15:0.9375rem;--primitive-16:1rem;--primitive-17:1.0625rem;--primitive-18:1.125rem;--primitive-20:1.25rem;--primitive-24:1.5rem;--primitive-28:1.75rem;--primitive-32:2rem;--primitive-36:2.25rem;--primitive-40:2.5rem;--primitive-44:2.75rem;--primitive-48:3rem;--primitive-52:3.25rem;--primitive-56:3.5rem;--primitive-60:3.75rem;--primitive-64:4rem;--primitive-72:4.5rem;--primitive-80:5rem;--primitive-128:8rem;--primitive-160:10rem;--primitive-192:12rem;--primitive-224:14rem;--primitive-256:16rem;--primitive-320:20rem;--primitive-384:24rem;--primitive-448:28rem;--primitive-512:32rem;--primitive-640:40rem;--primitive-768:48rem;--primitive-1024:64rem;--primitive-1280:80rem;--primitive-1600:100rem;--primitive-1920:120rem;--primitive-gray-100:#f7f7f7;--primitive-gray-200:#edeeef;--primitive-gray-300:#d5d7db;--primitive-gray-400:#b7bcc3;--primitive-gray-500:#818791;--primitive-gray-600:#6b7280;--primitive-gray-700:#4f5562;--primitive-gray-800:#343944;--primitive-gray-900:#242831;--primitive-gray-1000:#191b22;--primitive-gray-black:#121212;--primitive-gray-white:#fff;--primitive-blue-100:#f0f7ff;--primitive-blue-200:#d9eafe;--primitive-blue-300:#abcffd;--primitive-blue-400:#66a8fd;--primitive-blue-500:#3a89fd;--primitive-blue-600:#0c57cd;--primitive-blue-700:#063b99;--primitive-blue-800:#052b74;--primitive-blue-900:#041c4f;--primitive-blue-1000:#03122f;--primitive-red-100:#feecec;--primitive-red-200:#fedcdc;--primitive-red-300:#feada9;--primitive-red-400:#fc817c;--primitive-red-500:#f4534f;--primitive-red-600:#d12828;--primitive-red-700:#ab1a1d;--primitive-red-800:#7e130e;--primitive-red-900:#5c0b09;--primitive-red-1000:#3b0807;--primitive-green-100:#e2fdee;--primitive-green-200:#c0f6dc;--primitive-green-300:#71e0b0;--primitive-green-400:#29c68c;--primitive-green-500:#1aad74;--primitive-green-600:#088556;--primitive-green-700:#086945;--primitive-green-800:#0a4e35;--primitive-green-900:#063724;--primitive-green-1000:#052618;--primitive-orange-100:#fff3e0;--primitive-orange-200:#ffe4c2;--primitive-orange-300:#fec880;--primitive-orange-400:#fba94b;--primitive-orange-500:#f39129;--primitive-orange-600:#d26e16;--primitive-orange-700:#a2520c;--primitive-orange-800:#753c08;--primitive-orange-900:#553008;--primitive-orange-1000:#3c2109;--primitive-yellow-100:#fdfdd4;--primitive-yellow-200:#f8f990;--primitive-yellow-300:#efe85c;--primitive-yellow-400:#dbd22d;--primitive-yellow-500:#bfb81f;--primitive-yellow-600:#a3a014;--primitive-yellow-700:#817e0f;--primitive-yellow-800:#66630a;--primitive-yellow-900:#4a4706;--primitive-yellow-1000:#302d03;--primitive-purple-100:#f7f5ff;--primitive-purple-200:#e9e5fd;--primitive-purple-300:#d1c9fc;--primitive-purple-400:#baa8f7;--primitive-purple-500:#a485ed;--primitive-purple-600:#7c4ccd;--primitive-purple-700:#562c9e;--primitive-purple-800:#3b2270;--primitive-purple-900:#291753;--primitive-purple-1000:#150c32;--primitive-magenta-100:#ffecf8;--primitive-magenta-200:#fcc8e9;--primitive-magenta-300:#f59cd2;--primitive-magenta-400:#e97dbe;--primitive-magenta-500:#d45da6;--primitive-magenta-600:#a64480;--primitive-magenta-700:#7d3261;--primitive-magenta-800:#582544;--primitive-magenta-900:#3f1d31;--primitive-magenta-1000:#2b1323;--primitive-teal-100:#d5feff;--primitive-teal-200:#93fbfa;--primitive-teal-300:#53e6e4;--primitive-teal-400:#32c6c6;--primitive-teal-500:#309d9f;--primitive-teal-600:#247678;--primitive-teal-700:#1c4e4f;--primitive-teal-800:#133636;--primitive-teal-900:#0d2727;--primitive-teal-1000:#061615;--color-neutral-100:var(--primitive-gray-100);--color-neutral-200:var(--primitive-gray-200);--color-neutral-300:var(--primitive-gray-300);--color-neutral-400:var(--primitive-gray-400);--color-neutral-500:var(--primitive-gray-500);--color-neutral-600:var(--primitive-gray-600);--color-neutral-700:var(--primitive-gray-700);--color-neutral-800:var(--primitive-gray-800);--color-neutral-900:var(--primitive-gray-900);--color-neutral-1000:var(--primitive-gray-1000);--color-neutral-darkest:var(--primitive-gray-black);--color-neutral-lightest:var(--primitive-gray-white);--color-neutral-100-alpha:rgba(56,56,56,.04);--color-neutral-200-alpha:rgba(31,44,56,.08);--color-neutral-300-alpha:rgba(8,20,43,.17);--color-neutral-400-alpha:rgba(7,25,49,.29);--color-neutral-500-alpha:rgba(2,17,44,.45);--color-neutral-600-alpha:rgba(4,17,42,.59);--color-neutral-700-alpha:rgba(4,12,32,.7);--color-neutral-800-alpha:rgba(1,7,19,.8);--color-neutral-900-alpha:rgba(0,5,15,.86);--color-neutral-1000-alpha:rgba(2,4,13,.91);--color-primary-100:var(--primitive-purple-100);--color-primary-200:var(--primitive-purple-200);--color-primary-300:var(--primitive-purple-300);--color-primary-400:var(--primitive-purple-400);--color-primary-500:var(--primitive-purple-500);--color-primary-600:var(--primitive-purple-600);--color-primary-700:var(--primitive-purple-700);--color-primary-800:var(--primitive-purple-800);--color-primary-900:var(--primitive-purple-900);--color-primary-1000:var(--primitive-purple-1000);--color-primary-100-alpha:rgba(5,122,255,.06);--color-primary-200-alpha:rgba(2,117,247,.15);--color-primary-300-alpha:rgba(0,112,250,.33);--color-primary-400-alpha:rgba(0,108,250,.6);--color-primary-500-alpha:rgba(3,103,252,.78);--color-primary-600-alpha:rgba(2,79,202,.96);--color-primary-700-alpha:rgba(1,56,152,.98);--color-primary-800-alpha:rgba(2,42,116,.99);--color-primary-900-alpha:rgba(1,26,75,.99);--color-primary-1000-alpha:rgba(0,16,46,.99);--color-danger-100:var(--primitive-red-100);--color-danger-200:var(--primitive-red-200);--color-danger-300:var(--primitive-red-300);--color-danger-400:var(--primitive-red-400);--color-danger-500:var(--primitive-red-500);--color-danger-600:var(--primitive-red-600);--color-danger-700:var(--primitive-red-700);--color-danger-800:var(--primitive-red-800);--color-danger-900:var(--primitive-red-900);--color-danger-1000:var(--primitive-red-1000);--color-warning-100:var(--primitive-orange-100);--color-warning-200:var(--primitive-orange-200);--color-warning-300:var(--primitive-orange-300);--color-warning-400:var(--primitive-orange-400);--color-warning-500:var(--primitive-orange-500);--color-warning-600:var(--primitive-orange-600);--color-warning-700:var(--primitive-orange-700);--color-warning-800:var(--primitive-orange-800);--color-warning-900:var(--primitive-orange-900);--color-warning-1000:var(--primitive-orange-1000);--color-success-100:var(--primitive-green-100);--color-success-200:var(--primitive-green-200);--color-success-300:var(--primitive-green-300);--color-success-400:var(--primitive-green-400);--color-success-500:var(--primitive-green-500);--color-success-600:var(--primitive-green-600);--color-success-700:var(--primitive-green-700);--color-success-800:var(--primitive-green-800);--color-success-900:var(--primitive-green-900);--color-success-1000:var(--primitive-green-1000);--color-highlight-100:var(--primitive-yellow-100);--color-highlight-200:var(--primitive-yellow-200);--color-highlight-300:var(--primitive-yellow-300);--color-highlight-400:var(--primitive-yellow-400);--color-highlight-500:var(--primitive-yellow-500);--color-highlight-600:var(--primitive-yellow-600);--color-highlight-700:var(--primitive-yellow-700);--color-highlight-800:var(--primitive-yellow-800);--color-highlight-900:var(--primitive-yellow-900);--color-highlight-1000:var(--primitive-yellow-1000);--spacing-4xs:var(--primitive-0);--spacing-3xs:var(--primitive-2);--spacing-2xs:var(--primitive-4);--spacing-xs:var(--primitive-8);--spacing-sm:var(--primitive-12);--spacing-md:var(--primitive-16);--spacing-lg:var(--primitive-20);--spacing-xl:var(--primitive-24);--spacing-2xl:var(--primitive-32);--spacing-3xl:var(--primitive-48);--spacing-4xl:var(--primitive-64);--layout-4xs:var(--primitive-192);--layout-3xs:var(--primitive-224);--layout-2xs:var(--primitive-256);--layout-xs:var(--primitive-320);--layout-sm:var(--primitive-384);--layout-md:var(--primitive-512);--layout-lg:var(--primitive-768);--layout-xl:var(--primitive-1024);--layout-2xl:var(--primitive-1280);--layout-3xl:var(--primitive-1600);--layout-4xl:var(--primitive-1920);--font-families-default:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-families-mono:"Fira Code",monospace;--font-size-3xs:var(--primitive-12);--font-size-2xs:var(--primitive-13);--font-size-xs:var(--primitive-14);--font-size-sm:var(--primitive-15);--font-size-md:var(--primitive-16);--font-size-lg:var(--primitive-18);--font-size-xl:var(--primitive-20);--font-size-2xl:var(--primitive-24);--font-size-3xl:var(--primitive-28);--font-size-4xl:var(--primitive-36);--font-size-5xl:var(--primitive-48);--font-size-6xl:var(--primitive-72);--font-weights-regular:480;--font-weights-semibold:600;--font-weights-bold:720;--letter-spacing-3xs:-0.005em;--letter-spacing-2xs:-0.005em;--letter-spacing-xs:-0.005em;--letter-spacing-sm:-0.01em;--letter-spacing-md:-0.01em;--letter-spacing-lg:-0.01em;--letter-spacing-xl:-0.01em;--letter-spacing-2xl:-0.015em;--letter-spacing-3xl:-0.0175em;--letter-spacing-4xl:-0.0175em;--letter-spacing-5xl:-0.0175em;--letter-spacing-6xl:-0.025em;--line-heights-3xs:var(--primitive-16);--line-heights-2xs:var(--primitive-20);--line-heights-xs:var(--primitive-20);--line-heights-sm:var(--primitive-20);--line-heights-md:var(--primitive-24);--line-heights-lg:var(--primitive-24);--line-heights-xl:var(--primitive-28);--line-heights-2xl:var(--primitive-36);--line-heights-3xl:var(--primitive-36);--line-heights-4xl:var(--primitive-48);--line-heights-5xl:var(--primitive-60);--line-heights-6xl:var(--primitive-80);--border-radius-none:var(--primitive-0);--border-radius-2xs:var(--primitive-2);--border-radius-xs:var(--primitive-4);--border-radius-sm:var(--primitive-6);--border-radius-md:var(--primitive-8);--border-radius-lg:var(--primitive-12);--border-radius-xl:var(--primitive-16);--border-width-none:var(--primitive-0);--border-width-sm:var(--primitive-1);--border-width-md:var(--primitive-2);--border-width-lg:var(--primitive-4);--opacity-disabled:0.32;--opacity-sm:0.48;--opacity-md:0.64;--opacity-l:0.88;--shadow-xs:0 0 12px 0 hsla(0,0%,7%,.08);--shadow-sm:0 0 12px 0 hsla(0,0%,7%,.16);--shadow-md:0 0 12px 0 hsla(0,0%,7%,.24);--shadow-lg:0 0 12px 0 hsla(0,0%,7%,.72);--shadow-xl:0 0 16px 0 hsla(0,0%,7%,.96);--elevation-100:100;--elevation-150:150;--elevation-199:199;--elevation-200:200;--elevation-250:250;--elevation-299:299;--elevation-300:300;--elevation-350:350;--elevation-399:399;--elevation-400:400;--elevation-450:450;--elevation-499:499;--elevation-absolute-bottom:-999;--elevation-absolute-top:999}
|
|
1
|
+
:host,:root{--primitive-0:0rem;--primitive-1:0.0625rem;--primitive-2:0.125rem;--primitive-4:0.25rem;--primitive-6:0.375rem;--primitive-8:0.5rem;--primitive-10:0.625rem;--primitive-11:0.6875rem;--primitive-12:0.75rem;--primitive-13:0.8125rem;--primitive-14:0.875rem;--primitive-15:0.9375rem;--primitive-16:1rem;--primitive-17:1.0625rem;--primitive-18:1.125rem;--primitive-20:1.25rem;--primitive-24:1.5rem;--primitive-28:1.75rem;--primitive-32:2rem;--primitive-36:2.25rem;--primitive-40:2.5rem;--primitive-44:2.75rem;--primitive-48:3rem;--primitive-52:3.25rem;--primitive-56:3.5rem;--primitive-60:3.75rem;--primitive-64:4rem;--primitive-72:4.5rem;--primitive-80:5rem;--primitive-128:8rem;--primitive-160:10rem;--primitive-192:12rem;--primitive-224:14rem;--primitive-256:16rem;--primitive-320:20rem;--primitive-384:24rem;--primitive-448:28rem;--primitive-512:32rem;--primitive-640:40rem;--primitive-768:48rem;--primitive-1024:64rem;--primitive-1280:80rem;--primitive-1600:100rem;--primitive-1920:120rem;--primitive-brand-purple:#775ed3;--primitive-brand-lilac:#dacdf2;--primitive-brand-coolwhite:#f7f2f9;--primitive-brand-navy:#0a1128;--primitive-brand-sunflower:#efe745;--color-brand-primary:var(--color-brand-purple);--color-brand-light:var(--color-brand-lilac);--color-brand-soft:var(--color-brand-coolwhite);--color-brand-dark:var(--color-brand-navy);--color-brand-accent:var(--color-brand-sunflower);--primitive-gray-100:#f7f7f7;--primitive-gray-200:#edeeef;--primitive-gray-300:#d5d7db;--primitive-gray-400:#b7bcc3;--primitive-gray-500:#818791;--primitive-gray-600:#6b7280;--primitive-gray-700:#4f5562;--primitive-gray-800:#343944;--primitive-gray-900:#242831;--primitive-gray-1000:#191b22;--primitive-gray-black:#121212;--primitive-gray-white:#fff;--primitive-gray-100-alpha:rgba(56,56,56,.04);--primitive-gray-200-alpha:rgba(31,44,56,.08);--primitive-gray-300-alpha:rgba(8,20,43,.17);--primitive-gray-400-alpha:rgba(7,25,49,.29);--primitive-gray-500-alpha:rgba(2,17,44,.45);--primitive-gray-600-alpha:rgba(4,17,42,.59);--primitive-gray-700-alpha:rgba(4,12,32,.7);--primitive-gray-800-alpha:rgba(1,7,19,.8);--primitive-gray-900-alpha:rgba(0,5,15,.86);--primitive-gray-1000-alpha:rgba(2,4,13,.91);--primitive-blue-100:#f0f7ff;--primitive-blue-200:#d9eafe;--primitive-blue-300:#abcffd;--primitive-blue-400:#66a8fd;--primitive-blue-500:#3a89fd;--primitive-blue-600:#0c57cd;--primitive-blue-700:#063b99;--primitive-blue-800:#052b74;--primitive-blue-900:#041c4f;--primitive-blue-1000:#03122f;--primitive-blue-100-alpha:rgba(5,122,255,.06);--primitive-blue-200-alpha:rgba(2,117,247,.15);--primitive-blue-300-alpha:rgba(0,112,250,.33);--primitive-blue-400-alpha:rgba(0,108,250,.6);--primitive-blue-500-alpha:rgba(3,103,252,.78);--primitive-blue-600-alpha:rgba(2,79,202,.96);--primitive-blue-700-alpha:rgba(1,56,152,.98);--primitive-blue-800-alpha:rgba(2,42,116,.99);--primitive-blue-900-alpha:rgba(1,26,75,.99);--primitive-blue-1000-alpha:rgba(0,16,46,.99);--primitive-red-100:#feecec;--primitive-red-200:#fedcdc;--primitive-red-300:#feada9;--primitive-red-400:#fc817c;--primitive-red-500:#f4534f;--primitive-red-600:#d12828;--primitive-red-700:#ab1a1d;--primitive-red-800:#7e130e;--primitive-red-900:#5c0b09;--primitive-red-1000:#3b0807;--primitive-green-100:#e2fdee;--primitive-green-200:#c0f6dc;--primitive-green-300:#71e0b0;--primitive-green-400:#29c68c;--primitive-green-500:#1aad74;--primitive-green-600:#088556;--primitive-green-700:#086945;--primitive-green-800:#0a4e35;--primitive-green-900:#063724;--primitive-green-1000:#052618;--primitive-orange-100:#fff3e0;--primitive-orange-200:#ffe4c2;--primitive-orange-300:#fec880;--primitive-orange-400:#fba94b;--primitive-orange-500:#f39129;--primitive-orange-600:#d26e16;--primitive-orange-700:#a2520c;--primitive-orange-800:#753c08;--primitive-orange-900:#553008;--primitive-orange-1000:#3c2109;--primitive-yellow-100:#fbfbb7;--primitive-yellow-200:#f4f587;--primitive-yellow-300:#efe752;--primitive-yellow-400:#d6ce31;--primitive-yellow-500:#beb71f;--primitive-yellow-600:#a29f14;--primitive-yellow-700:#807d0f;--primitive-yellow-800:#65620a;--primitive-yellow-900:#494606;--primitive-yellow-1000:#2f2c03;--primitive-purple-100:#f4f0fe;--primitive-purple-200:#ece2fa;--primitive-purple-300:#d5c1f4;--primitive-purple-400:#b897ed;--primitive-purple-500:#9e76e5;--primitive-purple-600:#6640c2;--primitive-purple-700:#52339a;--primitive-purple-800:#3b2472;--primitive-purple-900:#291753;--primitive-purple-1000:#160a30;--primitive-purple-alpha-100:rgba(71,5,240,.06);--primitive-purple-alpha-200:rgba(96,12,212,.12);--primitive-purple-alpha-300:rgba(89,7,213,.25);--primitive-purple-alpha-400:rgba(82,1,213,.41);--primitive-purple-alpha-500:rgba(77,1,208,.54);--primitive-purple-alpha-600:rgba(52,0,173,.75);--primitive-purple-alpha-700:rgba(38,0,128,.8);--primitive-purple-alpha-800:rgba(28,0,92,.86);--primitive-purple-alpha-900:rgba(20,0,66,.91);--primitive-purple-alpha-1000:rgba(16,2,44,.97);--primitive-magenta-100:#ffecf8;--primitive-magenta-200:#fcc8e9;--primitive-magenta-300:#f59cd2;--primitive-magenta-400:#e97dbe;--primitive-magenta-500:#d45da6;--primitive-magenta-600:#a64480;--primitive-magenta-700:#7d3261;--primitive-magenta-800:#582544;--primitive-magenta-900:#3f1d31;--primitive-magenta-1000:#2b1323;--primitive-teal-100:#d5feff;--primitive-teal-200:#93fbfa;--primitive-teal-300:#53e6e4;--primitive-teal-400:#32c6c6;--primitive-teal-500:#309d9f;--primitive-teal-600:#247678;--primitive-teal-700:#1c4e4f;--primitive-teal-800:#133636;--primitive-teal-900:#0d2727;--primitive-teal-1000:#061615;--color-neutral-100:var(--primitive-gray-100);--color-neutral-200:var(--primitive-gray-200);--color-neutral-300:var(--primitive-gray-300);--color-neutral-400:var(--primitive-gray-400);--color-neutral-500:var(--primitive-gray-500);--color-neutral-600:var(--primitive-gray-600);--color-neutral-700:var(--primitive-gray-700);--color-neutral-800:var(--primitive-gray-800);--color-neutral-900:var(--primitive-gray-900);--color-neutral-1000:var(--primitive-gray-1000);--color-neutral-darkest:var(--primitive-gray-black);--color-neutral-lightest:var(--primitive-gray-white);--color-neutral-100-alpha:var(--primitive-gray-100-alpha);--color-neutral-200-alpha:var(--primitive-gray-200-alpha);--color-neutral-300-alpha:var(--primitive-gray-300-alpha);--color-neutral-400-alpha:var(--primitive-gray-400-alpha);--color-neutral-500-alpha:var(--primitive-gray-500-alpha);--color-neutral-600-alpha:var(--primitive-gray-600-alpha);--color-neutral-700-alpha:var(--primitive-gray-700-alpha);--color-neutral-800-alpha:var(--primitive-gray-800-alpha);--color-neutral-900-alpha:var(--primitive-gray-900-alpha);--color-neutral-1000-alpha:var(--primitive-gray-1000-alpha);--color-primary-100:var(--primitive-purple-100);--color-primary-200:var(--primitive-purple-200);--color-primary-300:var(--primitive-purple-300);--color-primary-400:var(--primitive-purple-400);--color-primary-500:var(--primitive-purple-500);--color-primary-600:var(--primitive-purple-600);--color-primary-700:var(--primitive-purple-700);--color-primary-800:var(--primitive-purple-800);--color-primary-900:var(--primitive-purple-900);--color-primary-1000:var(--primitive-purple-1000);--color-primary-alpha-100:var(--primitive-purple-alpha-100);--color-primary-alpha-200:var(--primitive-purple-alpha-200);--color-primary-alpha-300:var(--primitive-purple-alpha-300);--color-primary-alpha-400:var(--primitive-purple-alpha-400);--color-primary-alpha-500:var(--primitive-purple-alpha-500);--color-primary-alpha-600:var(--primitive-purple-alpha-600);--color-primary-alpha-700:var(--primitive-purple-alpha-700);--color-primary-alpha-800:var(--primitive-purple-alpha-800);--color-primary-alpha-900:var(--primitive-purple-alpha-900);--color-primary-alpha-1000:var(--primitive-purple-alpha-1000);--color-danger-100:var(--primitive-red-100);--color-danger-200:var(--primitive-red-200);--color-danger-300:var(--primitive-red-300);--color-danger-400:var(--primitive-red-400);--color-danger-500:var(--primitive-red-500);--color-danger-600:var(--primitive-red-600);--color-danger-700:var(--primitive-red-700);--color-danger-800:var(--primitive-red-800);--color-danger-900:var(--primitive-red-900);--color-danger-1000:var(--primitive-red-1000);--color-warning-100:var(--primitive-orange-100);--color-warning-200:var(--primitive-orange-200);--color-warning-300:var(--primitive-orange-300);--color-warning-400:var(--primitive-orange-400);--color-warning-500:var(--primitive-orange-500);--color-warning-600:var(--primitive-orange-600);--color-warning-700:var(--primitive-orange-700);--color-warning-800:var(--primitive-orange-800);--color-warning-900:var(--primitive-orange-900);--color-warning-1000:var(--primitive-orange-1000);--color-success-100:var(--primitive-green-100);--color-success-200:var(--primitive-green-200);--color-success-300:var(--primitive-green-300);--color-success-400:var(--primitive-green-400);--color-success-500:var(--primitive-green-500);--color-success-600:var(--primitive-green-600);--color-success-700:var(--primitive-green-700);--color-success-800:var(--primitive-green-800);--color-success-900:var(--primitive-green-900);--color-success-1000:var(--primitive-green-1000);--color-highlight-100:var(--primitive-yellow-100);--color-highlight-200:var(--primitive-yellow-200);--color-highlight-300:var(--primitive-yellow-300);--color-highlight-400:var(--primitive-yellow-400);--color-highlight-500:var(--primitive-yellow-500);--color-highlight-600:var(--primitive-yellow-600);--color-highlight-700:var(--primitive-yellow-700);--color-highlight-800:var(--primitive-yellow-800);--color-highlight-900:var(--primitive-yellow-900);--color-highlight-1000:var(--primitive-yellow-1000);--spacing-4xs:var(--primitive-0);--spacing-3xs:var(--primitive-2);--spacing-2xs:var(--primitive-4);--spacing-xs:var(--primitive-8);--spacing-sm:var(--primitive-12);--spacing-md:var(--primitive-16);--spacing-lg:var(--primitive-20);--spacing-xl:var(--primitive-24);--spacing-2xl:var(--primitive-32);--spacing-3xl:var(--primitive-48);--spacing-4xl:var(--primitive-64);--layout-4xs:var(--primitive-192);--layout-3xs:var(--primitive-224);--layout-2xs:var(--primitive-256);--layout-xs:var(--primitive-320);--layout-sm:var(--primitive-384);--layout-md:var(--primitive-512);--layout-lg:var(--primitive-768);--layout-xl:var(--primitive-1024);--layout-2xl:var(--primitive-1280);--layout-3xl:var(--primitive-1600);--layout-4xl:var(--primitive-1920);--font-families-default:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-families-mono:"Fira Code",monospace;--font-size-3xs:var(--primitive-12);--font-size-2xs:var(--primitive-13);--font-size-xs:var(--primitive-14);--font-size-sm:var(--primitive-15);--font-size-md:var(--primitive-16);--font-size-lg:var(--primitive-18);--font-size-xl:var(--primitive-20);--font-size-2xl:var(--primitive-24);--font-size-3xl:var(--primitive-28);--font-size-4xl:var(--primitive-36);--font-size-5xl:var(--primitive-48);--font-size-6xl:var(--primitive-72);--font-weights-regular:444;--font-weights-semibold:600;--font-weights-bold:720;--letter-spacing-3xs:-0.005em;--letter-spacing-2xs:-0.005em;--letter-spacing-xs:-0.005em;--letter-spacing-sm:-0.01em;--letter-spacing-md:-0.01em;--letter-spacing-lg:-0.01em;--letter-spacing-xl:-0.01em;--letter-spacing-2xl:-0.015em;--letter-spacing-3xl:-0.0175em;--letter-spacing-4xl:-0.0175em;--letter-spacing-5xl:-0.0175em;--letter-spacing-6xl:-0.025em;--line-heights-3xs:var(--primitive-16);--line-heights-2xs:var(--primitive-20);--line-heights-xs:var(--primitive-20);--line-heights-sm:var(--primitive-20);--line-heights-md:var(--primitive-24);--line-heights-lg:var(--primitive-24);--line-heights-xl:var(--primitive-28);--line-heights-2xl:var(--primitive-36);--line-heights-3xl:var(--primitive-36);--line-heights-4xl:var(--primitive-48);--line-heights-5xl:var(--primitive-60);--line-heights-6xl:var(--primitive-80);--border-radius-none:var(--primitive-0);--border-radius-2xs:var(--primitive-2);--border-radius-xs:var(--primitive-4);--border-radius-sm:var(--primitive-6);--border-radius-md:var(--primitive-8);--border-radius-lg:var(--primitive-12);--border-radius-xl:var(--primitive-16);--border-width-none:var(--primitive-0);--border-width-sm:var(--primitive-1);--border-width-md:var(--primitive-2);--border-width-lg:var(--primitive-4);--opacity-disabled:0.32;--opacity-sm:0.48;--opacity-md:0.64;--opacity-l:0.88;--shadow-xs:0 0 12px 0 hsla(0,0%,7%,.08);--shadow-sm:0 0 12px 0 hsla(0,0%,7%,.16);--shadow-md:0 0 12px 0 hsla(0,0%,7%,.24);--shadow-lg:0 0 12px 0 hsla(0,0%,7%,.72);--shadow-xl:0 0 16px 0 hsla(0,0%,7%,.96);--elevation-100:100;--elevation-150:150;--elevation-199:199;--elevation-200:200;--elevation-250:250;--elevation-299:299;--elevation-300:300;--elevation-350:350;--elevation-399:399;--elevation-400:400;--elevation-450:450;--elevation-499:499;--elevation-absolute-bottom:-999;--elevation-absolute-top:999}
|