@sandlada/material-design-css 2.0.0 → 2.1.0-20250827.a
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/package.json +48 -40
- package/palette/bg-utilities.css +608 -0
- package/palette/text-utilities.css +608 -0
- package/preset.css +5 -7
- package/tailwind-color/bg-utilities.css +111 -0
- package/tailwind-color/text-utilities.css +111 -0
- package/tailwind-motion/animation-utilities.css +196 -0
- package/tailwind-motion/transition-utilities.css +196 -0
- package/tailwind-palette/bg-utilities.css +606 -0
- package/tailwind-palette/text-utilities.css +606 -0
- package/tailwind-shape/shape-utilities.css +399 -0
- package/tailwind-typography/typography-utilities.css +422 -0
|
@@ -0,0 +1,608 @@
|
|
|
1
|
+
@layer material-design-system.palette {
|
|
2
|
+
.bg-primary-0 { background: var(--md-sys-palette-primary-0, #000000);}
|
|
3
|
+
.bg-primary-1 { background: var(--md-sys-palette-primary-1, #020500);}
|
|
4
|
+
.bg-primary-2 { background: var(--md-sys-palette-primary-2, #040900);}
|
|
5
|
+
.bg-primary-3 { background: var(--md-sys-palette-primary-3, #060d00);}
|
|
6
|
+
.bg-primary-4 { background: var(--md-sys-palette-primary-4, #081100);}
|
|
7
|
+
.bg-primary-5 { background: var(--md-sys-palette-primary-5, #091400);}
|
|
8
|
+
.bg-primary-6 { background: var(--md-sys-palette-primary-6, #0b1600);}
|
|
9
|
+
.bg-primary-7 { background: var(--md-sys-palette-primary-7, #0d1900);}
|
|
10
|
+
.bg-primary-8 { background: var(--md-sys-palette-primary-8, #0e1b00);}
|
|
11
|
+
.bg-primary-9 { background: var(--md-sys-palette-primary-9, #101d00);}
|
|
12
|
+
.bg-primary-10 { background: var(--md-sys-palette-primary-10, #111f00);}
|
|
13
|
+
.bg-primary-11 { background: var(--md-sys-palette-primary-11, #132200);}
|
|
14
|
+
.bg-primary-12 { background: var(--md-sys-palette-primary-12, #152400);}
|
|
15
|
+
.bg-primary-13 { background: var(--md-sys-palette-primary-13, #162600);}
|
|
16
|
+
.bg-primary-14 { background: var(--md-sys-palette-primary-14, #182800);}
|
|
17
|
+
.bg-primary-15 { background: var(--md-sys-palette-primary-15, #192b00);}
|
|
18
|
+
.bg-primary-16 { background: var(--md-sys-palette-primary-16, #1b2d00);}
|
|
19
|
+
.bg-primary-17 { background: var(--md-sys-palette-primary-17, #1c2f00);}
|
|
20
|
+
.bg-primary-18 { background: var(--md-sys-palette-primary-18, #1e3200);}
|
|
21
|
+
.bg-primary-19 { background: var(--md-sys-palette-primary-19, #203400);}
|
|
22
|
+
.bg-primary-20 { background: var(--md-sys-palette-primary-20, #213600);}
|
|
23
|
+
.bg-primary-21 { background: var(--md-sys-palette-primary-21, #233900);}
|
|
24
|
+
.bg-primary-22 { background: var(--md-sys-palette-primary-22, #253b00);}
|
|
25
|
+
.bg-primary-23 { background: var(--md-sys-palette-primary-23, #263d00);}
|
|
26
|
+
.bg-primary-24 { background: var(--md-sys-palette-primary-24, #284000);}
|
|
27
|
+
.bg-primary-25 { background: var(--md-sys-palette-primary-25, #2a4200);}
|
|
28
|
+
.bg-primary-26 { background: var(--md-sys-palette-primary-26, #2b4500);}
|
|
29
|
+
.bg-primary-27 { background: var(--md-sys-palette-primary-27, #2d4700);}
|
|
30
|
+
.bg-primary-28 { background: var(--md-sys-palette-primary-28, #2f4a00);}
|
|
31
|
+
.bg-primary-29 { background: var(--md-sys-palette-primary-29, #304c00);}
|
|
32
|
+
.bg-primary-30 { background: var(--md-sys-palette-primary-30, #324f00);}
|
|
33
|
+
.bg-primary-31 { background: var(--md-sys-palette-primary-31, #345100);}
|
|
34
|
+
.bg-primary-32 { background: var(--md-sys-palette-primary-32, #365400);}
|
|
35
|
+
.bg-primary-33 { background: var(--md-sys-palette-primary-33, #375600);}
|
|
36
|
+
.bg-primary-34 { background: var(--md-sys-palette-primary-34, #395900);}
|
|
37
|
+
.bg-primary-35 { background: var(--md-sys-palette-primary-35, #3b5b00);}
|
|
38
|
+
.bg-primary-36 { background: var(--md-sys-palette-primary-36, #3d5e00);}
|
|
39
|
+
.bg-primary-37 { background: var(--md-sys-palette-primary-37, #3f6100);}
|
|
40
|
+
.bg-primary-38 { background: var(--md-sys-palette-primary-38, #406300);}
|
|
41
|
+
.bg-primary-39 { background: var(--md-sys-palette-primary-39, #426600);}
|
|
42
|
+
.bg-primary-40 { background: var(--md-sys-palette-primary-40, #446900);}
|
|
43
|
+
.bg-primary-41 { background: var(--md-sys-palette-primary-41, #466b00);}
|
|
44
|
+
.bg-primary-42 { background: var(--md-sys-palette-primary-42, #486e00);}
|
|
45
|
+
.bg-primary-43 { background: var(--md-sys-palette-primary-43, #4a7100);}
|
|
46
|
+
.bg-primary-44 { background: var(--md-sys-palette-primary-44, #4b7300);}
|
|
47
|
+
.bg-primary-45 { background: var(--md-sys-palette-primary-45, #4d7600);}
|
|
48
|
+
.bg-primary-46 { background: var(--md-sys-palette-primary-46, #4f7900);}
|
|
49
|
+
.bg-primary-47 { background: var(--md-sys-palette-primary-47, #517b00);}
|
|
50
|
+
.bg-primary-48 { background: var(--md-sys-palette-primary-48, #537e00);}
|
|
51
|
+
.bg-primary-49 { background: var(--md-sys-palette-primary-49, #558100);}
|
|
52
|
+
.bg-primary-50 { background: var(--md-sys-palette-primary-50, #578400);}
|
|
53
|
+
.bg-primary-51 { background: var(--md-sys-palette-primary-51, #598604);}
|
|
54
|
+
.bg-primary-52 { background: var(--md-sys-palette-primary-52, #5c8908);}
|
|
55
|
+
.bg-primary-53 { background: var(--md-sys-palette-primary-53, #5e8c0d);}
|
|
56
|
+
.bg-primary-54 { background: var(--md-sys-palette-primary-54, #608e11);}
|
|
57
|
+
.bg-primary-55 { background: var(--md-sys-palette-primary-55, #639114);}
|
|
58
|
+
.bg-primary-56 { background: var(--md-sys-palette-primary-56, #659417);}
|
|
59
|
+
.bg-primary-57 { background: var(--md-sys-palette-primary-57, #68961b);}
|
|
60
|
+
.bg-primary-58 { background: var(--md-sys-palette-primary-58, #6a991e);}
|
|
61
|
+
.bg-primary-59 { background: var(--md-sys-palette-primary-59, #6d9c21);}
|
|
62
|
+
.bg-primary-60 { background: var(--md-sys-palette-primary-60, #6f9e23);}
|
|
63
|
+
.bg-primary-61 { background: var(--md-sys-palette-primary-61, #72a126);}
|
|
64
|
+
.bg-primary-62 { background: var(--md-sys-palette-primary-62, #74a429);}
|
|
65
|
+
.bg-primary-63 { background: var(--md-sys-palette-primary-63, #77a72c);}
|
|
66
|
+
.bg-primary-64 { background: var(--md-sys-palette-primary-64, #79a92e);}
|
|
67
|
+
.bg-primary-65 { background: var(--md-sys-palette-primary-65, #7cac31);}
|
|
68
|
+
.bg-primary-66 { background: var(--md-sys-palette-primary-66, #7eaf33);}
|
|
69
|
+
.bg-primary-67 { background: var(--md-sys-palette-primary-67, #81b236);}
|
|
70
|
+
.bg-primary-68 { background: var(--md-sys-palette-primary-68, #83b438);}
|
|
71
|
+
.bg-primary-69 { background: var(--md-sys-palette-primary-69, #86b73b);}
|
|
72
|
+
.bg-primary-70 { background: var(--md-sys-palette-primary-70, #89ba3d);}
|
|
73
|
+
.bg-primary-71 { background: var(--md-sys-palette-primary-71, #8bbd40);}
|
|
74
|
+
.bg-primary-72 { background: var(--md-sys-palette-primary-72, #8ec042);}
|
|
75
|
+
.bg-primary-73 { background: var(--md-sys-palette-primary-73, #90c245);}
|
|
76
|
+
.bg-primary-74 { background: var(--md-sys-palette-primary-74, #93c547);}
|
|
77
|
+
.bg-primary-75 { background: var(--md-sys-palette-primary-75, #96c84a);}
|
|
78
|
+
.bg-primary-76 { background: var(--md-sys-palette-primary-76, #98cb4c);}
|
|
79
|
+
.bg-primary-77 { background: var(--md-sys-palette-primary-77, #9bce4f);}
|
|
80
|
+
.bg-primary-78 { background: var(--md-sys-palette-primary-78, #9ed151);}
|
|
81
|
+
.bg-primary-79 { background: var(--md-sys-palette-primary-79, #a0d354);}
|
|
82
|
+
.bg-primary-80 { background: var(--md-sys-palette-primary-80, #a3d656);}
|
|
83
|
+
.bg-primary-81 { background: var(--md-sys-palette-primary-81, #a6d959);}
|
|
84
|
+
.bg-primary-82 { background: var(--md-sys-palette-primary-82, #a8dc5b);}
|
|
85
|
+
.bg-primary-83 { background: var(--md-sys-palette-primary-83, #abdf5e);}
|
|
86
|
+
.bg-primary-84 { background: var(--md-sys-palette-primary-84, #aee260);}
|
|
87
|
+
.bg-primary-85 { background: var(--md-sys-palette-primary-85, #b0e563);}
|
|
88
|
+
.bg-primary-86 { background: var(--md-sys-palette-primary-86, #b3e865);}
|
|
89
|
+
.bg-primary-87 { background: var(--md-sys-palette-primary-87, #b6ea68);}
|
|
90
|
+
.bg-primary-88 { background: var(--md-sys-palette-primary-88, #b8ed6a);}
|
|
91
|
+
.bg-primary-89 { background: var(--md-sys-palette-primary-89, #bbf06d);}
|
|
92
|
+
.bg-primary-90 { background: var(--md-sys-palette-primary-90, #bef36f);}
|
|
93
|
+
.bg-primary-91 { background: var(--md-sys-palette-primary-91, #c1f672);}
|
|
94
|
+
.bg-primary-92 { background: var(--md-sys-palette-primary-92, #c3f974);}
|
|
95
|
+
.bg-primary-93 { background: var(--md-sys-palette-primary-93, #c6fc77);}
|
|
96
|
+
.bg-primary-94 { background: var(--md-sys-palette-primary-94, #c9ff79);}
|
|
97
|
+
.bg-primary-95 { background: var(--md-sys-palette-primary-95, #d4ff94);}
|
|
98
|
+
.bg-primary-96 { background: var(--md-sys-palette-primary-96, #deffab);}
|
|
99
|
+
.bg-primary-97 { background: var(--md-sys-palette-primary-97, #e8ffc1);}
|
|
100
|
+
.bg-primary-98 { background: var(--md-sys-palette-primary-98, #f0ffd5);}
|
|
101
|
+
.bg-primary-99 { background: var(--md-sys-palette-primary-99, #f9ffe7);}
|
|
102
|
+
.bg-primary-100 { background: var(--md-sys-palette-primary-100, #ffffff);}
|
|
103
|
+
.bg-secondary-0 { background: var(--md-sys-palette-secondary-0, #000000);}
|
|
104
|
+
.bg-secondary-1 { background: var(--md-sys-palette-secondary-1, #020500);}
|
|
105
|
+
.bg-secondary-2 { background: var(--md-sys-palette-secondary-2, #040900);}
|
|
106
|
+
.bg-secondary-3 { background: var(--md-sys-palette-secondary-3, #060d00);}
|
|
107
|
+
.bg-secondary-4 { background: var(--md-sys-palette-secondary-4, #081100);}
|
|
108
|
+
.bg-secondary-5 { background: var(--md-sys-palette-secondary-5, #091400);}
|
|
109
|
+
.bg-secondary-6 { background: var(--md-sys-palette-secondary-6, #0b1600);}
|
|
110
|
+
.bg-secondary-7 { background: var(--md-sys-palette-secondary-7, #0d1900);}
|
|
111
|
+
.bg-secondary-8 { background: var(--md-sys-palette-secondary-8, #0e1b00);}
|
|
112
|
+
.bg-secondary-9 { background: var(--md-sys-palette-secondary-9, #101d00);}
|
|
113
|
+
.bg-secondary-10 { background: var(--md-sys-palette-secondary-10, #111f00);}
|
|
114
|
+
.bg-secondary-11 { background: var(--md-sys-palette-secondary-11, #132200);}
|
|
115
|
+
.bg-secondary-12 { background: var(--md-sys-palette-secondary-12, #152400);}
|
|
116
|
+
.bg-secondary-13 { background: var(--md-sys-palette-secondary-13, #162600);}
|
|
117
|
+
.bg-secondary-14 { background: var(--md-sys-palette-secondary-14, #182800);}
|
|
118
|
+
.bg-secondary-15 { background: var(--md-sys-palette-secondary-15, #1a2a01);}
|
|
119
|
+
.bg-secondary-16 { background: var(--md-sys-palette-secondary-16, #1c2d02);}
|
|
120
|
+
.bg-secondary-17 { background: var(--md-sys-palette-secondary-17, #1e2f04);}
|
|
121
|
+
.bg-secondary-18 { background: var(--md-sys-palette-secondary-18, #203105);}
|
|
122
|
+
.bg-secondary-19 { background: var(--md-sys-palette-secondary-19, #223307);}
|
|
123
|
+
.bg-secondary-20 { background: var(--md-sys-palette-secondary-20, #243609);}
|
|
124
|
+
.bg-secondary-21 { background: var(--md-sys-palette-secondary-21, #26380b);}
|
|
125
|
+
.bg-secondary-22 { background: var(--md-sys-palette-secondary-22, #283a0d);}
|
|
126
|
+
.bg-secondary-23 { background: var(--md-sys-palette-secondary-23, #2a3c0f);}
|
|
127
|
+
.bg-secondary-24 { background: var(--md-sys-palette-secondary-24, #2d3f11);}
|
|
128
|
+
.bg-secondary-25 { background: var(--md-sys-palette-secondary-25, #2f4114);}
|
|
129
|
+
.bg-secondary-26 { background: var(--md-sys-palette-secondary-26, #314316);}
|
|
130
|
+
.bg-secondary-27 { background: var(--md-sys-palette-secondary-27, #334618);}
|
|
131
|
+
.bg-secondary-28 { background: var(--md-sys-palette-secondary-28, #35481a);}
|
|
132
|
+
.bg-secondary-29 { background: var(--md-sys-palette-secondary-29, #384a1c);}
|
|
133
|
+
.bg-secondary-30 { background: var(--md-sys-palette-secondary-30, #3a4d1e);}
|
|
134
|
+
.bg-secondary-31 { background: var(--md-sys-palette-secondary-31, #3c4f20);}
|
|
135
|
+
.bg-secondary-32 { background: var(--md-sys-palette-secondary-32, #3e5122);}
|
|
136
|
+
.bg-secondary-33 { background: var(--md-sys-palette-secondary-33, #415424);}
|
|
137
|
+
.bg-secondary-34 { background: var(--md-sys-palette-secondary-34, #435626);}
|
|
138
|
+
.bg-secondary-35 { background: var(--md-sys-palette-secondary-35, #455929);}
|
|
139
|
+
.bg-secondary-36 { background: var(--md-sys-palette-secondary-36, #485b2b);}
|
|
140
|
+
.bg-secondary-37 { background: var(--md-sys-palette-secondary-37, #4a5d2d);}
|
|
141
|
+
.bg-secondary-38 { background: var(--md-sys-palette-secondary-38, #4c602f);}
|
|
142
|
+
.bg-secondary-39 { background: var(--md-sys-palette-secondary-39, #4f6231);}
|
|
143
|
+
.bg-secondary-40 { background: var(--md-sys-palette-secondary-40, #516533);}
|
|
144
|
+
.bg-secondary-41 { background: var(--md-sys-palette-secondary-41, #536736);}
|
|
145
|
+
.bg-secondary-42 { background: var(--md-sys-palette-secondary-42, #566a38);}
|
|
146
|
+
.bg-secondary-43 { background: var(--md-sys-palette-secondary-43, #586c3a);}
|
|
147
|
+
.bg-secondary-44 { background: var(--md-sys-palette-secondary-44, #5a6f3c);}
|
|
148
|
+
.bg-secondary-45 { background: var(--md-sys-palette-secondary-45, #5d713e);}
|
|
149
|
+
.bg-secondary-46 { background: var(--md-sys-palette-secondary-46, #5f7441);}
|
|
150
|
+
.bg-secondary-47 { background: var(--md-sys-palette-secondary-47, #627643);}
|
|
151
|
+
.bg-secondary-48 { background: var(--md-sys-palette-secondary-48, #647945);}
|
|
152
|
+
.bg-secondary-49 { background: var(--md-sys-palette-secondary-49, #677b48);}
|
|
153
|
+
.bg-secondary-50 { background: var(--md-sys-palette-secondary-50, #697e4a);}
|
|
154
|
+
.bg-secondary-51 { background: var(--md-sys-palette-secondary-51, #6c814c);}
|
|
155
|
+
.bg-secondary-52 { background: var(--md-sys-palette-secondary-52, #6e834e);}
|
|
156
|
+
.bg-secondary-53 { background: var(--md-sys-palette-secondary-53, #718651);}
|
|
157
|
+
.bg-secondary-54 { background: var(--md-sys-palette-secondary-54, #738853);}
|
|
158
|
+
.bg-secondary-55 { background: var(--md-sys-palette-secondary-55, #768b55);}
|
|
159
|
+
.bg-secondary-56 { background: var(--md-sys-palette-secondary-56, #788e58);}
|
|
160
|
+
.bg-secondary-57 { background: var(--md-sys-palette-secondary-57, #7b905a);}
|
|
161
|
+
.bg-secondary-58 { background: var(--md-sys-palette-secondary-58, #7d935c);}
|
|
162
|
+
.bg-secondary-59 { background: var(--md-sys-palette-secondary-59, #80955f);}
|
|
163
|
+
.bg-secondary-60 { background: var(--md-sys-palette-secondary-60, #829861);}
|
|
164
|
+
.bg-secondary-61 { background: var(--md-sys-palette-secondary-61, #859b64);}
|
|
165
|
+
.bg-secondary-62 { background: var(--md-sys-palette-secondary-62, #889d66);}
|
|
166
|
+
.bg-secondary-63 { background: var(--md-sys-palette-secondary-63, #8aa068);}
|
|
167
|
+
.bg-secondary-64 { background: var(--md-sys-palette-secondary-64, #8da36b);}
|
|
168
|
+
.bg-secondary-65 { background: var(--md-sys-palette-secondary-65, #8fa56d);}
|
|
169
|
+
.bg-secondary-66 { background: var(--md-sys-palette-secondary-66, #92a870);}
|
|
170
|
+
.bg-secondary-67 { background: var(--md-sys-palette-secondary-67, #95ab72);}
|
|
171
|
+
.bg-secondary-68 { background: var(--md-sys-palette-secondary-68, #97ae75);}
|
|
172
|
+
.bg-secondary-69 { background: var(--md-sys-palette-secondary-69, #9ab077);}
|
|
173
|
+
.bg-secondary-70 { background: var(--md-sys-palette-secondary-70, #9db37a);}
|
|
174
|
+
.bg-secondary-71 { background: var(--md-sys-palette-secondary-71, #9fb67c);}
|
|
175
|
+
.bg-secondary-72 { background: var(--md-sys-palette-secondary-72, #a2b87e);}
|
|
176
|
+
.bg-secondary-73 { background: var(--md-sys-palette-secondary-73, #a5bb81);}
|
|
177
|
+
.bg-secondary-74 { background: var(--md-sys-palette-secondary-74, #a7be83);}
|
|
178
|
+
.bg-secondary-75 { background: var(--md-sys-palette-secondary-75, #aac186);}
|
|
179
|
+
.bg-secondary-76 { background: var(--md-sys-palette-secondary-76, #adc489);}
|
|
180
|
+
.bg-secondary-77 { background: var(--md-sys-palette-secondary-77, #afc68b);}
|
|
181
|
+
.bg-secondary-78 { background: var(--md-sys-palette-secondary-78, #b2c98e);}
|
|
182
|
+
.bg-secondary-79 { background: var(--md-sys-palette-secondary-79, #b5cc90);}
|
|
183
|
+
.bg-secondary-80 { background: var(--md-sys-palette-secondary-80, #b7cf93);}
|
|
184
|
+
.bg-secondary-81 { background: var(--md-sys-palette-secondary-81, #bad195);}
|
|
185
|
+
.bg-secondary-82 { background: var(--md-sys-palette-secondary-82, #bdd498);}
|
|
186
|
+
.bg-secondary-83 { background: var(--md-sys-palette-secondary-83, #c0d79a);}
|
|
187
|
+
.bg-secondary-84 { background: var(--md-sys-palette-secondary-84, #c2da9d);}
|
|
188
|
+
.bg-secondary-85 { background: var(--md-sys-palette-secondary-85, #c5dda0);}
|
|
189
|
+
.bg-secondary-86 { background: var(--md-sys-palette-secondary-86, #c8e0a2);}
|
|
190
|
+
.bg-secondary-87 { background: var(--md-sys-palette-secondary-87, #cbe2a5);}
|
|
191
|
+
.bg-secondary-88 { background: var(--md-sys-palette-secondary-88, #cee5a7);}
|
|
192
|
+
.bg-secondary-89 { background: var(--md-sys-palette-secondary-89, #d0e8aa);}
|
|
193
|
+
.bg-secondary-90 { background: var(--md-sys-palette-secondary-90, #d3ebad);}
|
|
194
|
+
.bg-secondary-91 { background: var(--md-sys-palette-secondary-91, #d6eeaf);}
|
|
195
|
+
.bg-secondary-92 { background: var(--md-sys-palette-secondary-92, #d9f1b2);}
|
|
196
|
+
.bg-secondary-93 { background: var(--md-sys-palette-secondary-93, #dcf4b5);}
|
|
197
|
+
.bg-secondary-94 { background: var(--md-sys-palette-secondary-94, #dff7b7);}
|
|
198
|
+
.bg-secondary-95 { background: var(--md-sys-palette-secondary-95, #e1f9ba);}
|
|
199
|
+
.bg-secondary-96 { background: var(--md-sys-palette-secondary-96, #e4fcbd);}
|
|
200
|
+
.bg-secondary-97 { background: var(--md-sys-palette-secondary-97, #e8ffc1);}
|
|
201
|
+
.bg-secondary-98 { background: var(--md-sys-palette-secondary-98, #f0ffd5);}
|
|
202
|
+
.bg-secondary-99 { background: var(--md-sys-palette-secondary-99, #f9ffe7);}
|
|
203
|
+
.bg-secondary-100 { background: var(--md-sys-palette-secondary-100, #ffffff);}
|
|
204
|
+
.bg-tertiary-0 { background: var(--md-sys-palette-tertiary-0, #000000);}
|
|
205
|
+
.bg-tertiary-1 { background: var(--md-sys-palette-tertiary-1, #000502);}
|
|
206
|
+
.bg-tertiary-2 { background: var(--md-sys-palette-tertiary-2, #000a04);}
|
|
207
|
+
.bg-tertiary-3 { background: var(--md-sys-palette-tertiary-3, #000e07);}
|
|
208
|
+
.bg-tertiary-4 { background: var(--md-sys-palette-tertiary-4, #001209);}
|
|
209
|
+
.bg-tertiary-5 { background: var(--md-sys-palette-tertiary-5, #00150b);}
|
|
210
|
+
.bg-tertiary-6 { background: var(--md-sys-palette-tertiary-6, #00180d);}
|
|
211
|
+
.bg-tertiary-7 { background: var(--md-sys-palette-tertiary-7, #001a0f);}
|
|
212
|
+
.bg-tertiary-8 { background: var(--md-sys-palette-tertiary-8, #001c10);}
|
|
213
|
+
.bg-tertiary-9 { background: var(--md-sys-palette-tertiary-9, #001f12);}
|
|
214
|
+
.bg-tertiary-10 { background: var(--md-sys-palette-tertiary-10, #002114);}
|
|
215
|
+
.bg-tertiary-11 { background: var(--md-sys-palette-tertiary-11, #002315);}
|
|
216
|
+
.bg-tertiary-12 { background: var(--md-sys-palette-tertiary-12, #002517);}
|
|
217
|
+
.bg-tertiary-13 { background: var(--md-sys-palette-tertiary-13, #002819);}
|
|
218
|
+
.bg-tertiary-14 { background: var(--md-sys-palette-tertiary-14, #002a1a);}
|
|
219
|
+
.bg-tertiary-15 { background: var(--md-sys-palette-tertiary-15, #002c1c);}
|
|
220
|
+
.bg-tertiary-16 { background: var(--md-sys-palette-tertiary-16, #002f1e);}
|
|
221
|
+
.bg-tertiary-17 { background: var(--md-sys-palette-tertiary-17, #00311f);}
|
|
222
|
+
.bg-tertiary-18 { background: var(--md-sys-palette-tertiary-18, #003321);}
|
|
223
|
+
.bg-tertiary-19 { background: var(--md-sys-palette-tertiary-19, #003623);}
|
|
224
|
+
.bg-tertiary-20 { background: var(--md-sys-palette-tertiary-20, #003825);}
|
|
225
|
+
.bg-tertiary-21 { background: var(--md-sys-palette-tertiary-21, #003b26);}
|
|
226
|
+
.bg-tertiary-22 { background: var(--md-sys-palette-tertiary-22, #003d28);}
|
|
227
|
+
.bg-tertiary-23 { background: var(--md-sys-palette-tertiary-23, #00402a);}
|
|
228
|
+
.bg-tertiary-24 { background: var(--md-sys-palette-tertiary-24, #00422c);}
|
|
229
|
+
.bg-tertiary-25 { background: var(--md-sys-palette-tertiary-25, #00452e);}
|
|
230
|
+
.bg-tertiary-26 { background: var(--md-sys-palette-tertiary-26, #00472f);}
|
|
231
|
+
.bg-tertiary-27 { background: var(--md-sys-palette-tertiary-27, #004a31);}
|
|
232
|
+
.bg-tertiary-28 { background: var(--md-sys-palette-tertiary-28, #004c33);}
|
|
233
|
+
.bg-tertiary-29 { background: var(--md-sys-palette-tertiary-29, #004f35);}
|
|
234
|
+
.bg-tertiary-30 { background: var(--md-sys-palette-tertiary-30, #005237);}
|
|
235
|
+
.bg-tertiary-31 { background: var(--md-sys-palette-tertiary-31, #005439);}
|
|
236
|
+
.bg-tertiary-32 { background: var(--md-sys-palette-tertiary-32, #00573b);}
|
|
237
|
+
.bg-tertiary-33 { background: var(--md-sys-palette-tertiary-33, #00593c);}
|
|
238
|
+
.bg-tertiary-34 { background: var(--md-sys-palette-tertiary-34, #005c3e);}
|
|
239
|
+
.bg-tertiary-35 { background: var(--md-sys-palette-tertiary-35, #005f40);}
|
|
240
|
+
.bg-tertiary-36 { background: var(--md-sys-palette-tertiary-36, #006142);}
|
|
241
|
+
.bg-tertiary-37 { background: var(--md-sys-palette-tertiary-37, #006444);}
|
|
242
|
+
.bg-tertiary-38 { background: var(--md-sys-palette-tertiary-38, #006746);}
|
|
243
|
+
.bg-tertiary-39 { background: var(--md-sys-palette-tertiary-39, #006948);}
|
|
244
|
+
.bg-tertiary-40 { background: var(--md-sys-palette-tertiary-40, #006c4a);}
|
|
245
|
+
.bg-tertiary-41 { background: var(--md-sys-palette-tertiary-41, #006f4c);}
|
|
246
|
+
.bg-tertiary-42 { background: var(--md-sys-palette-tertiary-42, #00724e);}
|
|
247
|
+
.bg-tertiary-43 { background: var(--md-sys-palette-tertiary-43, #007450);}
|
|
248
|
+
.bg-tertiary-44 { background: var(--md-sys-palette-tertiary-44, #007752);}
|
|
249
|
+
.bg-tertiary-45 { background: var(--md-sys-palette-tertiary-45, #007a54);}
|
|
250
|
+
.bg-tertiary-46 { background: var(--md-sys-palette-tertiary-46, #007d56);}
|
|
251
|
+
.bg-tertiary-47 { background: var(--md-sys-palette-tertiary-47, #008058);}
|
|
252
|
+
.bg-tertiary-48 { background: var(--md-sys-palette-tertiary-48, #00825a);}
|
|
253
|
+
.bg-tertiary-49 { background: var(--md-sys-palette-tertiary-49, #00855c);}
|
|
254
|
+
.bg-tertiary-50 { background: var(--md-sys-palette-tertiary-50, #00885e);}
|
|
255
|
+
.bg-tertiary-51 { background: var(--md-sys-palette-tertiary-51, #098b60);}
|
|
256
|
+
.bg-tertiary-52 { background: var(--md-sys-palette-tertiary-52, #108d63);}
|
|
257
|
+
.bg-tertiary-53 { background: var(--md-sys-palette-tertiary-53, #169065);}
|
|
258
|
+
.bg-tertiary-54 { background: var(--md-sys-palette-tertiary-54, #1c9368);}
|
|
259
|
+
.bg-tertiary-55 { background: var(--md-sys-palette-tertiary-55, #20956a);}
|
|
260
|
+
.bg-tertiary-56 { background: var(--md-sys-palette-tertiary-56, #24986d);}
|
|
261
|
+
.bg-tertiary-57 { background: var(--md-sys-palette-tertiary-57, #289b6f);}
|
|
262
|
+
.bg-tertiary-58 { background: var(--md-sys-palette-tertiary-58, #2c9d71);}
|
|
263
|
+
.bg-tertiary-59 { background: var(--md-sys-palette-tertiary-59, #30a074);}
|
|
264
|
+
.bg-tertiary-60 { background: var(--md-sys-palette-tertiary-60, #33a376);}
|
|
265
|
+
.bg-tertiary-61 { background: var(--md-sys-palette-tertiary-61, #37a579);}
|
|
266
|
+
.bg-tertiary-62 { background: var(--md-sys-palette-tertiary-62, #3aa87b);}
|
|
267
|
+
.bg-tertiary-63 { background: var(--md-sys-palette-tertiary-63, #3dab7e);}
|
|
268
|
+
.bg-tertiary-64 { background: var(--md-sys-palette-tertiary-64, #41ae80);}
|
|
269
|
+
.bg-tertiary-65 { background: var(--md-sys-palette-tertiary-65, #44b083);}
|
|
270
|
+
.bg-tertiary-66 { background: var(--md-sys-palette-tertiary-66, #47b385);}
|
|
271
|
+
.bg-tertiary-67 { background: var(--md-sys-palette-tertiary-67, #4ab688);}
|
|
272
|
+
.bg-tertiary-68 { background: var(--md-sys-palette-tertiary-68, #4db98b);}
|
|
273
|
+
.bg-tertiary-69 { background: var(--md-sys-palette-tertiary-69, #50bb8d);}
|
|
274
|
+
.bg-tertiary-70 { background: var(--md-sys-palette-tertiary-70, #53be90);}
|
|
275
|
+
.bg-tertiary-71 { background: var(--md-sys-palette-tertiary-71, #56c192);}
|
|
276
|
+
.bg-tertiary-72 { background: var(--md-sys-palette-tertiary-72, #59c495);}
|
|
277
|
+
.bg-tertiary-73 { background: var(--md-sys-palette-tertiary-73, #5cc797);}
|
|
278
|
+
.bg-tertiary-74 { background: var(--md-sys-palette-tertiary-74, #5fc99a);}
|
|
279
|
+
.bg-tertiary-75 { background: var(--md-sys-palette-tertiary-75, #62cc9d);}
|
|
280
|
+
.bg-tertiary-76 { background: var(--md-sys-palette-tertiary-76, #65cf9f);}
|
|
281
|
+
.bg-tertiary-77 { background: var(--md-sys-palette-tertiary-77, #67d2a2);}
|
|
282
|
+
.bg-tertiary-78 { background: var(--md-sys-palette-tertiary-78, #6ad5a4);}
|
|
283
|
+
.bg-tertiary-79 { background: var(--md-sys-palette-tertiary-79, #6dd8a7);}
|
|
284
|
+
.bg-tertiary-80 { background: var(--md-sys-palette-tertiary-80, #70daaa);}
|
|
285
|
+
.bg-tertiary-81 { background: var(--md-sys-palette-tertiary-81, #73ddac);}
|
|
286
|
+
.bg-tertiary-82 { background: var(--md-sys-palette-tertiary-82, #76e0af);}
|
|
287
|
+
.bg-tertiary-83 { background: var(--md-sys-palette-tertiary-83, #79e3b2);}
|
|
288
|
+
.bg-tertiary-84 { background: var(--md-sys-palette-tertiary-84, #7ce6b4);}
|
|
289
|
+
.bg-tertiary-85 { background: var(--md-sys-palette-tertiary-85, #7ee9b7);}
|
|
290
|
+
.bg-tertiary-86 { background: var(--md-sys-palette-tertiary-86, #81ecba);}
|
|
291
|
+
.bg-tertiary-87 { background: var(--md-sys-palette-tertiary-87, #84eebd);}
|
|
292
|
+
.bg-tertiary-88 { background: var(--md-sys-palette-tertiary-88, #87f1bf);}
|
|
293
|
+
.bg-tertiary-89 { background: var(--md-sys-palette-tertiary-89, #8af4c2);}
|
|
294
|
+
.bg-tertiary-90 { background: var(--md-sys-palette-tertiary-90, #8df7c5);}
|
|
295
|
+
.bg-tertiary-91 { background: var(--md-sys-palette-tertiary-91, #90fac7);}
|
|
296
|
+
.bg-tertiary-92 { background: var(--md-sys-palette-tertiary-92, #92fdca);}
|
|
297
|
+
.bg-tertiary-93 { background: var(--md-sys-palette-tertiary-93, #9bffce);}
|
|
298
|
+
.bg-tertiary-94 { background: var(--md-sys-palette-tertiary-94, #adffd5);}
|
|
299
|
+
.bg-tertiary-95 { background: var(--md-sys-palette-tertiary-95, #beffdc);}
|
|
300
|
+
.bg-tertiary-96 { background: var(--md-sys-palette-tertiary-96, #cdffe3);}
|
|
301
|
+
.bg-tertiary-97 { background: var(--md-sys-palette-tertiary-97, #dbffe9);}
|
|
302
|
+
.bg-tertiary-98 { background: var(--md-sys-palette-tertiary-98, #e8fff0);}
|
|
303
|
+
.bg-tertiary-99 { background: var(--md-sys-palette-tertiary-99, #f4fff6);}
|
|
304
|
+
.bg-tertiary-100 { background: var(--md-sys-palette-tertiary-100, #ffffff);}
|
|
305
|
+
.bg-error-0 { background: var(--md-sys-palette-error-0, #000000);}
|
|
306
|
+
.bg-error-1 { background: var(--md-sys-palette-error-1, #100000);}
|
|
307
|
+
.bg-error-2 { background: var(--md-sys-palette-error-2, #1a0000);}
|
|
308
|
+
.bg-error-3 { background: var(--md-sys-palette-error-3, #210001);}
|
|
309
|
+
.bg-error-4 { background: var(--md-sys-palette-error-4, #280001);}
|
|
310
|
+
.bg-error-5 { background: var(--md-sys-palette-error-5, #2d0001);}
|
|
311
|
+
.bg-error-6 { background: var(--md-sys-palette-error-6, #310001);}
|
|
312
|
+
.bg-error-7 { background: var(--md-sys-palette-error-7, #360001);}
|
|
313
|
+
.bg-error-8 { background: var(--md-sys-palette-error-8, #390001);}
|
|
314
|
+
.bg-error-9 { background: var(--md-sys-palette-error-9, #3d0002);}
|
|
315
|
+
.bg-error-10 { background: var(--md-sys-palette-error-10, #410002);}
|
|
316
|
+
.bg-error-11 { background: var(--md-sys-palette-error-11, #450002);}
|
|
317
|
+
.bg-error-12 { background: var(--md-sys-palette-error-12, #490002);}
|
|
318
|
+
.bg-error-13 { background: var(--md-sys-palette-error-13, #4d0002);}
|
|
319
|
+
.bg-error-14 { background: var(--md-sys-palette-error-14, #500003);}
|
|
320
|
+
.bg-error-15 { background: var(--md-sys-palette-error-15, #540003);}
|
|
321
|
+
.bg-error-16 { background: var(--md-sys-palette-error-16, #580003);}
|
|
322
|
+
.bg-error-17 { background: var(--md-sys-palette-error-17, #5c0004);}
|
|
323
|
+
.bg-error-18 { background: var(--md-sys-palette-error-18, #600004);}
|
|
324
|
+
.bg-error-19 { background: var(--md-sys-palette-error-19, #640004);}
|
|
325
|
+
.bg-error-20 { background: var(--md-sys-palette-error-20, #690005);}
|
|
326
|
+
.bg-error-21 { background: var(--md-sys-palette-error-21, #6d0005);}
|
|
327
|
+
.bg-error-22 { background: var(--md-sys-palette-error-22, #710005);}
|
|
328
|
+
.bg-error-23 { background: var(--md-sys-palette-error-23, #750006);}
|
|
329
|
+
.bg-error-24 { background: var(--md-sys-palette-error-24, #790006);}
|
|
330
|
+
.bg-error-25 { background: var(--md-sys-palette-error-25, #7e0007);}
|
|
331
|
+
.bg-error-26 { background: var(--md-sys-palette-error-26, #820007);}
|
|
332
|
+
.bg-error-27 { background: var(--md-sys-palette-error-27, #860008);}
|
|
333
|
+
.bg-error-28 { background: var(--md-sys-palette-error-28, #8a0008);}
|
|
334
|
+
.bg-error-29 { background: var(--md-sys-palette-error-29, #8f0009);}
|
|
335
|
+
.bg-error-30 { background: var(--md-sys-palette-error-30, #93000a);}
|
|
336
|
+
.bg-error-31 { background: var(--md-sys-palette-error-31, #98000a);}
|
|
337
|
+
.bg-error-32 { background: var(--md-sys-palette-error-32, #9c000b);}
|
|
338
|
+
.bg-error-33 { background: var(--md-sys-palette-error-33, #a0000c);}
|
|
339
|
+
.bg-error-34 { background: var(--md-sys-palette-error-34, #a4020d);}
|
|
340
|
+
.bg-error-35 { background: var(--md-sys-palette-error-35, #a80710);}
|
|
341
|
+
.bg-error-36 { background: var(--md-sys-palette-error-36, #ac0c12);}
|
|
342
|
+
.bg-error-37 { background: var(--md-sys-palette-error-37, #af1014);}
|
|
343
|
+
.bg-error-38 { background: var(--md-sys-palette-error-38, #b31416);}
|
|
344
|
+
.bg-error-39 { background: var(--md-sys-palette-error-39, #b61718);}
|
|
345
|
+
.bg-error-40 { background: var(--md-sys-palette-error-40, #ba1a1a);}
|
|
346
|
+
.bg-error-41 { background: var(--md-sys-palette-error-41, #bd1e1d);}
|
|
347
|
+
.bg-error-42 { background: var(--md-sys-palette-error-42, #c1211f);}
|
|
348
|
+
.bg-error-43 { background: var(--md-sys-palette-error-43, #c52421);}
|
|
349
|
+
.bg-error-44 { background: var(--md-sys-palette-error-44, #c82623);}
|
|
350
|
+
.bg-error-45 { background: var(--md-sys-palette-error-45, #cc2925);}
|
|
351
|
+
.bg-error-46 { background: var(--md-sys-palette-error-46, #cf2c27);}
|
|
352
|
+
.bg-error-47 { background: var(--md-sys-palette-error-47, #d32f29);}
|
|
353
|
+
.bg-error-48 { background: var(--md-sys-palette-error-48, #d7322c);}
|
|
354
|
+
.bg-error-49 { background: var(--md-sys-palette-error-49, #da342e);}
|
|
355
|
+
.bg-error-50 { background: var(--md-sys-palette-error-50, #de3730);}
|
|
356
|
+
.bg-error-51 { background: var(--md-sys-palette-error-51, #e13a32);}
|
|
357
|
+
.bg-error-52 { background: var(--md-sys-palette-error-52, #e53c34);}
|
|
358
|
+
.bg-error-53 { background: var(--md-sys-palette-error-53, #e93f36);}
|
|
359
|
+
.bg-error-54 { background: var(--md-sys-palette-error-54, #ec4139);}
|
|
360
|
+
.bg-error-55 { background: var(--md-sys-palette-error-55, #f0443b);}
|
|
361
|
+
.bg-error-56 { background: var(--md-sys-palette-error-56, #f3473d);}
|
|
362
|
+
.bg-error-57 { background: var(--md-sys-palette-error-57, #f7493f);}
|
|
363
|
+
.bg-error-58 { background: var(--md-sys-palette-error-58, #fb4c42);}
|
|
364
|
+
.bg-error-59 { background: var(--md-sys-palette-error-59, #fe4e44);}
|
|
365
|
+
.bg-error-60 { background: var(--md-sys-palette-error-60, #ff5449);}
|
|
366
|
+
.bg-error-61 { background: var(--md-sys-palette-error-61, #ff5b4f);}
|
|
367
|
+
.bg-error-62 { background: var(--md-sys-palette-error-62, #ff6154);}
|
|
368
|
+
.bg-error-63 { background: var(--md-sys-palette-error-63, #ff665a);}
|
|
369
|
+
.bg-error-64 { background: var(--md-sys-palette-error-64, #ff6c5f);}
|
|
370
|
+
.bg-error-65 { background: var(--md-sys-palette-error-65, #ff7164);}
|
|
371
|
+
.bg-error-66 { background: var(--md-sys-palette-error-66, #ff7669);}
|
|
372
|
+
.bg-error-67 { background: var(--md-sys-palette-error-67, #ff7b6e);}
|
|
373
|
+
.bg-error-68 { background: var(--md-sys-palette-error-68, #ff8073);}
|
|
374
|
+
.bg-error-69 { background: var(--md-sys-palette-error-69, #ff8578);}
|
|
375
|
+
.bg-error-70 { background: var(--md-sys-palette-error-70, #ff897d);}
|
|
376
|
+
.bg-error-71 { background: var(--md-sys-palette-error-71, #ff8e82);}
|
|
377
|
+
.bg-error-72 { background: var(--md-sys-palette-error-72, #ff9286);}
|
|
378
|
+
.bg-error-73 { background: var(--md-sys-palette-error-73, #ff978b);}
|
|
379
|
+
.bg-error-74 { background: var(--md-sys-palette-error-74, #ff9b90);}
|
|
380
|
+
.bg-error-75 { background: var(--md-sys-palette-error-75, #ff9f94);}
|
|
381
|
+
.bg-error-76 { background: var(--md-sys-palette-error-76, #ffa399);}
|
|
382
|
+
.bg-error-77 { background: var(--md-sys-palette-error-77, #ffa89d);}
|
|
383
|
+
.bg-error-78 { background: var(--md-sys-palette-error-78, #ffaca2);}
|
|
384
|
+
.bg-error-79 { background: var(--md-sys-palette-error-79, #ffb0a6);}
|
|
385
|
+
.bg-error-80 { background: var(--md-sys-palette-error-80, #ffb4ab);}
|
|
386
|
+
.bg-error-81 { background: var(--md-sys-palette-error-81, #ffb8af);}
|
|
387
|
+
.bg-error-82 { background: var(--md-sys-palette-error-82, #ffbcb3);}
|
|
388
|
+
.bg-error-83 { background: var(--md-sys-palette-error-83, #ffbfb8);}
|
|
389
|
+
.bg-error-84 { background: var(--md-sys-palette-error-84, #ffc3bc);}
|
|
390
|
+
.bg-error-85 { background: var(--md-sys-palette-error-85, #ffc7c0);}
|
|
391
|
+
.bg-error-86 { background: var(--md-sys-palette-error-86, #ffcbc5);}
|
|
392
|
+
.bg-error-87 { background: var(--md-sys-palette-error-87, #ffcfc9);}
|
|
393
|
+
.bg-error-88 { background: var(--md-sys-palette-error-88, #ffd3cd);}
|
|
394
|
+
.bg-error-89 { background: var(--md-sys-palette-error-89, #ffd6d1);}
|
|
395
|
+
.bg-error-90 { background: var(--md-sys-palette-error-90, #ffdad6);}
|
|
396
|
+
.bg-error-91 { background: var(--md-sys-palette-error-91, #ffdeda);}
|
|
397
|
+
.bg-error-92 { background: var(--md-sys-palette-error-92, #ffe2de);}
|
|
398
|
+
.bg-error-93 { background: var(--md-sys-palette-error-93, #ffe5e2);}
|
|
399
|
+
.bg-error-94 { background: var(--md-sys-palette-error-94, #ffe9e6);}
|
|
400
|
+
.bg-error-95 { background: var(--md-sys-palette-error-95, #ffedea);}
|
|
401
|
+
.bg-error-96 { background: var(--md-sys-palette-error-96, #fff0ee);}
|
|
402
|
+
.bg-error-97 { background: var(--md-sys-palette-error-97, #fff4f2);}
|
|
403
|
+
.bg-error-98 { background: var(--md-sys-palette-error-98, #fff8f7);}
|
|
404
|
+
.bg-error-99 { background: var(--md-sys-palette-error-99, #fffbff);}
|
|
405
|
+
.bg-error-100 { background: var(--md-sys-palette-error-100, #ffffff);}
|
|
406
|
+
.bg-neutral-0 { background: var(--md-sys-palette-neutral-0, #000000);}
|
|
407
|
+
.bg-neutral-1 { background: var(--md-sys-palette-neutral-1, #030401);}
|
|
408
|
+
.bg-neutral-2 { background: var(--md-sys-palette-neutral-2, #060803);}
|
|
409
|
+
.bg-neutral-3 { background: var(--md-sys-palette-neutral-3, #090c05);}
|
|
410
|
+
.bg-neutral-4 { background: var(--md-sys-palette-neutral-4, #0c0f07);}
|
|
411
|
+
.bg-neutral-5 { background: var(--md-sys-palette-neutral-5, #0f120a);}
|
|
412
|
+
.bg-neutral-6 { background: var(--md-sys-palette-neutral-6, #11140c);}
|
|
413
|
+
.bg-neutral-7 { background: var(--md-sys-palette-neutral-7, #14170e);}
|
|
414
|
+
.bg-neutral-8 { background: var(--md-sys-palette-neutral-8, #161910);}
|
|
415
|
+
.bg-neutral-9 { background: var(--md-sys-palette-neutral-9, #181b12);}
|
|
416
|
+
.bg-neutral-10 { background: var(--md-sys-palette-neutral-10, #1a1d14);}
|
|
417
|
+
.bg-neutral-11 { background: var(--md-sys-palette-neutral-11, #1c1f16);}
|
|
418
|
+
.bg-neutral-12 { background: var(--md-sys-palette-neutral-12, #1e2118);}
|
|
419
|
+
.bg-neutral-13 { background: var(--md-sys-palette-neutral-13, #20231a);}
|
|
420
|
+
.bg-neutral-14 { background: var(--md-sys-palette-neutral-14, #22251c);}
|
|
421
|
+
.bg-neutral-15 { background: var(--md-sys-palette-neutral-15, #24271e);}
|
|
422
|
+
.bg-neutral-16 { background: var(--md-sys-palette-neutral-16, #262920);}
|
|
423
|
+
.bg-neutral-17 { background: var(--md-sys-palette-neutral-17, #282b22);}
|
|
424
|
+
.bg-neutral-18 { background: var(--md-sys-palette-neutral-18, #2a2d24);}
|
|
425
|
+
.bg-neutral-19 { background: var(--md-sys-palette-neutral-19, #2c2f26);}
|
|
426
|
+
.bg-neutral-20 { background: var(--md-sys-palette-neutral-20, #2e3228);}
|
|
427
|
+
.bg-neutral-21 { background: var(--md-sys-palette-neutral-21, #31342a);}
|
|
428
|
+
.bg-neutral-22 { background: var(--md-sys-palette-neutral-22, #33362c);}
|
|
429
|
+
.bg-neutral-23 { background: var(--md-sys-palette-neutral-23, #35382e);}
|
|
430
|
+
.bg-neutral-24 { background: var(--md-sys-palette-neutral-24, #373a30);}
|
|
431
|
+
.bg-neutral-25 { background: var(--md-sys-palette-neutral-25, #393d33);}
|
|
432
|
+
.bg-neutral-26 { background: var(--md-sys-palette-neutral-26, #3c3f35);}
|
|
433
|
+
.bg-neutral-27 { background: var(--md-sys-palette-neutral-27, #3e4137);}
|
|
434
|
+
.bg-neutral-28 { background: var(--md-sys-palette-neutral-28, #404339);}
|
|
435
|
+
.bg-neutral-29 { background: var(--md-sys-palette-neutral-29, #42463b);}
|
|
436
|
+
.bg-neutral-30 { background: var(--md-sys-palette-neutral-30, #45483e);}
|
|
437
|
+
.bg-neutral-31 { background: var(--md-sys-palette-neutral-31, #474a40);}
|
|
438
|
+
.bg-neutral-32 { background: var(--md-sys-palette-neutral-32, #494d42);}
|
|
439
|
+
.bg-neutral-33 { background: var(--md-sys-palette-neutral-33, #4c4f44);}
|
|
440
|
+
.bg-neutral-34 { background: var(--md-sys-palette-neutral-34, #4e5147);}
|
|
441
|
+
.bg-neutral-35 { background: var(--md-sys-palette-neutral-35, #505449);}
|
|
442
|
+
.bg-neutral-36 { background: var(--md-sys-palette-neutral-36, #53564b);}
|
|
443
|
+
.bg-neutral-37 { background: var(--md-sys-palette-neutral-37, #55584d);}
|
|
444
|
+
.bg-neutral-38 { background: var(--md-sys-palette-neutral-38, #585b50);}
|
|
445
|
+
.bg-neutral-39 { background: var(--md-sys-palette-neutral-39, #5a5d52);}
|
|
446
|
+
.bg-neutral-40 { background: var(--md-sys-palette-neutral-40, #5c6054);}
|
|
447
|
+
.bg-neutral-41 { background: var(--md-sys-palette-neutral-41, #5f6257);}
|
|
448
|
+
.bg-neutral-42 { background: var(--md-sys-palette-neutral-42, #616559);}
|
|
449
|
+
.bg-neutral-43 { background: var(--md-sys-palette-neutral-43, #64675c);}
|
|
450
|
+
.bg-neutral-44 { background: var(--md-sys-palette-neutral-44, #66695e);}
|
|
451
|
+
.bg-neutral-45 { background: var(--md-sys-palette-neutral-45, #696c60);}
|
|
452
|
+
.bg-neutral-46 { background: var(--md-sys-palette-neutral-46, #6b6e63);}
|
|
453
|
+
.bg-neutral-47 { background: var(--md-sys-palette-neutral-47, #6e7165);}
|
|
454
|
+
.bg-neutral-48 { background: var(--md-sys-palette-neutral-48, #707368);}
|
|
455
|
+
.bg-neutral-49 { background: var(--md-sys-palette-neutral-49, #73766a);}
|
|
456
|
+
.bg-neutral-50 { background: var(--md-sys-palette-neutral-50, #75786c);}
|
|
457
|
+
.bg-neutral-51 { background: var(--md-sys-palette-neutral-51, #787b6f);}
|
|
458
|
+
.bg-neutral-52 { background: var(--md-sys-palette-neutral-52, #7a7d71);}
|
|
459
|
+
.bg-neutral-53 { background: var(--md-sys-palette-neutral-53, #7d8074);}
|
|
460
|
+
.bg-neutral-54 { background: var(--md-sys-palette-neutral-54, #808376);}
|
|
461
|
+
.bg-neutral-55 { background: var(--md-sys-palette-neutral-55, #828579);}
|
|
462
|
+
.bg-neutral-56 { background: var(--md-sys-palette-neutral-56, #85887b);}
|
|
463
|
+
.bg-neutral-57 { background: var(--md-sys-palette-neutral-57, #878a7e);}
|
|
464
|
+
.bg-neutral-58 { background: var(--md-sys-palette-neutral-58, #8a8d80);}
|
|
465
|
+
.bg-neutral-59 { background: var(--md-sys-palette-neutral-59, #8d8f83);}
|
|
466
|
+
.bg-neutral-60 { background: var(--md-sys-palette-neutral-60, #8f9285);}
|
|
467
|
+
.bg-neutral-61 { background: var(--md-sys-palette-neutral-61, #929588);}
|
|
468
|
+
.bg-neutral-62 { background: var(--md-sys-palette-neutral-62, #94978b);}
|
|
469
|
+
.bg-neutral-63 { background: var(--md-sys-palette-neutral-63, #979a8d);}
|
|
470
|
+
.bg-neutral-64 { background: var(--md-sys-palette-neutral-64, #9a9d90);}
|
|
471
|
+
.bg-neutral-65 { background: var(--md-sys-palette-neutral-65, #9c9f92);}
|
|
472
|
+
.bg-neutral-66 { background: var(--md-sys-palette-neutral-66, #9fa295);}
|
|
473
|
+
.bg-neutral-67 { background: var(--md-sys-palette-neutral-67, #a2a497);}
|
|
474
|
+
.bg-neutral-68 { background: var(--md-sys-palette-neutral-68, #a4a79a);}
|
|
475
|
+
.bg-neutral-69 { background: var(--md-sys-palette-neutral-69, #a7aa9d);}
|
|
476
|
+
.bg-neutral-70 { background: var(--md-sys-palette-neutral-70, #aaad9f);}
|
|
477
|
+
.bg-neutral-71 { background: var(--md-sys-palette-neutral-71, #adafa2);}
|
|
478
|
+
.bg-neutral-72 { background: var(--md-sys-palette-neutral-72, #afb2a5);}
|
|
479
|
+
.bg-neutral-73 { background: var(--md-sys-palette-neutral-73, #b2b5a7);}
|
|
480
|
+
.bg-neutral-74 { background: var(--md-sys-palette-neutral-74, #b5b7aa);}
|
|
481
|
+
.bg-neutral-75 { background: var(--md-sys-palette-neutral-75, #b7baad);}
|
|
482
|
+
.bg-neutral-76 { background: var(--md-sys-palette-neutral-76, #babdaf);}
|
|
483
|
+
.bg-neutral-77 { background: var(--md-sys-palette-neutral-77, #bdc0b2);}
|
|
484
|
+
.bg-neutral-78 { background: var(--md-sys-palette-neutral-78, #c0c2b5);}
|
|
485
|
+
.bg-neutral-79 { background: var(--md-sys-palette-neutral-79, #c3c5b7);}
|
|
486
|
+
.bg-neutral-80 { background: var(--md-sys-palette-neutral-80, #c5c8ba);}
|
|
487
|
+
.bg-neutral-81 { background: var(--md-sys-palette-neutral-81, #c8cbbd);}
|
|
488
|
+
.bg-neutral-82 { background: var(--md-sys-palette-neutral-82, #cbcdbf);}
|
|
489
|
+
.bg-neutral-83 { background: var(--md-sys-palette-neutral-83, #ced0c2);}
|
|
490
|
+
.bg-neutral-84 { background: var(--md-sys-palette-neutral-84, #d1d3c5);}
|
|
491
|
+
.bg-neutral-85 { background: var(--md-sys-palette-neutral-85, #d3d6c8);}
|
|
492
|
+
.bg-neutral-86 { background: var(--md-sys-palette-neutral-86, #d6d9ca);}
|
|
493
|
+
.bg-neutral-87 { background: var(--md-sys-palette-neutral-87, #d9dbcd);}
|
|
494
|
+
.bg-neutral-88 { background: var(--md-sys-palette-neutral-88, #dcded0);}
|
|
495
|
+
.bg-neutral-89 { background: var(--md-sys-palette-neutral-89, #dfe1d3);}
|
|
496
|
+
.bg-neutral-90 { background: var(--md-sys-palette-neutral-90, #e2e4d5);}
|
|
497
|
+
.bg-neutral-91 { background: var(--md-sys-palette-neutral-91, #e4e7d8);}
|
|
498
|
+
.bg-neutral-92 { background: var(--md-sys-palette-neutral-92, #e7e9db);}
|
|
499
|
+
.bg-neutral-93 { background: var(--md-sys-palette-neutral-93, #eaecde);}
|
|
500
|
+
.bg-neutral-94 { background: var(--md-sys-palette-neutral-94, #edefe1);}
|
|
501
|
+
.bg-neutral-95 { background: var(--md-sys-palette-neutral-95, #f0f2e3);}
|
|
502
|
+
.bg-neutral-96 { background: var(--md-sys-palette-neutral-96, #f3f5e6);}
|
|
503
|
+
.bg-neutral-97 { background: var(--md-sys-palette-neutral-97, #f6f8e9);}
|
|
504
|
+
.bg-neutral-98 { background: var(--md-sys-palette-neutral-98, #f9fbec);}
|
|
505
|
+
.bg-neutral-99 { background: var(--md-sys-palette-neutral-99, #fcfeef);}
|
|
506
|
+
.bg-neutral-100 { background: var(--md-sys-palette-neutral-100, #ffffff);}
|
|
507
|
+
.bg-neutral-variant-0 { background: var(--md-sys-palette-neutral-variant-0, #000000);}
|
|
508
|
+
.bg-neutral-variant-1 { background: var(--md-sys-palette-neutral-variant-1, #020400);}
|
|
509
|
+
.bg-neutral-variant-2 { background: var(--md-sys-palette-neutral-variant-2, #050901);}
|
|
510
|
+
.bg-neutral-variant-3 { background: var(--md-sys-palette-neutral-variant-3, #080d03);}
|
|
511
|
+
.bg-neutral-variant-4 { background: var(--md-sys-palette-neutral-variant-4, #0b1004);}
|
|
512
|
+
.bg-neutral-variant-5 { background: var(--md-sys-palette-neutral-variant-5, #0d1306);}
|
|
513
|
+
.bg-neutral-variant-6 { background: var(--md-sys-palette-neutral-variant-6, #101508);}
|
|
514
|
+
.bg-neutral-variant-7 { background: var(--md-sys-palette-neutral-variant-7, #12170a);}
|
|
515
|
+
.bg-neutral-variant-8 { background: var(--md-sys-palette-neutral-variant-8, #14190c);}
|
|
516
|
+
.bg-neutral-variant-9 { background: var(--md-sys-palette-neutral-variant-9, #161b0e);}
|
|
517
|
+
.bg-neutral-variant-10 { background: var(--md-sys-palette-neutral-variant-10, #181d10);}
|
|
518
|
+
.bg-neutral-variant-11 { background: var(--md-sys-palette-neutral-variant-11, #1a1f11);}
|
|
519
|
+
.bg-neutral-variant-12 { background: var(--md-sys-palette-neutral-variant-12, #1c2113);}
|
|
520
|
+
.bg-neutral-variant-13 { background: var(--md-sys-palette-neutral-variant-13, #1e2415);}
|
|
521
|
+
.bg-neutral-variant-14 { background: var(--md-sys-palette-neutral-variant-14, #202617);}
|
|
522
|
+
.bg-neutral-variant-15 { background: var(--md-sys-palette-neutral-variant-15, #222819);}
|
|
523
|
+
.bg-neutral-variant-16 { background: var(--md-sys-palette-neutral-variant-16, #242a1b);}
|
|
524
|
+
.bg-neutral-variant-17 { background: var(--md-sys-palette-neutral-variant-17, #262c1d);}
|
|
525
|
+
.bg-neutral-variant-18 { background: var(--md-sys-palette-neutral-variant-18, #282e1f);}
|
|
526
|
+
.bg-neutral-variant-19 { background: var(--md-sys-palette-neutral-variant-19, #2b3021);}
|
|
527
|
+
.bg-neutral-variant-20 { background: var(--md-sys-palette-neutral-variant-20, #2d3223);}
|
|
528
|
+
.bg-neutral-variant-21 { background: var(--md-sys-palette-neutral-variant-21, #2f3525);}
|
|
529
|
+
.bg-neutral-variant-22 { background: var(--md-sys-palette-neutral-variant-22, #313727);}
|
|
530
|
+
.bg-neutral-variant-23 { background: var(--md-sys-palette-neutral-variant-23, #333929);}
|
|
531
|
+
.bg-neutral-variant-24 { background: var(--md-sys-palette-neutral-variant-24, #353b2c);}
|
|
532
|
+
.bg-neutral-variant-25 { background: var(--md-sys-palette-neutral-variant-25, #383d2e);}
|
|
533
|
+
.bg-neutral-variant-26 { background: var(--md-sys-palette-neutral-variant-26, #3a4030);}
|
|
534
|
+
.bg-neutral-variant-27 { background: var(--md-sys-palette-neutral-variant-27, #3c4232);}
|
|
535
|
+
.bg-neutral-variant-28 { background: var(--md-sys-palette-neutral-variant-28, #3e4434);}
|
|
536
|
+
.bg-neutral-variant-29 { background: var(--md-sys-palette-neutral-variant-29, #414736);}
|
|
537
|
+
.bg-neutral-variant-30 { background: var(--md-sys-palette-neutral-variant-30, #434938);}
|
|
538
|
+
.bg-neutral-variant-31 { background: var(--md-sys-palette-neutral-variant-31, #454b3b);}
|
|
539
|
+
.bg-neutral-variant-32 { background: var(--md-sys-palette-neutral-variant-32, #484e3d);}
|
|
540
|
+
.bg-neutral-variant-33 { background: var(--md-sys-palette-neutral-variant-33, #4a503f);}
|
|
541
|
+
.bg-neutral-variant-34 { background: var(--md-sys-palette-neutral-variant-34, #4c5241);}
|
|
542
|
+
.bg-neutral-variant-35 { background: var(--md-sys-palette-neutral-variant-35, #4f5544);}
|
|
543
|
+
.bg-neutral-variant-36 { background: var(--md-sys-palette-neutral-variant-36, #515746);}
|
|
544
|
+
.bg-neutral-variant-37 { background: var(--md-sys-palette-neutral-variant-37, #535948);}
|
|
545
|
+
.bg-neutral-variant-38 { background: var(--md-sys-palette-neutral-variant-38, #565c4a);}
|
|
546
|
+
.bg-neutral-variant-39 { background: var(--md-sys-palette-neutral-variant-39, #585e4d);}
|
|
547
|
+
.bg-neutral-variant-40 { background: var(--md-sys-palette-neutral-variant-40, #5b614f);}
|
|
548
|
+
.bg-neutral-variant-41 { background: var(--md-sys-palette-neutral-variant-41, #5d6351);}
|
|
549
|
+
.bg-neutral-variant-42 { background: var(--md-sys-palette-neutral-variant-42, #5f6654);}
|
|
550
|
+
.bg-neutral-variant-43 { background: var(--md-sys-palette-neutral-variant-43, #626856);}
|
|
551
|
+
.bg-neutral-variant-44 { background: var(--md-sys-palette-neutral-variant-44, #646a58);}
|
|
552
|
+
.bg-neutral-variant-45 { background: var(--md-sys-palette-neutral-variant-45, #676d5b);}
|
|
553
|
+
.bg-neutral-variant-46 { background: var(--md-sys-palette-neutral-variant-46, #696f5d);}
|
|
554
|
+
.bg-neutral-variant-47 { background: var(--md-sys-palette-neutral-variant-47, #6c725f);}
|
|
555
|
+
.bg-neutral-variant-48 { background: var(--md-sys-palette-neutral-variant-48, #6e7462);}
|
|
556
|
+
.bg-neutral-variant-49 { background: var(--md-sys-palette-neutral-variant-49, #717764);}
|
|
557
|
+
.bg-neutral-variant-50 { background: var(--md-sys-palette-neutral-variant-50, #737967);}
|
|
558
|
+
.bg-neutral-variant-51 { background: var(--md-sys-palette-neutral-variant-51, #767c69);}
|
|
559
|
+
.bg-neutral-variant-52 { background: var(--md-sys-palette-neutral-variant-52, #787f6c);}
|
|
560
|
+
.bg-neutral-variant-53 { background: var(--md-sys-palette-neutral-variant-53, #7b816e);}
|
|
561
|
+
.bg-neutral-variant-54 { background: var(--md-sys-palette-neutral-variant-54, #7d8470);}
|
|
562
|
+
.bg-neutral-variant-55 { background: var(--md-sys-palette-neutral-variant-55, #808673);}
|
|
563
|
+
.bg-neutral-variant-56 { background: var(--md-sys-palette-neutral-variant-56, #838975);}
|
|
564
|
+
.bg-neutral-variant-57 { background: var(--md-sys-palette-neutral-variant-57, #858b78);}
|
|
565
|
+
.bg-neutral-variant-58 { background: var(--md-sys-palette-neutral-variant-58, #888e7a);}
|
|
566
|
+
.bg-neutral-variant-59 { background: var(--md-sys-palette-neutral-variant-59, #8a917d);}
|
|
567
|
+
.bg-neutral-variant-60 { background: var(--md-sys-palette-neutral-variant-60, #8d937f);}
|
|
568
|
+
.bg-neutral-variant-61 { background: var(--md-sys-palette-neutral-variant-61, #909682);}
|
|
569
|
+
.bg-neutral-variant-62 { background: var(--md-sys-palette-neutral-variant-62, #929884);}
|
|
570
|
+
.bg-neutral-variant-63 { background: var(--md-sys-palette-neutral-variant-63, #959b87);}
|
|
571
|
+
.bg-neutral-variant-64 { background: var(--md-sys-palette-neutral-variant-64, #989e8a);}
|
|
572
|
+
.bg-neutral-variant-65 { background: var(--md-sys-palette-neutral-variant-65, #9aa08c);}
|
|
573
|
+
.bg-neutral-variant-66 { background: var(--md-sys-palette-neutral-variant-66, #9da38f);}
|
|
574
|
+
.bg-neutral-variant-67 { background: var(--md-sys-palette-neutral-variant-67, #a0a691);}
|
|
575
|
+
.bg-neutral-variant-68 { background: var(--md-sys-palette-neutral-variant-68, #a2a894);}
|
|
576
|
+
.bg-neutral-variant-69 { background: var(--md-sys-palette-neutral-variant-69, #a5ab96);}
|
|
577
|
+
.bg-neutral-variant-70 { background: var(--md-sys-palette-neutral-variant-70, #a8ae99);}
|
|
578
|
+
.bg-neutral-variant-71 { background: var(--md-sys-palette-neutral-variant-71, #aab09c);}
|
|
579
|
+
.bg-neutral-variant-72 { background: var(--md-sys-palette-neutral-variant-72, #adb39e);}
|
|
580
|
+
.bg-neutral-variant-73 { background: var(--md-sys-palette-neutral-variant-73, #b0b6a1);}
|
|
581
|
+
.bg-neutral-variant-74 { background: var(--md-sys-palette-neutral-variant-74, #b2b9a3);}
|
|
582
|
+
.bg-neutral-variant-75 { background: var(--md-sys-palette-neutral-variant-75, #b5bba6);}
|
|
583
|
+
.bg-neutral-variant-76 { background: var(--md-sys-palette-neutral-variant-76, #b8bea9);}
|
|
584
|
+
.bg-neutral-variant-77 { background: var(--md-sys-palette-neutral-variant-77, #bbc1ab);}
|
|
585
|
+
.bg-neutral-variant-78 { background: var(--md-sys-palette-neutral-variant-78, #bdc4ae);}
|
|
586
|
+
.bg-neutral-variant-79 { background: var(--md-sys-palette-neutral-variant-79, #c0c6b1);}
|
|
587
|
+
.bg-neutral-variant-80 { background: var(--md-sys-palette-neutral-variant-80, #c3c9b3);}
|
|
588
|
+
.bg-neutral-variant-81 { background: var(--md-sys-palette-neutral-variant-81, #c6ccb6);}
|
|
589
|
+
.bg-neutral-variant-82 { background: var(--md-sys-palette-neutral-variant-82, #c9cfb9);}
|
|
590
|
+
.bg-neutral-variant-83 { background: var(--md-sys-palette-neutral-variant-83, #cbd1bc);}
|
|
591
|
+
.bg-neutral-variant-84 { background: var(--md-sys-palette-neutral-variant-84, #ced4be);}
|
|
592
|
+
.bg-neutral-variant-85 { background: var(--md-sys-palette-neutral-variant-85, #d1d7c1);}
|
|
593
|
+
.bg-neutral-variant-86 { background: var(--md-sys-palette-neutral-variant-86, #d4dac4);}
|
|
594
|
+
.bg-neutral-variant-87 { background: var(--md-sys-palette-neutral-variant-87, #d7ddc6);}
|
|
595
|
+
.bg-neutral-variant-88 { background: var(--md-sys-palette-neutral-variant-88, #d9dfc9);}
|
|
596
|
+
.bg-neutral-variant-89 { background: var(--md-sys-palette-neutral-variant-89, #dce2cc);}
|
|
597
|
+
.bg-neutral-variant-90 { background: var(--md-sys-palette-neutral-variant-90, #dfe5cf);}
|
|
598
|
+
.bg-neutral-variant-91 { background: var(--md-sys-palette-neutral-variant-91, #e2e8d1);}
|
|
599
|
+
.bg-neutral-variant-92 { background: var(--md-sys-palette-neutral-variant-92, #e5ebd4);}
|
|
600
|
+
.bg-neutral-variant-93 { background: var(--md-sys-palette-neutral-variant-93, #e8eed7);}
|
|
601
|
+
.bg-neutral-variant-94 { background: var(--md-sys-palette-neutral-variant-94, #ebf1da);}
|
|
602
|
+
.bg-neutral-variant-95 { background: var(--md-sys-palette-neutral-variant-95, #eef3dc);}
|
|
603
|
+
.bg-neutral-variant-96 { background: var(--md-sys-palette-neutral-variant-96, #f0f6df);}
|
|
604
|
+
.bg-neutral-variant-97 { background: var(--md-sys-palette-neutral-variant-97, #f3f9e2);}
|
|
605
|
+
.bg-neutral-variant-98 { background: var(--md-sys-palette-neutral-variant-98, #f6fce5);}
|
|
606
|
+
.bg-neutral-variant-99 { background: var(--md-sys-palette-neutral-variant-99, #f9ffe8);}
|
|
607
|
+
.bg-neutral-variant-100{ background: var(--md-sys-palette-neutral-variant-100, #ffffff);}
|
|
608
|
+
}
|