@dialpad/dialtone-tokens 1.14.0 → 1.16.0

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.
@@ -0,0 +1,875 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Thu, 11 May 2023 20:35:43 GMT
4
+
5
+ @dt-radio-color-border-unchecked: #808080;
6
+ @dt-radio-color-border-checked: #7C52FF;
7
+ @dt-radio-color-background-checked: #7C52FF;
8
+ @dt-radio-size-width: 1.6rem;
9
+ @dt-radio-size-height: 1.6rem;
10
+ @dt-radio-size-radius: 5rem;
11
+ @dt-icon-size-100: 1.2rem;
12
+ @dt-icon-size-200: 1.4rem;
13
+ @dt-icon-size-300: 1.8rem;
14
+ @dt-icon-size-400: 2rem;
15
+ @dt-icon-size-500: 2.4rem;
16
+ @dt-icon-size-600: 3.2rem;
17
+ @dt-icon-size-700: 3.8rem;
18
+ @dt-icon-size-800: 4.8rem;
19
+ @dt-icon-size-border-100: 0.1rem;
20
+ @dt-icon-size-border-200: 0.125rem;
21
+ @dt-icon-size-border-300: 0.15rem;
22
+ @dt-icon-size-border-400: 0.175rem;
23
+ @dt-icon-size-border-500: 0.175rem;
24
+ @dt-icon-size-border-600: 0.25rem;
25
+ @dt-icon-size-border-700: 0.275rem;
26
+ @dt-icon-size-border-800: 0.35rem;
27
+ @dt-checkbox-color-border-unchecked: #808080;
28
+ @dt-checkbox-color-border-checked: #7C52FF;
29
+ @dt-checkbox-color-background-checked: #7C52FF;
30
+ @dt-checkbox-size-width: 1.6rem;
31
+ @dt-checkbox-size-height: 1.6rem;
32
+ @dt-checkbox-size-radius: 0.4rem;
33
+ @dt-badge-color-background-default: #f9f9f936;
34
+ @dt-badge-color-background-info: #01326D;
35
+ @dt-badge-color-background-success: #124620;
36
+ @dt-badge-color-background-warning: #815008;
37
+ @dt-badge-color-background-critical: #5B0505;
38
+ @dt-badge-color-background-bulletin: #7C52FF;
39
+ @dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
40
+ @dt-badge-color-foreground-default: #F9F9F9;
41
+ @dt-badge-color-foreground-bulletin: #ffffff;
42
+ @dt-avatar-color-foreground: #000000;
43
+ @dt-avatar-color-background-100: #1aa340;
44
+ @dt-avatar-color-background-200: #aaff83;
45
+ @dt-avatar-color-background-300: #adea88;
46
+ @dt-avatar-color-background-400: #77eca6;
47
+ @dt-avatar-color-background-500: #7aedbd;
48
+ @dt-avatar-color-background-600: #77deec;
49
+ @dt-avatar-color-background-700: #5ed8ff;
50
+ @dt-avatar-color-background-800: #99e7ff;
51
+ @dt-avatar-color-background-900: #51a0fe;
52
+ @dt-avatar-color-background-1000: #b6cfff;
53
+ @dt-avatar-color-background-1100: #f1b7e8;
54
+ @dt-avatar-color-background-1200: #ec77bd;
55
+ @dt-avatar-color-background-1300: #ff67be;
56
+ @dt-avatar-color-background-1400: #f87e7e;
57
+ @dt-avatar-color-background-1500: #eca877;
58
+ @dt-avatar-color-background-1600: #ffbe41;
59
+ @dt-avatar-color-background-1700: #ffd646;
60
+ @dt-avatar-color-background-1800: #f1dab7;
61
+ @dt-avatar-color-background-000: #e0e0e0;
62
+ @dt-color-foreground-primary: #f9f9f9;
63
+ @dt-color-foreground-secondary: #d2d2d2;
64
+ @dt-color-foreground-tertiary: #aaaaaa;
65
+ @dt-color-foreground-muted: #e9e9e9;
66
+ @dt-color-foreground-placeholder: #aaaaaa;
67
+ @dt-color-foreground-disabled: #aaaaaa;
68
+ @dt-color-foreground-critical: #ff8585;
69
+ @dt-color-foreground-critical-strong: #ffa4a4;
70
+ @dt-color-foreground-success: #b0ffa3;
71
+ @dt-color-foreground-success-strong: #cbffc3;
72
+ @dt-color-foreground-warning: #ffdb80;
73
+ @dt-color-foreground-primary-inverted: #000000;
74
+ @dt-color-foreground-secondary-inverted: #3a3a3a;
75
+ @dt-color-foreground-tertiary-inverted: #555555;
76
+ @dt-color-foreground-muted-inverted: #222222;
77
+ @dt-color-foreground-placeholder-inverted: #808080;
78
+ @dt-color-foreground-disabled-inverted: #808080;
79
+ @dt-color-foreground-critical-inverted: #ec0e0e;
80
+ @dt-color-foreground-critical-strong-inverted: #b70b0b;
81
+ @dt-color-foreground-success-inverted: #1aa340;
82
+ @dt-color-foreground-success-strong-inverted: #124620;
83
+ @dt-color-foreground-warning-inverted: #815008;
84
+ @dt-color-link-primary: #ab7eff;
85
+ @dt-color-link-critical: #ff8585;
86
+ @dt-color-link-success: #b0ffa3;
87
+ @dt-color-link-warning: #ffdb80;
88
+ @dt-color-link-muted: #e9e9e9;
89
+ @dt-color-link-disabled: #aaaaaa;
90
+ @dt-color-link-primary-hover: #dac7ff;
91
+ @dt-color-link-critical-hover: #ffe5e6;
92
+ @dt-color-link-success-hover: #edf9eb;
93
+ @dt-color-link-warning-hover: #fff4cc;
94
+ @dt-color-link-muted-hover: #f9f9f9;
95
+ @dt-color-link-disabled-hover: #aaaaaa;
96
+ @dt-color-link-primary-inverted: #7c52ff;
97
+ @dt-color-link-primary-inverted-hover: #3a1d95;
98
+ @dt-color-link-critical-inverted: #ec0e0e;
99
+ @dt-color-link-critical-inverted-hover: #b70b0b;
100
+ @dt-color-link-success-inverted: #1aa340;
101
+ @dt-color-link-success-inverted-hover: #124620;
102
+ @dt-color-link-warning-inverted: #815008;
103
+ @dt-color-link-warning-inverted-hover: #222222;
104
+ @dt-color-link-muted-inverted: #222222;
105
+ @dt-color-link-muted-inverted-hover: #000000;
106
+ @dt-color-link-disabled-inverted: #808080;
107
+ @dt-color-link-disabled-inverted-hover: #808080;
108
+ @dt-color-surface-primary: #080808;
109
+ @dt-color-surface-secondary: #1b1b1b;
110
+ @dt-color-surface-moderate: #3a3a3a;
111
+ @dt-color-surface-bold: #555555;
112
+ @dt-color-surface-strong: #aaaaaa;
113
+ @dt-color-surface-contrast: #f9f9f9;
114
+ @dt-color-surface-critical: #5b0505;
115
+ @dt-color-surface-critical-subtle: #2d0202;
116
+ @dt-color-surface-warning: #815008;
117
+ @dt-color-surface-warning-subtle: #402804;
118
+ @dt-color-surface-success: #124620;
119
+ @dt-color-surface-success-subtle: #092310;
120
+ @dt-color-surface-info: #01326d;
121
+ @dt-color-surface-info-subtle: #011e41;
122
+ @dt-color-surface-secondary-opaque: #f9f9f9;
123
+ @dt-color-surface-moderate-opaque: #f9f9f9;
124
+ @dt-color-surface-bold-opaque: #f9f9f9;
125
+ @dt-color-surface-strong-opaque: #f9f9f9;
126
+ @dt-color-surface-contrast-opaque: #f9f9f9;
127
+ @dt-color-surface-critical-opaque: #b70b0b;
128
+ @dt-color-surface-critical-subtle-opaque: #2d0202;
129
+ @dt-color-surface-warning-opaque: #d28f2b;
130
+ @dt-color-surface-warning-subtle-opaque: #402804;
131
+ @dt-color-surface-success-opaque: #1aa341;
132
+ @dt-color-surface-success-subtle-opaque: #092310;
133
+ @dt-color-surface-info-opaque: #1769c6;
134
+ @dt-color-surface-info-subtle-opaque: #011e41;
135
+ @dt-color-surface-critical-strong: #ff8585;
136
+ @dt-color-surface-warning-strong: #d28f2b;
137
+ @dt-color-surface-success-strong: #b0ffa3;
138
+ @dt-color-surface-info-strong: #99c8ff;
139
+ @dt-color-border-subtle: #ffffff;
140
+ @dt-color-border-default: #ffffff;
141
+ @dt-color-border-moderate: #ffffff;
142
+ @dt-color-border-bold: #ffffff;
143
+ @dt-color-border-subtle-inverted: #000000;
144
+ @dt-color-border-default-inverted: #000000;
145
+ @dt-color-border-moderate-inverted: #000000;
146
+ @dt-color-border-bold-inverted: #000000;
147
+ @dt-color-border-focus: #51a0fe;
148
+ @dt-color-border-critical: #ff8585;
149
+ @dt-color-border-critical-inverted: #ec0e0e;
150
+ @dt-color-border-critical-strong: #ffe5e6;
151
+ @dt-color-border-success: #b0ffa3;
152
+ @dt-color-border-success-inverted: #1aa340;
153
+ @dt-color-border-warning: #ffdb80;
154
+ @dt-color-border-warning-inverted: #d28f2b;
155
+ @dt-color-border-warning-strong: #fff4cc;
156
+ @dt-color-border-brand-inverted: #7c52ff;
157
+ @dt-color-border-critical-subtle-inverted: #ff8585;
158
+ @dt-color-border-success-subtle-inverted: #b0ffa3;
159
+ @dt-color-border-warning-subtle-inverted: #ffdb80;
160
+ @dt-color-border-brand-subtle-inverted: #dac7ff;
161
+ @dt-color-border-critical-strong-inverted: #b70b0b;
162
+ @dt-color-border-success-strong-inverted: #124620;
163
+ @dt-color-border-warning-strong-inverted: #815008;
164
+ @dt-color-border-brand-strong-inverted: #3a1d95;
165
+ @dt-color-border-brand: #7c52ff;
166
+ @dt-color-border-ai: #000000;
167
+ @dt-color-border-accent: #f9008e;
168
+ @dt-color-border-critical-subtle: #b70b0b;
169
+ @dt-color-border-success-subtle: #1aa340;
170
+ @dt-color-border-success-strong: #edf9eb;
171
+ @dt-color-border-warning-subtle: #d28f2b;
172
+ @dt-color-border-brand-subtle: #3a1d95;
173
+ @dt-color-border-brand-strong: #dac7ff;
174
+ @dt-color-black-100: #000000;
175
+ @dt-color-black-200: #222222;
176
+ @dt-color-black-300: #3a3a3a;
177
+ @dt-color-black-400: #555555;
178
+ @dt-color-black-500: #808080;
179
+ @dt-color-black-600: #aaaaaa;
180
+ @dt-color-black-700: #d2d2d2;
181
+ @dt-color-black-800: #e9e9e9;
182
+ @dt-color-black-900: #f9f9f9;
183
+ @dt-color-purple-100: #10022c;
184
+ @dt-color-purple-200: #3a1d95;
185
+ @dt-color-purple-300: #7c52ff;
186
+ @dt-color-purple-400: #ab7eff;
187
+ @dt-color-purple-500: #dac7ff;
188
+ @dt-color-purple-600: #f5f0ff;
189
+ @dt-color-blue-100: #01326d;
190
+ @dt-color-blue-200: #1768c6;
191
+ @dt-color-blue-300: #51a0fe;
192
+ @dt-color-blue-400: #99c8ff;
193
+ @dt-color-blue-500: #eaf2fa;
194
+ @dt-color-magenta-100: #541a3b;
195
+ @dt-color-magenta-200: #8c0e56;
196
+ @dt-color-magenta-300: #f9008e;
197
+ @dt-color-magenta-400: #f985c7;
198
+ @dt-color-magenta-500: #ffe0f2;
199
+ @dt-color-gold-100: #815008;
200
+ @dt-color-gold-200: #d28f2b;
201
+ @dt-color-gold-300: #f6ab3c;
202
+ @dt-color-gold-400: #ffdb80;
203
+ @dt-color-gold-500: #fff4cc;
204
+ @dt-color-green-100: #124620;
205
+ @dt-color-green-200: #1aa340;
206
+ @dt-color-green-300: #45f777;
207
+ @dt-color-green-400: #b0ffa3;
208
+ @dt-color-green-500: #edf9eb;
209
+ @dt-color-red-100: #5b0505;
210
+ @dt-color-red-200: #b70b0b;
211
+ @dt-color-red-300: #ec0e0e;
212
+ @dt-color-red-400: #ff8585;
213
+ @dt-color-red-500: #ffe5e6;
214
+ @dt-color-tan-100: #121212;
215
+ @dt-color-tan-200: #3f3d3c;
216
+ @dt-color-tan-300: #87807b;
217
+ @dt-color-tan-400: #cec8c4;
218
+ @dt-color-tan-500: #f2f0ee;
219
+ @dt-color-neutral-white: #ffffff;
220
+ @dt-color-neutral-black: #000000;
221
+ @dt-color-neutral-transparent: #000000;
222
+ @dt-color-gradient-magenta-purple: #000000;
223
+ @dt-color-brand-purple: #7c52ff;
224
+ @dt-color-brand-magenta: #f9008e;
225
+ @dt-inputs-color-foreground-default: #F9F9F9;
226
+ @dt-inputs-color-foreground-placeholder: #AAAAAA;
227
+ @dt-inputs-color-foreground-disabled: #AAAAAA;
228
+ @dt-inputs-color-border-focus: #51A0FE;
229
+ @dt-inputs-color-border-critical: #FF8585;
230
+ @dt-inputs-color-border-success: #B0FFA3;
231
+ @dt-inputs-color-border-warning: #FFDB80;
232
+ @dt-inputs-color-border-disabled: transparent;
233
+ @dt-inputs-color-border-default: #ffffff24;
234
+ @dt-inputs-color-background-default: #f9f9f90f;
235
+ @dt-inputs-color-background-focus: #f9f9f908;
236
+ @dt-inputs-color-background-disabled: #f9f9f926;
237
+ @dt-inputs-size-border-default: 0.15rem;
238
+ @dt-inputs-size-border-status: 0.2rem;
239
+ @dt-inputs-size-radius-xs: 0.4rem;
240
+ @dt-inputs-size-radius-sm: 0.8rem;
241
+ @dt-inputs-size-radius-md: 0.8rem;
242
+ @dt-inputs-size-radius-lg: 1.2rem;
243
+ @dt-inputs-size-radius-xl: 1.6rem;
244
+ @dt-inputs-line-height-default: 120%;
245
+ @dt-inputs-font-size-xs: 1.2rem;
246
+ @dt-inputs-font-size-sm: 1.2rem;
247
+ @dt-inputs-font-size-md: 1.5rem;
248
+ @dt-inputs-font-size-lg: 1.9rem;
249
+ @dt-inputs-font-size-xl: 2.7rem;
250
+ @dt-action-color-foreground-base-hover: #be97ff;
251
+ @dt-action-color-foreground-base-default: #AB7EFF;
252
+ @dt-action-color-foreground-base-active: #be97ff;
253
+ @dt-action-color-foreground-base-primary-default: #ffffff;
254
+ @dt-action-color-foreground-critical-hover: #ffa5a2;
255
+ @dt-action-color-foreground-critical-default: #FF8585;
256
+ @dt-action-color-foreground-critical-active: #ffa5a2;
257
+ @dt-action-color-foreground-critical-primary-default: #ffffff;
258
+ @dt-action-color-foreground-inverted-default: #000000;
259
+ @dt-action-color-foreground-inverted-hover: #000000;
260
+ @dt-action-color-foreground-inverted-active: #000000;
261
+ @dt-action-color-foreground-inverted-primary-default: #AB7EFF;
262
+ @dt-action-color-foreground-inverted-primary-hover: #DAC7FF;
263
+ @dt-action-color-foreground-inverted-primary-active: #DAC7FF;
264
+ @dt-action-color-foreground-muted-default: #D2D2D2;
265
+ @dt-action-color-foreground-muted-hover: #D2D2D2;
266
+ @dt-action-color-foreground-muted-active: #D2D2D2;
267
+ @dt-action-color-foreground-disabled-default: #AAAAAA;
268
+ @dt-action-color-background-base-hover: #ab7eff1a;
269
+ @dt-action-color-background-base-active: #ab7eff33;
270
+ @dt-action-color-background-base-default: transparent;
271
+ @dt-action-color-background-base-primary-default: #7C52FF;
272
+ @dt-action-color-background-base-primary-hover: #6533FF;
273
+ @dt-action-color-background-base-primary-active: #4D14FF;
274
+ @dt-action-color-background-critical-hover: #ec0e0e33;
275
+ @dt-action-color-background-critical-active: #ec0e0e4d;
276
+ @dt-action-color-background-critical-default: transparent;
277
+ @dt-action-color-background-critical-primary-default: #EC0E0E;
278
+ @dt-action-color-background-critical-primary-hover: #D90D0D;
279
+ @dt-action-color-background-critical-primary-active: #C50C0C;
280
+ @dt-action-color-background-inverted-primary-active: #3A1D95;
281
+ @dt-action-color-background-inverted-primary-default: #080808;
282
+ @dt-action-color-background-inverted-primary-hover: #10022C;
283
+ @dt-action-color-background-inverted-default: transparent;
284
+ @dt-action-color-background-inverted-hover: #08080826;
285
+ @dt-action-color-background-inverted-active: #0808084d;
286
+ @dt-action-color-background-muted-default: transparent;
287
+ @dt-action-color-background-muted-hover: #e9e9e90d;
288
+ @dt-action-color-background-muted-active: #e9e9e91a;
289
+ @dt-action-color-background-disabled-default: #3A3A3A;
290
+ @dt-action-color-border-base-outlined-default: #AB7EFF;
291
+ @dt-action-color-border-critical-outlined-default: #FF8585;
292
+ @dt-action-color-border-inverted-outlined-default: #000000;
293
+ @dt-action-color-border-muted-outlined-default: #AAAAAA;
294
+ @dt-theme-sidebar-selected-row-color-background: #3A3A3A;
295
+ @dt-theme-sidebar-selected-row-color-foreground: #F9F9F9;
296
+ @dt-theme-sidebar-color-foreground: #F9F9F9;
297
+ @dt-theme-sidebar-color-background: #1b1b1b;
298
+ @dt-theme-sidebar-icon-color-foreground: #D2D2D2;
299
+ @dt-theme-sidebar-status-color-foreground: #AAAAAA;
300
+ @dt-theme-sidebar-row-color-background: transparent;
301
+ @dt-theme-sidebar-row-color-background-hover: #f9f9f91a;
302
+ @dt-theme-sidebar-row-color-background-active: #3A3A3A;
303
+ @dt-theme-presence-color-background-available: #B0FFA3;
304
+ @dt-theme-presence-color-background-busy-unavailable: #EC0E0E;
305
+ @dt-theme-presence-color-background-busy: #F6AB3C;
306
+ @dt-theme-presence-color-background-offline: #ffffff;
307
+ @dt-theme-mention-color-foreground: #ffffff;
308
+ @dt-theme-mention-color-background: #7C52FF;
309
+ @dt-typography-body-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
310
+ @dt-typography-body-small-font-weight: 400;
311
+ @dt-typography-body-small-line-height: 140%;
312
+ @dt-typography-body-small-font-size: 1.2rem;
313
+ @dt-typography-body-small-text-case: none;
314
+ @dt-typography-body-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
315
+ @dt-typography-body-base-font-weight: 400;
316
+ @dt-typography-body-base-line-height: 160%;
317
+ @dt-typography-body-base-font-size: 1.5rem;
318
+ @dt-typography-body-base-text-case: none;
319
+ @dt-typography-body-compact-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
320
+ @dt-typography-body-compact-small-font-weight: 400;
321
+ @dt-typography-body-compact-small-line-height: 120%;
322
+ @dt-typography-body-compact-small-font-size: 1.2rem;
323
+ @dt-typography-body-compact-small-text-case: none;
324
+ @dt-typography-body-compact-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
325
+ @dt-typography-body-compact-base-font-weight: 400;
326
+ @dt-typography-body-compact-base-line-height: 140%;
327
+ @dt-typography-body-compact-base-font-size: 1.5rem;
328
+ @dt-typography-body-compact-base-text-case: none;
329
+ @dt-typography-headline-eyebrow-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
330
+ @dt-typography-headline-eyebrow-font-weight: 400;
331
+ @dt-typography-headline-eyebrow-line-height: 140%;
332
+ @dt-typography-headline-eyebrow-font-size: 1.2rem;
333
+ @dt-typography-headline-eyebrow-text-case: uppercase;
334
+ @dt-typography-headline-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
335
+ @dt-typography-headline-small-font-weight: 700;
336
+ @dt-typography-headline-small-line-height: 140%;
337
+ @dt-typography-headline-small-font-size: 1.2rem;
338
+ @dt-typography-headline-small-text-case: none;
339
+ @dt-typography-headline-medium-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
340
+ @dt-typography-headline-medium-font-weight: 700;
341
+ @dt-typography-headline-medium-line-height: 160%;
342
+ @dt-typography-headline-medium-font-size: 1.5rem;
343
+ @dt-typography-headline-medium-text-case: none;
344
+ @dt-typography-headline-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
345
+ @dt-typography-headline-large-font-weight: 700;
346
+ @dt-typography-headline-large-line-height: 160%;
347
+ @dt-typography-headline-large-font-size: 1.9rem;
348
+ @dt-typography-headline-large-text-case: none;
349
+ @dt-typography-headline-extra-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
350
+ @dt-typography-headline-extra-large-font-weight: 500;
351
+ @dt-typography-headline-extra-large-line-height: 120%;
352
+ @dt-typography-headline-extra-large-font-size: 2.7rem;
353
+ @dt-typography-headline-extra-large-text-case: none;
354
+ @dt-typography-headline-extra-extra-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
355
+ @dt-typography-headline-extra-extra-large-font-weight: 500;
356
+ @dt-typography-headline-extra-extra-large-line-height: 120%;
357
+ @dt-typography-headline-extra-extra-large-font-size: 3.8rem;
358
+ @dt-typography-headline-extra-extra-large-text-case: none;
359
+ @dt-typography-headline-soft-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
360
+ @dt-typography-headline-soft-small-font-weight: 500;
361
+ @dt-typography-headline-soft-small-line-height: 140%;
362
+ @dt-typography-headline-soft-small-font-size: 1.2rem;
363
+ @dt-typography-headline-soft-small-text-case: none;
364
+ @dt-typography-headline-compact-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
365
+ @dt-typography-headline-compact-small-font-weight: 700;
366
+ @dt-typography-headline-compact-small-line-height: 120%;
367
+ @dt-typography-headline-compact-small-font-size: 1.2rem;
368
+ @dt-typography-headline-compact-small-text-case: none;
369
+ @dt-typography-headline-compact-medium-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
370
+ @dt-typography-headline-compact-medium-font-weight: 700;
371
+ @dt-typography-headline-compact-medium-line-height: 140%;
372
+ @dt-typography-headline-compact-medium-font-size: 1.5rem;
373
+ @dt-typography-headline-compact-medium-text-case: none;
374
+ @dt-typography-headline-compact-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
375
+ @dt-typography-headline-compact-large-font-weight: 700;
376
+ @dt-typography-headline-compact-large-line-height: 120%;
377
+ @dt-typography-headline-compact-large-font-size: 1.9rem;
378
+ @dt-typography-headline-compact-large-text-case: none;
379
+ @dt-typography-headline-compact-soft-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
380
+ @dt-typography-headline-compact-soft-small-font-weight: 500;
381
+ @dt-typography-headline-compact-soft-small-line-height: 120%;
382
+ @dt-typography-headline-compact-soft-small-font-size: 1.2rem;
383
+ @dt-typography-headline-compact-soft-small-text-case: none;
384
+ @dt-typography-label-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
385
+ @dt-typography-label-small-font-weight: 600;
386
+ @dt-typography-label-small-line-height: 140%;
387
+ @dt-typography-label-small-font-size: 1.2rem;
388
+ @dt-typography-label-small-text-case: none;
389
+ @dt-typography-label-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
390
+ @dt-typography-label-base-font-weight: 600;
391
+ @dt-typography-label-base-line-height: 160%;
392
+ @dt-typography-label-base-font-size: 1.5rem;
393
+ @dt-typography-label-base-text-case: none;
394
+ @dt-typography-label-compact-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
395
+ @dt-typography-label-compact-small-font-weight: 600;
396
+ @dt-typography-label-compact-small-line-height: 120%;
397
+ @dt-typography-label-compact-small-font-size: 1.2rem;
398
+ @dt-typography-label-compact-small-text-case: none;
399
+ @dt-typography-label-compact-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
400
+ @dt-typography-label-compact-base-font-weight: 600;
401
+ @dt-typography-label-compact-base-line-height: 140%;
402
+ @dt-typography-label-compact-base-font-size: 1.5rem;
403
+ @dt-typography-label-compact-base-text-case: none;
404
+ @dt-typography-label-compact-plain-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
405
+ @dt-typography-label-compact-plain-small-font-weight: 400;
406
+ @dt-typography-label-compact-plain-small-line-height: 120%;
407
+ @dt-typography-label-compact-plain-small-font-size: 1.2rem;
408
+ @dt-typography-label-compact-plain-small-text-case: none;
409
+ @dt-typography-label-compact-plain-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
410
+ @dt-typography-label-compact-plain-base-font-weight: 400;
411
+ @dt-typography-label-compact-plain-base-line-height: 140%;
412
+ @dt-typography-label-compact-plain-base-font-size: 1.5rem;
413
+ @dt-typography-label-compact-plain-base-text-case: none;
414
+ @dt-typography-label-plain-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
415
+ @dt-typography-label-plain-small-font-weight: 400;
416
+ @dt-typography-label-plain-small-line-height: 140%;
417
+ @dt-typography-label-plain-small-font-size: 1.2rem;
418
+ @dt-typography-label-plain-small-text-case: none;
419
+ @dt-typography-label-plain-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
420
+ @dt-typography-label-plain-base-font-weight: 400;
421
+ @dt-typography-label-plain-base-line-height: 160%;
422
+ @dt-typography-label-plain-base-font-size: 1.5rem;
423
+ @dt-typography-label-plain-base-text-case: none;
424
+ @dt-typography-helper-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
425
+ @dt-typography-helper-small-font-weight: 400;
426
+ @dt-typography-helper-small-line-height: 120%;
427
+ @dt-typography-helper-small-font-size: 1.2rem;
428
+ @dt-typography-helper-small-text-case: none;
429
+ @dt-typography-helper-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
430
+ @dt-typography-helper-base-font-weight: 400;
431
+ @dt-typography-helper-base-line-height: 140%;
432
+ @dt-typography-helper-base-font-size: 1.5rem;
433
+ @dt-typography-helper-base-text-case: none;
434
+ @dt-typography-code-small-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
435
+ @dt-typography-code-small-font-weight: 400;
436
+ @dt-typography-code-small-line-height: 120%;
437
+ @dt-typography-code-small-font-size: 1.2rem;
438
+ @dt-typography-code-small-text-case: none;
439
+ @dt-typography-code-base-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
440
+ @dt-typography-code-base-font-weight: 400;
441
+ @dt-typography-code-base-line-height: 120%;
442
+ @dt-typography-code-base-font-size: 1.5rem;
443
+ @dt-typography-code-base-text-case: none;
444
+ @dt-size-0: 0;
445
+ @dt-size-50: 0.05rem;
446
+ @dt-size-100: 0.1rem;
447
+ @dt-size-200: 0.2rem;
448
+ @dt-size-300: 0.4rem;
449
+ @dt-size-350: 0.6rem;
450
+ @dt-size-400: 0.8rem;
451
+ @dt-size-450: 1.2rem;
452
+ @dt-size-500: 1.6rem;
453
+ @dt-size-550: 2.4rem;
454
+ @dt-size-600: 3.2rem;
455
+ @dt-size-625: 4.2rem;
456
+ @dt-size-650: 4.8rem;
457
+ @dt-size-700: 6.4rem;
458
+ @dt-size-720: 7.2rem;
459
+ @dt-size-730: 8.4rem;
460
+ @dt-size-750: 9.6rem;
461
+ @dt-size-760: 10.2rem;
462
+ @dt-size-775: 11.4rem;
463
+ @dt-size-800: 12.8rem;
464
+ @dt-size-825: 16.4rem;
465
+ @dt-size-850: 19.2rem;
466
+ @dt-size-875: 21.6rem;
467
+ @dt-size-900: 25.6rem;
468
+ @dt-size-905: 26.4rem;
469
+ @dt-size-925: 33.2rem;
470
+ @dt-size-950: 38.4rem;
471
+ @dt-size-975: 46.4rem;
472
+ @dt-size-1000: 51.2rem;
473
+ @dt-size-1020: 62.8rem;
474
+ @dt-size-1040: 76.4rem;
475
+ @dt-size-1050: 76.8rem;
476
+ @dt-size-1060: 82.8rem;
477
+ @dt-size-1080: 91.2rem;
478
+ @dt-size-1100: 102.4rem;
479
+ @dt-size-1115: 114rem;
480
+ @dt-size-1120: 126.8rem;
481
+ @dt-size-1125: 128rem;
482
+ @dt-size-1130: 134rem;
483
+ @dt-size-1150: 153.6rem;
484
+ @dt-size-1200: 204.8rem;
485
+ @dt-size-border-0: 0;
486
+ @dt-size-border-50: 0.05rem;
487
+ @dt-size-border-100: 0.1rem;
488
+ @dt-size-border-150: 0.15rem;
489
+ @dt-size-border-200: 0.2rem;
490
+ @dt-size-border-300: 0.4rem;
491
+ @dt-size-border-400: 0.8rem;
492
+ @dt-size-border-focus: 0.3rem;
493
+ @dt-size-50-negative: -0.05rem;
494
+ @dt-size-100-negative: -0.1rem;
495
+ @dt-size-200-negative: -0.2rem;
496
+ @dt-size-300-negative: -0.4rem;
497
+ @dt-size-350-negative: -0.6rem;
498
+ @dt-size-400-negative: -0.8rem;
499
+ @dt-size-450-negative: -1.2rem;
500
+ @dt-size-500-negative: -1.6rem;
501
+ @dt-size-550-negative: -2.4rem;
502
+ @dt-size-600-negative: -3.2rem;
503
+ @dt-size-625-negative: -4.2rem;
504
+ @dt-size-650-negative: -4.8rem;
505
+ @dt-size-700-negative: -6.4rem;
506
+ @dt-size-720-negative: -7.2rem;
507
+ @dt-size-730-negative: -8.4rem;
508
+ @dt-size-750-negative: -9.6rem;
509
+ @dt-size-760-negative: -10.2rem;
510
+ @dt-size-775-negative: -11.4rem;
511
+ @dt-size-800-negative: -12.8rem;
512
+ @dt-size-825-negative: -16.4rem;
513
+ @dt-size-850-negative: -19.2rem;
514
+ @dt-size-875-negative: -21.6rem;
515
+ @dt-size-900-negative: -25.6rem;
516
+ @dt-size-905-negative: -26.4rem;
517
+ @dt-size-925-negative: -33.2rem;
518
+ @dt-size-950-negative: -38.4rem;
519
+ @dt-size-975-negative: -46.4rem;
520
+ @dt-size-1000-negative: -51.2rem;
521
+ @dt-size-1020-negative: -62.8rem;
522
+ @dt-size-1040-negative: -76.4rem;
523
+ @dt-size-1050-negative: -76.8rem;
524
+ @dt-size-1060-negative: -82.8rem;
525
+ @dt-size-1080-negative: -91.2rem;
526
+ @dt-size-1100-negative: -102.4rem;
527
+ @dt-size-1115-negative: -114rem;
528
+ @dt-size-1120-negative: -126.8rem;
529
+ @dt-size-1125-negative: -128rem;
530
+ @dt-size-1130-negative: -134rem;
531
+ @dt-size-1150-negative: -153.6rem;
532
+ @dt-size-1200-negative: -204.8rem;
533
+ @dt-size-0-percent: 0;
534
+ @dt-size-5-percent: 0.5rem;
535
+ @dt-size-10-percent: 1rem;
536
+ @dt-size-20-percent: 2rem;
537
+ @dt-size-25-percent: 2.5rem;
538
+ @dt-size-30-percent: 3rem;
539
+ @dt-size-33-percent: 3.3333rem;
540
+ @dt-size-40-percent: 4rem;
541
+ @dt-size-50-percent: 5rem;
542
+ @dt-size-60-percent: 6rem;
543
+ @dt-size-66-percent: 6.67rem;
544
+ @dt-size-70-percent: 7rem;
545
+ @dt-size-75-percent: 7.5rem;
546
+ @dt-size-80-percent: 8rem;
547
+ @dt-size-90-percent: 9rem;
548
+ @dt-size-95-percent: 9.5rem;
549
+ @dt-size-100-percent: 10rem;
550
+ @dt-size-base: 0.8rem;
551
+ @dt-size-radius-0: 0;
552
+ @dt-size-radius-100: 0.1rem;
553
+ @dt-size-radius-200: 0.2rem;
554
+ @dt-size-radius-300: 0.4rem;
555
+ @dt-size-radius-400: 0.8rem;
556
+ @dt-size-radius-500: 1.6rem;
557
+ @dt-size-radius-600: 3.2rem;
558
+ @dt-size-radius-pill: 10rem;
559
+ @dt-size-radius-circle: 5rem;
560
+ @dt-shadow-small-0-x: 0;
561
+ @dt-shadow-small-0-y: 0.2rem;
562
+ @dt-shadow-small-0-blur: 0.4rem;
563
+ @dt-shadow-small-0-spread: 0;
564
+ @dt-shadow-small-0-color: #00000040;
565
+ @dt-shadow-small-0-type: dropShadow;
566
+ @dt-shadow-small-1-x: 0.05rem;
567
+ @dt-shadow-small-1-y: 0.05rem;
568
+ @dt-shadow-small-1-blur: 0;
569
+ @dt-shadow-small-1-spread: 0;
570
+ @dt-shadow-small-1-color: #000000;
571
+ @dt-shadow-small-1-type: dropShadow;
572
+ @dt-shadow-small-2-x: -0.05rem;
573
+ @dt-shadow-small-2-y: -0.05rem;
574
+ @dt-shadow-small-2-blur: 0;
575
+ @dt-shadow-small-2-spread: 0;
576
+ @dt-shadow-small-2-color: #000000;
577
+ @dt-shadow-small-2-type: dropShadow;
578
+ @dt-shadow-small-3-x: -0.05rem;
579
+ @dt-shadow-small-3-y: 0.05rem;
580
+ @dt-shadow-small-3-blur: 0;
581
+ @dt-shadow-small-3-spread: 0;
582
+ @dt-shadow-small-3-color: #000000;
583
+ @dt-shadow-small-3-type: dropShadow;
584
+ @dt-shadow-small-4-x: 0.05rem;
585
+ @dt-shadow-small-4-y: -0.05rem;
586
+ @dt-shadow-small-4-blur: 0;
587
+ @dt-shadow-small-4-spread: 0;
588
+ @dt-shadow-small-4-color: #000000;
589
+ @dt-shadow-small-4-type: dropShadow;
590
+ @dt-shadow-medium-0-x: 0;
591
+ @dt-shadow-medium-0-y: 0.2rem;
592
+ @dt-shadow-medium-0-blur: 0.8rem;
593
+ @dt-shadow-medium-0-spread: 0;
594
+ @dt-shadow-medium-0-color: #00000059;
595
+ @dt-shadow-medium-0-type: dropShadow;
596
+ @dt-shadow-medium-1-x: 0.05rem;
597
+ @dt-shadow-medium-1-y: 0.05rem;
598
+ @dt-shadow-medium-1-blur: 0;
599
+ @dt-shadow-medium-1-spread: 0;
600
+ @dt-shadow-medium-1-color: #000000;
601
+ @dt-shadow-medium-1-type: dropShadow;
602
+ @dt-shadow-medium-2-x: -0.05rem;
603
+ @dt-shadow-medium-2-y: -0.05rem;
604
+ @dt-shadow-medium-2-blur: 0;
605
+ @dt-shadow-medium-2-spread: 0;
606
+ @dt-shadow-medium-2-color: #000000;
607
+ @dt-shadow-medium-2-type: dropShadow;
608
+ @dt-shadow-medium-3-x: -0.05rem;
609
+ @dt-shadow-medium-3-y: 0.05rem;
610
+ @dt-shadow-medium-3-blur: 0;
611
+ @dt-shadow-medium-3-spread: 0;
612
+ @dt-shadow-medium-3-color: #000000;
613
+ @dt-shadow-medium-3-type: dropShadow;
614
+ @dt-shadow-medium-4-x: 0.05rem;
615
+ @dt-shadow-medium-4-y: -0.05rem;
616
+ @dt-shadow-medium-4-blur: 0;
617
+ @dt-shadow-medium-4-spread: 0;
618
+ @dt-shadow-medium-4-color: #000000;
619
+ @dt-shadow-medium-4-type: dropShadow;
620
+ @dt-shadow-large-0-x: 0;
621
+ @dt-shadow-large-0-y: 0.2rem;
622
+ @dt-shadow-large-0-blur: 1.6rem;
623
+ @dt-shadow-large-0-spread: 0;
624
+ @dt-shadow-large-0-color: #00000066;
625
+ @dt-shadow-large-0-type: dropShadow;
626
+ @dt-shadow-large-1-x: 0.05rem;
627
+ @dt-shadow-large-1-y: 0.05rem;
628
+ @dt-shadow-large-1-blur: 0;
629
+ @dt-shadow-large-1-spread: 0;
630
+ @dt-shadow-large-1-color: #000000;
631
+ @dt-shadow-large-1-type: dropShadow;
632
+ @dt-shadow-large-2-x: -0.05rem;
633
+ @dt-shadow-large-2-y: -0.05rem;
634
+ @dt-shadow-large-2-blur: 0;
635
+ @dt-shadow-large-2-spread: 0;
636
+ @dt-shadow-large-2-color: #000000;
637
+ @dt-shadow-large-2-type: dropShadow;
638
+ @dt-shadow-large-3-x: -0.05rem;
639
+ @dt-shadow-large-3-y: 0.05rem;
640
+ @dt-shadow-large-3-blur: 0;
641
+ @dt-shadow-large-3-spread: 0;
642
+ @dt-shadow-large-3-color: #000000;
643
+ @dt-shadow-large-3-type: dropShadow;
644
+ @dt-shadow-large-4-x: 0.05rem;
645
+ @dt-shadow-large-4-y: -0.05rem;
646
+ @dt-shadow-large-4-blur: 0;
647
+ @dt-shadow-large-4-spread: 0;
648
+ @dt-shadow-large-4-color: #000000;
649
+ @dt-shadow-large-4-type: dropShadow;
650
+ @dt-shadow-extra-large-0-x: 0;
651
+ @dt-shadow-extra-large-0-y: 0.2rem;
652
+ @dt-shadow-extra-large-0-blur: 3.2rem;
653
+ @dt-shadow-extra-large-0-spread: 0;
654
+ @dt-shadow-extra-large-0-color: #00000066;
655
+ @dt-shadow-extra-large-0-type: dropShadow;
656
+ @dt-shadow-extra-large-1-x: 0.05rem;
657
+ @dt-shadow-extra-large-1-y: 0.05rem;
658
+ @dt-shadow-extra-large-1-blur: 0;
659
+ @dt-shadow-extra-large-1-spread: 0;
660
+ @dt-shadow-extra-large-1-color: #000000;
661
+ @dt-shadow-extra-large-1-type: dropShadow;
662
+ @dt-shadow-extra-large-2-x: -0.05rem;
663
+ @dt-shadow-extra-large-2-y: -0.05rem;
664
+ @dt-shadow-extra-large-2-blur: 0;
665
+ @dt-shadow-extra-large-2-spread: 0;
666
+ @dt-shadow-extra-large-2-color: #000000;
667
+ @dt-shadow-extra-large-2-type: dropShadow;
668
+ @dt-shadow-extra-large-3-x: -0.05rem;
669
+ @dt-shadow-extra-large-3-y: 0.05rem;
670
+ @dt-shadow-extra-large-3-blur: 0;
671
+ @dt-shadow-extra-large-3-spread: 0;
672
+ @dt-shadow-extra-large-3-color: #000000;
673
+ @dt-shadow-extra-large-3-type: dropShadow;
674
+ @dt-shadow-extra-large-4-x: 0.05rem;
675
+ @dt-shadow-extra-large-4-y: -0.05rem;
676
+ @dt-shadow-extra-large-4-blur: 0;
677
+ @dt-shadow-extra-large-4-spread: 0;
678
+ @dt-shadow-extra-large-4-color: #000000;
679
+ @dt-shadow-extra-large-4-type: dropShadow;
680
+ @dt-shadow-card-0-x: 0;
681
+ @dt-shadow-card-0-y: 0.1rem;
682
+ @dt-shadow-card-0-blur: 0.2rem;
683
+ @dt-shadow-card-0-spread: 0;
684
+ @dt-shadow-card-0-color: #00000021;
685
+ @dt-shadow-card-0-type: dropShadow;
686
+ @dt-shadow-card-1-x: 0;
687
+ @dt-shadow-card-1-y: 0.2rem;
688
+ @dt-shadow-card-1-blur: 0.4rem;
689
+ @dt-shadow-card-1-spread: 0;
690
+ @dt-shadow-card-1-color: #00000024;
691
+ @dt-shadow-card-1-type: dropShadow;
692
+ @dt-shadow-card-2-x: 0;
693
+ @dt-shadow-card-2-y: 0.2rem;
694
+ @dt-shadow-card-2-blur: 1.6rem;
695
+ @dt-shadow-card-2-spread: 0;
696
+ @dt-shadow-card-2-color: #0000002e;
697
+ @dt-shadow-card-2-type: dropShadow;
698
+ @dt-shadow-card-3-x: 0.05rem;
699
+ @dt-shadow-card-3-y: 0.05rem;
700
+ @dt-shadow-card-3-blur: 0;
701
+ @dt-shadow-card-3-spread: 0;
702
+ @dt-shadow-card-3-color: #000000;
703
+ @dt-shadow-card-3-type: dropShadow;
704
+ @dt-shadow-card-4-x: -0.05rem;
705
+ @dt-shadow-card-4-y: -0.05rem;
706
+ @dt-shadow-card-4-blur: 0;
707
+ @dt-shadow-card-4-spread: 0;
708
+ @dt-shadow-card-4-color: #000000;
709
+ @dt-shadow-card-4-type: dropShadow;
710
+ @dt-shadow-card-5-x: -0.05rem;
711
+ @dt-shadow-card-5-y: 0.05rem;
712
+ @dt-shadow-card-5-blur: 0;
713
+ @dt-shadow-card-5-spread: 0;
714
+ @dt-shadow-card-5-color: #000000;
715
+ @dt-shadow-card-5-type: dropShadow;
716
+ @dt-shadow-card-6-x: 0.05rem;
717
+ @dt-shadow-card-6-y: -0.05rem;
718
+ @dt-shadow-card-6-blur: 0;
719
+ @dt-shadow-card-6-spread: 0;
720
+ @dt-shadow-card-6-color: #000000;
721
+ @dt-shadow-card-6-type: dropShadow;
722
+ @dt-shadow-focus-0-x: 0;
723
+ @dt-shadow-focus-0-y: 0;
724
+ @dt-shadow-focus-0-blur: 0;
725
+ @dt-shadow-focus-0-spread: 0.1rem;
726
+ @dt-shadow-focus-0-color: #000000;
727
+ @dt-shadow-focus-0-type: dropShadow;
728
+ @dt-shadow-focus-1-x: 0;
729
+ @dt-shadow-focus-1-y: 0;
730
+ @dt-shadow-focus-1-blur: 0;
731
+ @dt-shadow-focus-1-spread: 0.4rem;
732
+ @dt-shadow-focus-1-color: #51A0FE;
733
+ @dt-shadow-focus-1-type: dropShadow;
734
+ @dt-shadow-focus-inset-0-x: 0;
735
+ @dt-shadow-focus-inset-0-y: 0;
736
+ @dt-shadow-focus-inset-0-blur: 0;
737
+ @dt-shadow-focus-inset-0-spread: 0.3rem;
738
+ @dt-shadow-focus-inset-0-color: #51A0FE;
739
+ @dt-shadow-focus-inset-0-type: innerShadow;
740
+ @dt-opacity-0: 0;
741
+ @dt-opacity-100: 0.05;
742
+ @dt-opacity-200: 0.1;
743
+ @dt-opacity-300: 0.2;
744
+ @dt-opacity-400: 0.25;
745
+ @dt-opacity-500: 0.3;
746
+ @dt-opacity-600: 0.4;
747
+ @dt-opacity-700: 0.5;
748
+ @dt-opacity-800: 0.6;
749
+ @dt-opacity-900: 0.7;
750
+ @dt-opacity-1000: 0.75;
751
+ @dt-opacity-1100: 0.8;
752
+ @dt-opacity-1200: 0.9;
753
+ @dt-opacity-1300: 1;
754
+ @dt-font-family-body: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
755
+ @dt-font-family-expressive: Archivo,-apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
756
+ @dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
757
+ @dt-font-size-100: 1.2rem;
758
+ @dt-font-size-200: 1.5rem;
759
+ @dt-font-size-300: 1.9rem;
760
+ @dt-font-size-400: 2.7rem;
761
+ @dt-font-size-500: 3.8rem;
762
+ @dt-font-size-root: 1rem;
763
+ @dt-font-line-height-100: 100%;
764
+ @dt-font-line-height-200: 120%;
765
+ @dt-font-line-height-300: 140%;
766
+ @dt-font-line-height-400: 160%;
767
+ @dt-font-line-height-500: 180%;
768
+ @dt-font-line-height-600: 200%;
769
+ @dt-font-weight-normal: 400;
770
+ @dt-font-weight-medium: 500;
771
+ @dt-font-weight-semi-bold: 600;
772
+ @dt-font-weight-bold: 700;
773
+ @dt-font-text-case-uppercase: uppercase;
774
+ @dt-font-text-case-lowercase: lowercase;
775
+ @dt-font-text-case-capitalize: capitalize;
776
+ @dt-font-text-case-none: none;
777
+ @dt-space-0: 0px;
778
+ @dt-space-50: 0.5px;
779
+ @dt-space-100: 1px;
780
+ @dt-space-200: 2px;
781
+ @dt-space-300: 4px;
782
+ @dt-space-350: 6px;
783
+ @dt-space-400: 8px;
784
+ @dt-space-450: 12px;
785
+ @dt-space-500: 16px;
786
+ @dt-space-550: 24px;
787
+ @dt-space-600: 32px;
788
+ @dt-space-625: 42px;
789
+ @dt-space-650: 48px;
790
+ @dt-space-700: 64px;
791
+ @dt-space-720: 72px;
792
+ @dt-space-730: 84px;
793
+ @dt-space-750: 96px;
794
+ @dt-space-760: 102px;
795
+ @dt-space-775: 114px;
796
+ @dt-space-800: 128px;
797
+ @dt-space-825: 164px;
798
+ @dt-space-850: 192px;
799
+ @dt-space-875: 216px;
800
+ @dt-space-900: 256px;
801
+ @dt-space-905: 264px;
802
+ @dt-space-925: 332px;
803
+ @dt-space-950: 384px;
804
+ @dt-space-975: 464px;
805
+ @dt-space-1000: 512px;
806
+ @dt-space-1020: 628px;
807
+ @dt-space-1040: 764px;
808
+ @dt-space-1050: 768px;
809
+ @dt-space-1060: 828px;
810
+ @dt-space-1080: 912px;
811
+ @dt-space-1100: 1024px;
812
+ @dt-space-1115: 1140px;
813
+ @dt-space-1120: 1268px;
814
+ @dt-space-1125: 1280px;
815
+ @dt-space-1130: 1340px;
816
+ @dt-space-1150: 1536px;
817
+ @dt-space-1200: 2048px;
818
+ @dt-space-50-negative: -0.5px;
819
+ @dt-space-100-negative: -1px;
820
+ @dt-space-200-negative: -2px;
821
+ @dt-space-300-negative: -4px;
822
+ @dt-space-350-negative: -6px;
823
+ @dt-space-400-negative: -8px;
824
+ @dt-space-450-negative: -12px;
825
+ @dt-space-500-negative: -16px;
826
+ @dt-space-550-negative: -24px;
827
+ @dt-space-600-negative: -32px;
828
+ @dt-space-625-negative: -42px;
829
+ @dt-space-650-negative: -48px;
830
+ @dt-space-700-negative: -64px;
831
+ @dt-space-720-negative: -72px;
832
+ @dt-space-730-negative: -84px;
833
+ @dt-space-750-negative: -96px;
834
+ @dt-space-760-negative: -102px;
835
+ @dt-space-775-negative: -114px;
836
+ @dt-space-800-negative: -128px;
837
+ @dt-space-825-negative: -164px;
838
+ @dt-space-850-negative: -192px;
839
+ @dt-space-875-negative: -216px;
840
+ @dt-space-900-negative: -256px;
841
+ @dt-space-905-negative: -264px;
842
+ @dt-space-925-negative: -332px;
843
+ @dt-space-950-negative: -384px;
844
+ @dt-space-975-negative: -464px;
845
+ @dt-space-1000-negative: -512px;
846
+ @dt-space-1020-negative: -628px;
847
+ @dt-space-1040-negative: -764px;
848
+ @dt-space-1050-negative: -768px;
849
+ @dt-space-1060-negative: -828px;
850
+ @dt-space-1080-negative: -912px;
851
+ @dt-space-1100-negative: -1024px;
852
+ @dt-space-1115-negative: -1140px;
853
+ @dt-space-1120-negative: -1268px;
854
+ @dt-space-1125-negative: -1280px;
855
+ @dt-space-1130-negative: -1340px;
856
+ @dt-space-1150-negative: -1536px;
857
+ @dt-space-1200-negative: -2048px;
858
+ @dt-space-0-percent: 0%;
859
+ @dt-space-5-percent: 5%;
860
+ @dt-space-10-percent: 10%;
861
+ @dt-space-20-percent: 20%;
862
+ @dt-space-25-percent: 25%;
863
+ @dt-space-30-percent: 30%;
864
+ @dt-space-33-percent: 33.333%;
865
+ @dt-space-40-percent: 40%;
866
+ @dt-space-50-percent: 50%;
867
+ @dt-space-60-percent: 60%;
868
+ @dt-space-66-percent: 66.7%;
869
+ @dt-space-70-percent: 70%;
870
+ @dt-space-75-percent: 75%;
871
+ @dt-space-80-percent: 80%;
872
+ @dt-space-90-percent: 90%;
873
+ @dt-space-95-percent: 95%;
874
+ @dt-space-100-percent: 100%;
875
+ @dt-space-base: 8px;