@servicetitan/hammer-token 0.0.0-rc-20250807234739

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.
Files changed (49) hide show
  1. package/.turbo/turbo-build.log +37 -0
  2. package/CHANGELOG.md +385 -0
  3. package/build/web/core/component-variables.scss +139 -0
  4. package/build/web/core/component.js +645 -0
  5. package/build/web/core/component.scss +69 -0
  6. package/build/web/core/css-utils/a2-border.css +53 -0
  7. package/build/web/core/css-utils/a2-color.css +235 -0
  8. package/build/web/core/css-utils/a2-font.css +49 -0
  9. package/build/web/core/css-utils/a2-spacing.css +483 -0
  10. package/build/web/core/css-utils/a2-utils.css +785 -0
  11. package/build/web/core/css-utils/border.css +53 -0
  12. package/build/web/core/css-utils/color.css +235 -0
  13. package/build/web/core/css-utils/font.css +49 -0
  14. package/build/web/core/css-utils/spacing.css +483 -0
  15. package/build/web/core/css-utils/utils.css +785 -0
  16. package/build/web/core/index.js +5 -0
  17. package/build/web/core/primitive-variables.scss +126 -0
  18. package/build/web/core/primitive.js +124 -0
  19. package/build/web/core/primitive.scss +124 -0
  20. package/build/web/core/raw.js +229 -0
  21. package/build/web/core/semantic-variables.scss +246 -0
  22. package/build/web/core/semantic.js +911 -0
  23. package/build/web/core/semantic.scss +137 -0
  24. package/build/web/index.d.ts +4 -0
  25. package/build/web/index.js +3 -0
  26. package/config.js +504 -0
  27. package/eslint.config.mjs +4 -0
  28. package/package.json +25 -0
  29. package/src/global/primitive/breakpoint.js +19 -0
  30. package/src/global/primitive/color.js +231 -0
  31. package/src/global/primitive/duration.js +16 -0
  32. package/src/global/primitive/font.js +60 -0
  33. package/src/global/primitive/radius.js +31 -0
  34. package/src/global/primitive/size.js +55 -0
  35. package/src/global/primitive/transition.js +16 -0
  36. package/src/theme/core/background.js +170 -0
  37. package/src/theme/core/border.js +103 -0
  38. package/src/theme/core/charts.js +439 -0
  39. package/src/theme/core/component/button.js +708 -0
  40. package/src/theme/core/component/checkbox.js +405 -0
  41. package/src/theme/core/focus.js +35 -0
  42. package/src/theme/core/foreground.js +148 -0
  43. package/src/theme/core/overlay.js +137 -0
  44. package/src/theme/core/shadow.js +29 -0
  45. package/src/theme/core/status.js +49 -0
  46. package/src/theme/core/typography.js +82 -0
  47. package/src/utils/copy-css-utils-cli.js +37 -0
  48. package/src/utils/css-utils-format-utils.js +267 -0
  49. package/type/types.ts +341 -0
@@ -0,0 +1,785 @@
1
+ @layer starter, reset, base, state, application;
2
+
3
+ .border-color-danger {border-color: var(--border-color-danger, #e13212)}
4
+ .border-color-default {border-color: var(--border-color, #949596)}
5
+ .border-color-primary {border-color: var(--border-color-primary, #0265DC)}
6
+ .border-color-strong {border-color: var(--border-color-strong, #444445)}
7
+ .border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
8
+ .border-color-success {border-color: var(--border-color-success, #007A4D)}
9
+ .border-radius-circular {border-radius: var(--border-radius-circular, 100%)}
10
+ .border-radius-large {border-radius: var(--border-radius-large, 0.75rem)}
11
+ .border-radius-medium {border-radius: var(--border-radius-medium, 0.375rem)}
12
+ .border-radius-none {border-radius: var(--border-radius-none, 0)}
13
+ .border-radius-small {border-radius: var(--border-radius-small, 0.1875rem)}
14
+ .border-radius-xlarge {border-radius: var(--border-radius-xlarge, 1.5rem)}
15
+ .border-width-default {border-width: var(--border-width, 0.0625rem)}
16
+ .border-width-none {border-width: var(--border-width-none, 0rem)}
17
+ .border-width-strong {border-width: var(--border-width-strong, 0.125rem)}
18
+ .ff-heading {font-family: 'Sofia Pro', SofiaPro, sans-serif}
19
+ .ff-label {font-family: 'Nunito Sans', sans-serif}
20
+ .ff-paragraph {font-family: 'Nunito Sans', sans-serif}
21
+ .fs-heading-default {font-size: 1.25rem}
22
+ .fs-heading-large {font-size: 1.5rem}
23
+ .fs-heading-small {font-size: 1rem}
24
+ .fs-heading-xlarge {font-size: 2rem}
25
+ .fs-heading-xsmall {font-size: 0.875rem}
26
+ .fs-label-default {font-size: 0.875rem}
27
+ .fs-label-large {font-size: 1rem}
28
+ .fs-label-small {font-size: 0.75rem}
29
+ .fs-label-xlarge {font-size: 1.25rem}
30
+ .fs-label-xsmall {font-size: 0.625rem}
31
+ .fs-paragraph-default {font-size: 1rem}
32
+ .fs-paragraph-large {font-size: 1.25rem}
33
+ .fs-paragraph-small {font-size: 0.875rem}
34
+ .fs-paragraph-xlarge {font-size: 1.5rem}
35
+ .fs-paragraph-xsmall {font-size: 0.75rem}
36
+ .fw-heading {font-weight: 700}
37
+ .fw-label {font-weight: 600}
38
+ .fw-paragraph {font-weight: 400}
39
+ .m-0 {margin: var(--size-0, 0rem)}
40
+ .m-1 {margin: var(--size-1, 0.25rem)}
41
+ .m-10 {margin: var(--size-10, 2.5rem)}
42
+ .m-11 {margin: var(--size-11, 2.75rem)}
43
+ .m-12 {margin: var(--size-12, 3rem)}
44
+ .m-13 {margin: var(--size-13, 3.25rem)}
45
+ .m-14 {margin: var(--size-14, 3.5rem)}
46
+ .m-2 {margin: var(--size-2, 0.5rem)}
47
+ .m-3 {margin: var(--size-3, 0.75rem)}
48
+ .m-4 {margin: var(--size-4, 1rem)}
49
+ .m-5 {margin: var(--size-5, 1.25rem)}
50
+ .m-6 {margin: var(--size-6, 1.5rem)}
51
+ .m-7 {margin: var(--size-7, 1.75rem)}
52
+ .m-8 {margin: var(--size-8, 2rem)}
53
+ .m-9 {margin: var(--size-9, 2.25rem)}
54
+ .m-block-0 {margin-block: var(--size-0, 0rem)}
55
+ .m-block-1 {margin-block: var(--size-1, 0.25rem)}
56
+ .m-block-10 {margin-block: var(--size-10, 2.5rem)}
57
+ .m-block-11 {margin-block: var(--size-11, 2.75rem)}
58
+ .m-block-12 {margin-block: var(--size-12, 3rem)}
59
+ .m-block-13 {margin-block: var(--size-13, 3.25rem)}
60
+ .m-block-14 {margin-block: var(--size-14, 3.5rem)}
61
+ .m-block-2 {margin-block: var(--size-2, 0.5rem)}
62
+ .m-block-3 {margin-block: var(--size-3, 0.75rem)}
63
+ .m-block-4 {margin-block: var(--size-4, 1rem)}
64
+ .m-block-5 {margin-block: var(--size-5, 1.25rem)}
65
+ .m-block-6 {margin-block: var(--size-6, 1.5rem)}
66
+ .m-block-7 {margin-block: var(--size-7, 1.75rem)}
67
+ .m-block-8 {margin-block: var(--size-8, 2rem)}
68
+ .m-block-9 {margin-block: var(--size-9, 2.25rem)}
69
+ .m-block-end-0 {margin-block-end: var(--size-0, 0rem)}
70
+ .m-block-end-1 {margin-block-end: var(--size-1, 0.25rem)}
71
+ .m-block-end-10 {margin-block-end: var(--size-10, 2.5rem)}
72
+ .m-block-end-11 {margin-block-end: var(--size-11, 2.75rem)}
73
+ .m-block-end-12 {margin-block-end: var(--size-12, 3rem)}
74
+ .m-block-end-13 {margin-block-end: var(--size-13, 3.25rem)}
75
+ .m-block-end-14 {margin-block-end: var(--size-14, 3.5rem)}
76
+ .m-block-end-2 {margin-block-end: var(--size-2, 0.5rem)}
77
+ .m-block-end-3 {margin-block-end: var(--size-3, 0.75rem)}
78
+ .m-block-end-4 {margin-block-end: var(--size-4, 1rem)}
79
+ .m-block-end-5 {margin-block-end: var(--size-5, 1.25rem)}
80
+ .m-block-end-6 {margin-block-end: var(--size-6, 1.5rem)}
81
+ .m-block-end-7 {margin-block-end: var(--size-7, 1.75rem)}
82
+ .m-block-end-8 {margin-block-end: var(--size-8, 2rem)}
83
+ .m-block-end-9 {margin-block-end: var(--size-9, 2.25rem)}
84
+ .m-block-end-half {margin-block-end: var(--size-half, 0.125rem)}
85
+ .m-block-end-quarter {margin-block-end: var(--size-quarter, 0.0625rem)}
86
+ .m-block-half {margin-block: var(--size-half, 0.125rem)}
87
+ .m-block-quarter {margin-block: var(--size-quarter, 0.0625rem)}
88
+ .m-block-start-0 {margin-block-start: var(--size-0, 0rem)}
89
+ .m-block-start-1 {margin-block-start: var(--size-1, 0.25rem)}
90
+ .m-block-start-10 {margin-block-start: var(--size-10, 2.5rem)}
91
+ .m-block-start-11 {margin-block-start: var(--size-11, 2.75rem)}
92
+ .m-block-start-12 {margin-block-start: var(--size-12, 3rem)}
93
+ .m-block-start-13 {margin-block-start: var(--size-13, 3.25rem)}
94
+ .m-block-start-14 {margin-block-start: var(--size-14, 3.5rem)}
95
+ .m-block-start-2 {margin-block-start: var(--size-2, 0.5rem)}
96
+ .m-block-start-3 {margin-block-start: var(--size-3, 0.75rem)}
97
+ .m-block-start-4 {margin-block-start: var(--size-4, 1rem)}
98
+ .m-block-start-5 {margin-block-start: var(--size-5, 1.25rem)}
99
+ .m-block-start-6 {margin-block-start: var(--size-6, 1.5rem)}
100
+ .m-block-start-7 {margin-block-start: var(--size-7, 1.75rem)}
101
+ .m-block-start-8 {margin-block-start: var(--size-8, 2rem)}
102
+ .m-block-start-9 {margin-block-start: var(--size-9, 2.25rem)}
103
+ .m-block-start-half {margin-block-start: var(--size-half, 0.125rem)}
104
+ .m-block-start-quarter {margin-block-start: var(--size-quarter, 0.0625rem)}
105
+ .m-half {margin: var(--size-half, 0.125rem)}
106
+ .m-inline-0 {margin-inline: var(--size-0, 0rem)}
107
+ .m-inline-1 {margin-inline: var(--size-1, 0.25rem)}
108
+ .m-inline-10 {margin-inline: var(--size-10, 2.5rem)}
109
+ .m-inline-11 {margin-inline: var(--size-11, 2.75rem)}
110
+ .m-inline-12 {margin-inline: var(--size-12, 3rem)}
111
+ .m-inline-13 {margin-inline: var(--size-13, 3.25rem)}
112
+ .m-inline-14 {margin-inline: var(--size-14, 3.5rem)}
113
+ .m-inline-2 {margin-inline: var(--size-2, 0.5rem)}
114
+ .m-inline-3 {margin-inline: var(--size-3, 0.75rem)}
115
+ .m-inline-4 {margin-inline: var(--size-4, 1rem)}
116
+ .m-inline-5 {margin-inline: var(--size-5, 1.25rem)}
117
+ .m-inline-6 {margin-inline: var(--size-6, 1.5rem)}
118
+ .m-inline-7 {margin-inline: var(--size-7, 1.75rem)}
119
+ .m-inline-8 {margin-inline: var(--size-8, 2rem)}
120
+ .m-inline-9 {margin-inline: var(--size-9, 2.25rem)}
121
+ .m-inline-end-0 {margin-inline-end: var(--size-0, 0rem)}
122
+ .m-inline-end-1 {margin-inline-end: var(--size-1, 0.25rem)}
123
+ .m-inline-end-10 {margin-inline-end: var(--size-10, 2.5rem)}
124
+ .m-inline-end-11 {margin-inline-end: var(--size-11, 2.75rem)}
125
+ .m-inline-end-12 {margin-inline-end: var(--size-12, 3rem)}
126
+ .m-inline-end-13 {margin-inline-end: var(--size-13, 3.25rem)}
127
+ .m-inline-end-14 {margin-inline-end: var(--size-14, 3.5rem)}
128
+ .m-inline-end-2 {margin-inline-end: var(--size-2, 0.5rem)}
129
+ .m-inline-end-3 {margin-inline-end: var(--size-3, 0.75rem)}
130
+ .m-inline-end-4 {margin-inline-end: var(--size-4, 1rem)}
131
+ .m-inline-end-5 {margin-inline-end: var(--size-5, 1.25rem)}
132
+ .m-inline-end-6 {margin-inline-end: var(--size-6, 1.5rem)}
133
+ .m-inline-end-7 {margin-inline-end: var(--size-7, 1.75rem)}
134
+ .m-inline-end-8 {margin-inline-end: var(--size-8, 2rem)}
135
+ .m-inline-end-9 {margin-inline-end: var(--size-9, 2.25rem)}
136
+ .m-inline-end-half {margin-inline-end: var(--size-half, 0.125rem)}
137
+ .m-inline-end-quarter {margin-inline-end: var(--size-quarter, 0.0625rem)}
138
+ .m-inline-half {margin-inline: var(--size-half, 0.125rem)}
139
+ .m-inline-quarter {margin-inline: var(--size-quarter, 0.0625rem)}
140
+ .m-inline-start-0 {margin-inline-start: var(--size-0, 0rem)}
141
+ .m-inline-start-1 {margin-inline-start: var(--size-1, 0.25rem)}
142
+ .m-inline-start-10 {margin-inline-start: var(--size-10, 2.5rem)}
143
+ .m-inline-start-11 {margin-inline-start: var(--size-11, 2.75rem)}
144
+ .m-inline-start-12 {margin-inline-start: var(--size-12, 3rem)}
145
+ .m-inline-start-13 {margin-inline-start: var(--size-13, 3.25rem)}
146
+ .m-inline-start-14 {margin-inline-start: var(--size-14, 3.5rem)}
147
+ .m-inline-start-2 {margin-inline-start: var(--size-2, 0.5rem)}
148
+ .m-inline-start-3 {margin-inline-start: var(--size-3, 0.75rem)}
149
+ .m-inline-start-4 {margin-inline-start: var(--size-4, 1rem)}
150
+ .m-inline-start-5 {margin-inline-start: var(--size-5, 1.25rem)}
151
+ .m-inline-start-6 {margin-inline-start: var(--size-6, 1.5rem)}
152
+ .m-inline-start-7 {margin-inline-start: var(--size-7, 1.75rem)}
153
+ .m-inline-start-8 {margin-inline-start: var(--size-8, 2rem)}
154
+ .m-inline-start-9 {margin-inline-start: var(--size-9, 2.25rem)}
155
+ .m-inline-start-half {margin-inline-start: var(--size-half, 0.125rem)}
156
+ .m-inline-start-quarter {margin-inline-start: var(--size-quarter, 0.0625rem)}
157
+ .m-quarter {margin: var(--size-quarter, 0.0625rem)}
158
+ .p-0 {padding: var(--size-0, 0rem)}
159
+ .p-1 {padding: var(--size-1, 0.25rem)}
160
+ .p-10 {padding: var(--size-10, 2.5rem)}
161
+ .p-11 {padding: var(--size-11, 2.75rem)}
162
+ .p-12 {padding: var(--size-12, 3rem)}
163
+ .p-13 {padding: var(--size-13, 3.25rem)}
164
+ .p-14 {padding: var(--size-14, 3.5rem)}
165
+ .p-2 {padding: var(--size-2, 0.5rem)}
166
+ .p-3 {padding: var(--size-3, 0.75rem)}
167
+ .p-4 {padding: var(--size-4, 1rem)}
168
+ .p-5 {padding: var(--size-5, 1.25rem)}
169
+ .p-6 {padding: var(--size-6, 1.5rem)}
170
+ .p-7 {padding: var(--size-7, 1.75rem)}
171
+ .p-8 {padding: var(--size-8, 2rem)}
172
+ .p-9 {padding: var(--size-9, 2.25rem)}
173
+ .p-block-0 {padding-block: var(--size-0, 0rem)}
174
+ .p-block-1 {padding-block: var(--size-1, 0.25rem)}
175
+ .p-block-10 {padding-block: var(--size-10, 2.5rem)}
176
+ .p-block-11 {padding-block: var(--size-11, 2.75rem)}
177
+ .p-block-12 {padding-block: var(--size-12, 3rem)}
178
+ .p-block-13 {padding-block: var(--size-13, 3.25rem)}
179
+ .p-block-14 {padding-block: var(--size-14, 3.5rem)}
180
+ .p-block-2 {padding-block: var(--size-2, 0.5rem)}
181
+ .p-block-3 {padding-block: var(--size-3, 0.75rem)}
182
+ .p-block-4 {padding-block: var(--size-4, 1rem)}
183
+ .p-block-5 {padding-block: var(--size-5, 1.25rem)}
184
+ .p-block-6 {padding-block: var(--size-6, 1.5rem)}
185
+ .p-block-7 {padding-block: var(--size-7, 1.75rem)}
186
+ .p-block-8 {padding-block: var(--size-8, 2rem)}
187
+ .p-block-9 {padding-block: var(--size-9, 2.25rem)}
188
+ .p-block-end-0 {padding-block-end: var(--size-0, 0rem)}
189
+ .p-block-end-1 {padding-block-end: var(--size-1, 0.25rem)}
190
+ .p-block-end-10 {padding-block-end: var(--size-10, 2.5rem)}
191
+ .p-block-end-11 {padding-block-end: var(--size-11, 2.75rem)}
192
+ .p-block-end-12 {padding-block-end: var(--size-12, 3rem)}
193
+ .p-block-end-13 {padding-block-end: var(--size-13, 3.25rem)}
194
+ .p-block-end-14 {padding-block-end: var(--size-14, 3.5rem)}
195
+ .p-block-end-2 {padding-block-end: var(--size-2, 0.5rem)}
196
+ .p-block-end-3 {padding-block-end: var(--size-3, 0.75rem)}
197
+ .p-block-end-4 {padding-block-end: var(--size-4, 1rem)}
198
+ .p-block-end-5 {padding-block-end: var(--size-5, 1.25rem)}
199
+ .p-block-end-6 {padding-block-end: var(--size-6, 1.5rem)}
200
+ .p-block-end-7 {padding-block-end: var(--size-7, 1.75rem)}
201
+ .p-block-end-8 {padding-block-end: var(--size-8, 2rem)}
202
+ .p-block-end-9 {padding-block-end: var(--size-9, 2.25rem)}
203
+ .p-block-end-half {padding-block-end: var(--size-half, 0.125rem)}
204
+ .p-block-end-quarter {padding-block-end: var(--size-quarter, 0.0625rem)}
205
+ .p-block-half {padding-block: var(--size-half, 0.125rem)}
206
+ .p-block-quarter {padding-block: var(--size-quarter, 0.0625rem)}
207
+ .p-block-start-0 {padding-block-start: var(--size-0, 0rem)}
208
+ .p-block-start-1 {padding-block-start: var(--size-1, 0.25rem)}
209
+ .p-block-start-10 {padding-block-start: var(--size-10, 2.5rem)}
210
+ .p-block-start-11 {padding-block-start: var(--size-11, 2.75rem)}
211
+ .p-block-start-12 {padding-block-start: var(--size-12, 3rem)}
212
+ .p-block-start-13 {padding-block-start: var(--size-13, 3.25rem)}
213
+ .p-block-start-14 {padding-block-start: var(--size-14, 3.5rem)}
214
+ .p-block-start-2 {padding-block-start: var(--size-2, 0.5rem)}
215
+ .p-block-start-3 {padding-block-start: var(--size-3, 0.75rem)}
216
+ .p-block-start-4 {padding-block-start: var(--size-4, 1rem)}
217
+ .p-block-start-5 {padding-block-start: var(--size-5, 1.25rem)}
218
+ .p-block-start-6 {padding-block-start: var(--size-6, 1.5rem)}
219
+ .p-block-start-7 {padding-block-start: var(--size-7, 1.75rem)}
220
+ .p-block-start-8 {padding-block-start: var(--size-8, 2rem)}
221
+ .p-block-start-9 {padding-block-start: var(--size-9, 2.25rem)}
222
+ .p-block-start-half {padding-block-start: var(--size-half, 0.125rem)}
223
+ .p-block-start-quarter {padding-block-start: var(--size-quarter, 0.0625rem)}
224
+ .p-half {padding: var(--size-half, 0.125rem)}
225
+ .p-inline-0 {padding-inline: var(--size-0, 0rem)}
226
+ .p-inline-1 {padding-inline: var(--size-1, 0.25rem)}
227
+ .p-inline-10 {padding-inline: var(--size-10, 2.5rem)}
228
+ .p-inline-11 {padding-inline: var(--size-11, 2.75rem)}
229
+ .p-inline-12 {padding-inline: var(--size-12, 3rem)}
230
+ .p-inline-13 {padding-inline: var(--size-13, 3.25rem)}
231
+ .p-inline-14 {padding-inline: var(--size-14, 3.5rem)}
232
+ .p-inline-2 {padding-inline: var(--size-2, 0.5rem)}
233
+ .p-inline-3 {padding-inline: var(--size-3, 0.75rem)}
234
+ .p-inline-4 {padding-inline: var(--size-4, 1rem)}
235
+ .p-inline-5 {padding-inline: var(--size-5, 1.25rem)}
236
+ .p-inline-6 {padding-inline: var(--size-6, 1.5rem)}
237
+ .p-inline-7 {padding-inline: var(--size-7, 1.75rem)}
238
+ .p-inline-8 {padding-inline: var(--size-8, 2rem)}
239
+ .p-inline-9 {padding-inline: var(--size-9, 2.25rem)}
240
+ .p-inline-end-0 {padding-inline-end: var(--size-0, 0rem)}
241
+ .p-inline-end-1 {padding-inline-end: var(--size-1, 0.25rem)}
242
+ .p-inline-end-10 {padding-inline-end: var(--size-10, 2.5rem)}
243
+ .p-inline-end-11 {padding-inline-end: var(--size-11, 2.75rem)}
244
+ .p-inline-end-12 {padding-inline-end: var(--size-12, 3rem)}
245
+ .p-inline-end-13 {padding-inline-end: var(--size-13, 3.25rem)}
246
+ .p-inline-end-14 {padding-inline-end: var(--size-14, 3.5rem)}
247
+ .p-inline-end-2 {padding-inline-end: var(--size-2, 0.5rem)}
248
+ .p-inline-end-3 {padding-inline-end: var(--size-3, 0.75rem)}
249
+ .p-inline-end-4 {padding-inline-end: var(--size-4, 1rem)}
250
+ .p-inline-end-5 {padding-inline-end: var(--size-5, 1.25rem)}
251
+ .p-inline-end-6 {padding-inline-end: var(--size-6, 1.5rem)}
252
+ .p-inline-end-7 {padding-inline-end: var(--size-7, 1.75rem)}
253
+ .p-inline-end-8 {padding-inline-end: var(--size-8, 2rem)}
254
+ .p-inline-end-9 {padding-inline-end: var(--size-9, 2.25rem)}
255
+ .p-inline-end-half {padding-inline-end: var(--size-half, 0.125rem)}
256
+ .p-inline-end-quarter {padding-inline-end: var(--size-quarter, 0.0625rem)}
257
+ .p-inline-half {padding-inline: var(--size-half, 0.125rem)}
258
+ .p-inline-quarter {padding-inline: var(--size-quarter, 0.0625rem)}
259
+ .p-inline-start-0 {padding-inline-start: var(--size-0, 0rem)}
260
+ .p-inline-start-1 {padding-inline-start: var(--size-1, 0.25rem)}
261
+ .p-inline-start-10 {padding-inline-start: var(--size-10, 2.5rem)}
262
+ .p-inline-start-11 {padding-inline-start: var(--size-11, 2.75rem)}
263
+ .p-inline-start-12 {padding-inline-start: var(--size-12, 3rem)}
264
+ .p-inline-start-13 {padding-inline-start: var(--size-13, 3.25rem)}
265
+ .p-inline-start-14 {padding-inline-start: var(--size-14, 3.5rem)}
266
+ .p-inline-start-2 {padding-inline-start: var(--size-2, 0.5rem)}
267
+ .p-inline-start-3 {padding-inline-start: var(--size-3, 0.75rem)}
268
+ .p-inline-start-4 {padding-inline-start: var(--size-4, 1rem)}
269
+ .p-inline-start-5 {padding-inline-start: var(--size-5, 1.25rem)}
270
+ .p-inline-start-6 {padding-inline-start: var(--size-6, 1.5rem)}
271
+ .p-inline-start-7 {padding-inline-start: var(--size-7, 1.75rem)}
272
+ .p-inline-start-8 {padding-inline-start: var(--size-8, 2rem)}
273
+ .p-inline-start-9 {padding-inline-start: var(--size-9, 2.25rem)}
274
+ .p-inline-start-half {padding-inline-start: var(--size-half, 0.125rem)}
275
+ .p-inline-start-quarter {padding-inline-start: var(--size-quarter, 0.0625rem)}
276
+ .p-quarter {padding: var(--size-quarter, 0.0625rem)}
277
+ .sr-only {border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding-block: 0; padding-inline: 0; position: absolute; white-space: nowrap; width: 1px;}
278
+ .bg-danger-default {background-color: var(--background-color-danger, #e13212)}
279
+ .bg-danger-subdued {background-color: var(--background-color-danger-subdued, #ffece9)}
280
+ .bg-default {background-color: var(--background-color, #ffffff)}
281
+ .bg-disabled {background-color: var(--background-color-disabled, #606162)}
282
+ .bg-inverted-default {background-color: var(--background-color-inverted, #2d2e31)}
283
+ .bg-inverted-strong {background-color: var(--background-color-inverted-strong, #141414)}
284
+ .bg-overlay-active-danger {background-color: var(--overlay-color-active-danger, #e132124D)}
285
+ .bg-overlay-active-default {background-color: var(--overlay-color-active, #14141429)}
286
+ .bg-overlay-active-on-danger {background-color: var(--overlay-color-active-on-danger, #14141466)}
287
+ .bg-overlay-active-on-default {background-color: var(--overlay-color-active-on, #14141429)}
288
+ .bg-overlay-active-on-primary {background-color: var(--overlay-color-active-on-primary, #14141466)}
289
+ .bg-overlay-active-primary {background-color: var(--overlay-color-active-primary, #0265DC4D)}
290
+ .bg-overlay-hover-danger {background-color: var(--overlay-color-hover-danger, #e132121A)}
291
+ .bg-overlay-hover-default {background-color: var(--overlay-color-hover, #14141414)}
292
+ .bg-overlay-hover-on-danger {background-color: var(--overlay-color-hover-on-danger, #14141433)}
293
+ .bg-overlay-hover-on-default {background-color: var(--overlay-color-hover-on, #14141414)}
294
+ .bg-overlay-hover-on-primary {background-color: var(--overlay-color-hover-on-primary, #14141433)}
295
+ .bg-overlay-hover-primary {background-color: var(--overlay-color-hover-primary, #0265DC1A)}
296
+ .bg-primary-default {background-color: var(--background-color-primary, #0265DC)}
297
+ .bg-primary-subdued {background-color: var(--background-color-primary-subdued, #E0F2FF)}
298
+ .bg-status-danger {background-color: var(--status-color-danger, #e13212)}
299
+ .bg-status-info {background-color: var(--status-color-info, #0265DC)}
300
+ .bg-status-success {background-color: var(--status-color-success, #007A4D)}
301
+ .bg-status-warning {background-color: var(--status-color-warning, #ffbe00)}
302
+ .bg-strong {background-color: var(--background-color-strong, #f7f7f7)}
303
+ .bg-stronger {background-color: var(--background-color-stronger, #eeeeee)}
304
+ .bg-strongest {background-color: var(--background-color-strongest, #bcbcbd)}
305
+ .bg-success-default {background-color: var(--background-color-success, #007A4D)}
306
+ .bg-success-subdued {background-color: var(--background-color-success-subdued, #CEF8E0)}
307
+ .bg-warning-default {background-color: var(--background-color-warning, #ffbe00)}
308
+ .border-color-danger {border-color: var(--border-color-danger, #e13212)}
309
+ .border-color-default {border-color: var(--border-color, #949596)}
310
+ .border-color-primary {border-color: var(--border-color-primary, #0265DC)}
311
+ .border-color-status-info {border-color: var(--status-color-info, #0265DC)}
312
+ .border-color-status-success {border-color: var(--status-color-success, #007A4D)}
313
+ .border-color-status-warning {border-color: var(--status-color-warning, #ffbe00)}
314
+ .border-color-strong {border-color: var(--border-color-strong, #444445)}
315
+ .border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
316
+ .border-color-success {border-color: var(--border-color-success, #007A4D)}
317
+ .c-active-danger {color: var(--foreground-color-active-danger, #bf2a00)}
318
+ .c-active-primary {color: var(--foreground-color-active-primary, #004491)}
319
+ .c-danger {color: var(--foreground-color-danger, #e13212)}
320
+ .c-default {color: var(--foreground-color, #141414)}
321
+ .c-hover-danger {color: var(--foreground-color-hover-danger, #bf2a00)}
322
+ .c-hover-primary {color: var(--foreground-color-hover-primary, #004491)}
323
+ .c-inverted {color: var(--foreground-color-inverted, #ffffff)}
324
+ .c-on-danger-default {color: var(--foreground-color-on-danger, #ffffff)}
325
+ .c-on-danger-subdued {color: var(--foreground-color-on-danger-subdued, #bf2a00)}
326
+ .c-on-primary {color: var(--foreground-color-on-primary, #ffffff)}
327
+ .c-on-warning {color: var(--foreground-color-on-warning, #141414)}
328
+ .c-primary {color: var(--foreground-color-primary, #0265DC)}
329
+ .c-status-danger {color: var(--status-color-danger, #e13212)}
330
+ .c-status-info {color: var(--status-color-info, #0265DC)}
331
+ .c-status-success {color: var(--status-color-success, #007A4D)}
332
+ .c-status-warning {color: var(--status-color-warning, #ffbe00)}
333
+ .c-subdued {color: var(--foreground-color-subdued, #737475)}
334
+
335
+ @supports (color: light-dark(#fff, #000)) {
336
+ .bg-danger-default {background-color: var(--background-color-danger, light-dark(#e13212, #ff745f))}
337
+ .bg-danger-subdued {background-color: var(--background-color-danger-subdued, light-dark(#ffece9, #ff745f33))}
338
+ .bg-default {background-color: var(--background-color, light-dark(#ffffff, #141414))}
339
+ .bg-disabled {background-color: var(--background-color-disabled, light-dark(#606162, #606162))}
340
+ .bg-inverted-default {background-color: var(--background-color-inverted, light-dark(#2d2e31, #fafafa))}
341
+ .bg-inverted-strong {background-color: var(--background-color-inverted-strong, light-dark(#141414, #ffffff))}
342
+ .bg-overlay-active-danger {background-color: var(--overlay-color-active-danger, light-dark(#e132124D, #f94d3240))}
343
+ .bg-overlay-active-default {background-color: var(--overlay-color-active, light-dark(#14141429, #ffffff29))}
344
+ .bg-overlay-active-on-danger {background-color: var(--overlay-color-active-on-danger, light-dark(#14141466, #14141429))}
345
+ .bg-overlay-active-on-default {background-color: var(--overlay-color-active-on, light-dark(#14141429, #14141429))}
346
+ .bg-overlay-active-on-primary {background-color: var(--overlay-color-active-on-primary, light-dark(#14141466, #14141429))}
347
+ .bg-overlay-active-primary {background-color: var(--overlay-color-active-primary, light-dark(#0265DC4D, #78BBFA40))}
348
+ .bg-overlay-hover-danger {background-color: var(--overlay-color-hover-danger, light-dark(#e132121A, #f94d3226))}
349
+ .bg-overlay-hover-default {background-color: var(--overlay-color-hover, light-dark(#14141414, #ffffff14))}
350
+ .bg-overlay-hover-on-danger {background-color: var(--overlay-color-hover-on-danger, light-dark(#14141433, #ffffff29))}
351
+ .bg-overlay-hover-on-default {background-color: var(--overlay-color-hover-on, light-dark(#14141414, #ffffff14))}
352
+ .bg-overlay-hover-on-primary {background-color: var(--overlay-color-hover-on-primary, light-dark(#14141433, #ffffff29))}
353
+ .bg-overlay-hover-primary {background-color: var(--overlay-color-hover-primary, light-dark(#0265DC1A, #78BBFA1A))}
354
+ .bg-primary-default {background-color: var(--background-color-primary, light-dark(#0265DC, #78BBFA))}
355
+ .bg-primary-subdued {background-color: var(--background-color-primary-subdued, light-dark(#E0F2FF, #78BBFA33))}
356
+ .bg-status-danger {background-color: var(--status-color-danger, light-dark(#e13212, #ff745f))}
357
+ .bg-status-info {background-color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
358
+ .bg-status-success {background-color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
359
+ .bg-status-warning {background-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
360
+ .bg-strong {background-color: var(--background-color-strong, light-dark(#f7f7f7, #2d2e31))}
361
+ .bg-stronger {background-color: var(--background-color-stronger, light-dark(#eeeeee, #444445))}
362
+ .bg-strongest {background-color: var(--background-color-strongest, light-dark(#bcbcbd, #737475))}
363
+ .bg-success-default {background-color: var(--background-color-success, light-dark(#007A4D, #49CC93))}
364
+ .bg-success-subdued {background-color: var(--background-color-success-subdued, light-dark(#CEF8E0, #49CC9333))}
365
+ .bg-warning-default {background-color: var(--background-color-warning, light-dark(#ffbe00, #ffe278))}
366
+ .border-color-danger {border-color: var(--border-color-danger, light-dark(#e13212, #ff745f))}
367
+ .border-color-default {border-color: var(--border-color, light-dark(#949596, #606162))}
368
+ .border-color-primary {border-color: var(--border-color-primary, light-dark(#0265DC, #78BBFA))}
369
+ .border-color-status-info {border-color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
370
+ .border-color-status-success {border-color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
371
+ .border-color-status-warning {border-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
372
+ .border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
373
+ .border-color-subdued {border-color: var(--border-color-subdued, light-dark(#dfe0e1, #444445))}
374
+ .border-color-success {border-color: var(--border-color-success, light-dark(#007A4D, #49CC93))}
375
+ .c-active-danger {color: var(--foreground-color-active-danger, light-dark(#bf2a00, #ff745f))}
376
+ .c-active-primary {color: var(--foreground-color-active-primary, light-dark(#004491, #B5DEFF))}
377
+ .c-danger {color: var(--foreground-color-danger, light-dark(#e13212, #ff745f))}
378
+ .c-default {color: var(--foreground-color, light-dark(#141414, #ffffff))}
379
+ .c-hover-danger {color: var(--foreground-color-hover-danger, light-dark(#bf2a00, #ff745f))}
380
+ .c-hover-primary {color: var(--foreground-color-hover-primary, light-dark(#004491, #B5DEFF))}
381
+ .c-inverted {color: var(--foreground-color-inverted, light-dark(#ffffff, #141414))}
382
+ .c-on-danger-default {color: var(--foreground-color-on-danger, light-dark(#ffffff, #141414))}
383
+ .c-on-danger-subdued {color: var(--foreground-color-on-danger-subdued, light-dark(#bf2a00, #ffffff))}
384
+ .c-on-primary {color: var(--foreground-color-on-primary, light-dark(#ffffff, #141414))}
385
+ .c-on-warning {color: var(--foreground-color-on-warning, light-dark(#141414, #141414))}
386
+ .c-primary {color: var(--foreground-color-primary, light-dark(#0265DC, #78BBFA))}
387
+ .c-status-danger {color: var(--status-color-danger, light-dark(#e13212, #ff745f))}
388
+ .c-status-info {color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
389
+ .c-status-success {color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
390
+ .c-status-warning {color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
391
+ .c-subdued {color: var(--foreground-color-subdued, light-dark(#737475, #bcbcbd))}
392
+ }
393
+
394
+ @layer application {
395
+ .border-color-danger {border-color: var(--border-color-danger, #e13212)}
396
+ .border-color-default {border-color: var(--border-color, #949596)}
397
+ .border-color-primary {border-color: var(--border-color-primary, #0265DC)}
398
+ .border-color-strong {border-color: var(--border-color-strong, #444445)}
399
+ .border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
400
+ .border-color-success {border-color: var(--border-color-success, #007A4D)}
401
+ .border-radius-circular {border-radius: var(--border-radius-circular, 100%)}
402
+ .border-radius-large {border-radius: var(--border-radius-large, 0.75rem)}
403
+ .border-radius-medium {border-radius: var(--border-radius-medium, 0.375rem)}
404
+ .border-radius-none {border-radius: var(--border-radius-none, 0)}
405
+ .border-radius-small {border-radius: var(--border-radius-small, 0.1875rem)}
406
+ .border-radius-xlarge {border-radius: var(--border-radius-xlarge, 1.5rem)}
407
+ .border-width-default {border-width: var(--border-width, 0.0625rem)}
408
+ .border-width-none {border-width: var(--border-width-none, 0rem)}
409
+ .border-width-strong {border-width: var(--border-width-strong, 0.125rem)}
410
+ .ff-heading {font-family: 'Sofia Pro', SofiaPro, sans-serif}
411
+ .ff-label {font-family: 'Nunito Sans', sans-serif}
412
+ .ff-paragraph {font-family: 'Nunito Sans', sans-serif}
413
+ .fs-heading-default {font-size: 1.25rem}
414
+ .fs-heading-large {font-size: 1.5rem}
415
+ .fs-heading-small {font-size: 1rem}
416
+ .fs-heading-xlarge {font-size: 2rem}
417
+ .fs-heading-xsmall {font-size: 0.875rem}
418
+ .fs-label-default {font-size: 0.875rem}
419
+ .fs-label-large {font-size: 1rem}
420
+ .fs-label-small {font-size: 0.75rem}
421
+ .fs-label-xlarge {font-size: 1.25rem}
422
+ .fs-label-xsmall {font-size: 0.625rem}
423
+ .fs-paragraph-default {font-size: 1rem}
424
+ .fs-paragraph-large {font-size: 1.25rem}
425
+ .fs-paragraph-small {font-size: 0.875rem}
426
+ .fs-paragraph-xlarge {font-size: 1.5rem}
427
+ .fs-paragraph-xsmall {font-size: 0.75rem}
428
+ .fw-heading {font-weight: 700}
429
+ .fw-label {font-weight: 600}
430
+ .fw-paragraph {font-weight: 400}
431
+ .m-0 {margin: var(--size-0, 0rem)}
432
+ .m-1 {margin: var(--size-1, 0.25rem)}
433
+ .m-10 {margin: var(--size-10, 2.5rem)}
434
+ .m-11 {margin: var(--size-11, 2.75rem)}
435
+ .m-12 {margin: var(--size-12, 3rem)}
436
+ .m-13 {margin: var(--size-13, 3.25rem)}
437
+ .m-14 {margin: var(--size-14, 3.5rem)}
438
+ .m-2 {margin: var(--size-2, 0.5rem)}
439
+ .m-3 {margin: var(--size-3, 0.75rem)}
440
+ .m-4 {margin: var(--size-4, 1rem)}
441
+ .m-5 {margin: var(--size-5, 1.25rem)}
442
+ .m-6 {margin: var(--size-6, 1.5rem)}
443
+ .m-7 {margin: var(--size-7, 1.75rem)}
444
+ .m-8 {margin: var(--size-8, 2rem)}
445
+ .m-9 {margin: var(--size-9, 2.25rem)}
446
+ .m-block-0 {margin-block: var(--size-0, 0rem)}
447
+ .m-block-1 {margin-block: var(--size-1, 0.25rem)}
448
+ .m-block-10 {margin-block: var(--size-10, 2.5rem)}
449
+ .m-block-11 {margin-block: var(--size-11, 2.75rem)}
450
+ .m-block-12 {margin-block: var(--size-12, 3rem)}
451
+ .m-block-13 {margin-block: var(--size-13, 3.25rem)}
452
+ .m-block-14 {margin-block: var(--size-14, 3.5rem)}
453
+ .m-block-2 {margin-block: var(--size-2, 0.5rem)}
454
+ .m-block-3 {margin-block: var(--size-3, 0.75rem)}
455
+ .m-block-4 {margin-block: var(--size-4, 1rem)}
456
+ .m-block-5 {margin-block: var(--size-5, 1.25rem)}
457
+ .m-block-6 {margin-block: var(--size-6, 1.5rem)}
458
+ .m-block-7 {margin-block: var(--size-7, 1.75rem)}
459
+ .m-block-8 {margin-block: var(--size-8, 2rem)}
460
+ .m-block-9 {margin-block: var(--size-9, 2.25rem)}
461
+ .m-block-end-0 {margin-block-end: var(--size-0, 0rem)}
462
+ .m-block-end-1 {margin-block-end: var(--size-1, 0.25rem)}
463
+ .m-block-end-10 {margin-block-end: var(--size-10, 2.5rem)}
464
+ .m-block-end-11 {margin-block-end: var(--size-11, 2.75rem)}
465
+ .m-block-end-12 {margin-block-end: var(--size-12, 3rem)}
466
+ .m-block-end-13 {margin-block-end: var(--size-13, 3.25rem)}
467
+ .m-block-end-14 {margin-block-end: var(--size-14, 3.5rem)}
468
+ .m-block-end-2 {margin-block-end: var(--size-2, 0.5rem)}
469
+ .m-block-end-3 {margin-block-end: var(--size-3, 0.75rem)}
470
+ .m-block-end-4 {margin-block-end: var(--size-4, 1rem)}
471
+ .m-block-end-5 {margin-block-end: var(--size-5, 1.25rem)}
472
+ .m-block-end-6 {margin-block-end: var(--size-6, 1.5rem)}
473
+ .m-block-end-7 {margin-block-end: var(--size-7, 1.75rem)}
474
+ .m-block-end-8 {margin-block-end: var(--size-8, 2rem)}
475
+ .m-block-end-9 {margin-block-end: var(--size-9, 2.25rem)}
476
+ .m-block-end-half {margin-block-end: var(--size-half, 0.125rem)}
477
+ .m-block-end-quarter {margin-block-end: var(--size-quarter, 0.0625rem)}
478
+ .m-block-half {margin-block: var(--size-half, 0.125rem)}
479
+ .m-block-quarter {margin-block: var(--size-quarter, 0.0625rem)}
480
+ .m-block-start-0 {margin-block-start: var(--size-0, 0rem)}
481
+ .m-block-start-1 {margin-block-start: var(--size-1, 0.25rem)}
482
+ .m-block-start-10 {margin-block-start: var(--size-10, 2.5rem)}
483
+ .m-block-start-11 {margin-block-start: var(--size-11, 2.75rem)}
484
+ .m-block-start-12 {margin-block-start: var(--size-12, 3rem)}
485
+ .m-block-start-13 {margin-block-start: var(--size-13, 3.25rem)}
486
+ .m-block-start-14 {margin-block-start: var(--size-14, 3.5rem)}
487
+ .m-block-start-2 {margin-block-start: var(--size-2, 0.5rem)}
488
+ .m-block-start-3 {margin-block-start: var(--size-3, 0.75rem)}
489
+ .m-block-start-4 {margin-block-start: var(--size-4, 1rem)}
490
+ .m-block-start-5 {margin-block-start: var(--size-5, 1.25rem)}
491
+ .m-block-start-6 {margin-block-start: var(--size-6, 1.5rem)}
492
+ .m-block-start-7 {margin-block-start: var(--size-7, 1.75rem)}
493
+ .m-block-start-8 {margin-block-start: var(--size-8, 2rem)}
494
+ .m-block-start-9 {margin-block-start: var(--size-9, 2.25rem)}
495
+ .m-block-start-half {margin-block-start: var(--size-half, 0.125rem)}
496
+ .m-block-start-quarter {margin-block-start: var(--size-quarter, 0.0625rem)}
497
+ .m-half {margin: var(--size-half, 0.125rem)}
498
+ .m-inline-0 {margin-inline: var(--size-0, 0rem)}
499
+ .m-inline-1 {margin-inline: var(--size-1, 0.25rem)}
500
+ .m-inline-10 {margin-inline: var(--size-10, 2.5rem)}
501
+ .m-inline-11 {margin-inline: var(--size-11, 2.75rem)}
502
+ .m-inline-12 {margin-inline: var(--size-12, 3rem)}
503
+ .m-inline-13 {margin-inline: var(--size-13, 3.25rem)}
504
+ .m-inline-14 {margin-inline: var(--size-14, 3.5rem)}
505
+ .m-inline-2 {margin-inline: var(--size-2, 0.5rem)}
506
+ .m-inline-3 {margin-inline: var(--size-3, 0.75rem)}
507
+ .m-inline-4 {margin-inline: var(--size-4, 1rem)}
508
+ .m-inline-5 {margin-inline: var(--size-5, 1.25rem)}
509
+ .m-inline-6 {margin-inline: var(--size-6, 1.5rem)}
510
+ .m-inline-7 {margin-inline: var(--size-7, 1.75rem)}
511
+ .m-inline-8 {margin-inline: var(--size-8, 2rem)}
512
+ .m-inline-9 {margin-inline: var(--size-9, 2.25rem)}
513
+ .m-inline-end-0 {margin-inline-end: var(--size-0, 0rem)}
514
+ .m-inline-end-1 {margin-inline-end: var(--size-1, 0.25rem)}
515
+ .m-inline-end-10 {margin-inline-end: var(--size-10, 2.5rem)}
516
+ .m-inline-end-11 {margin-inline-end: var(--size-11, 2.75rem)}
517
+ .m-inline-end-12 {margin-inline-end: var(--size-12, 3rem)}
518
+ .m-inline-end-13 {margin-inline-end: var(--size-13, 3.25rem)}
519
+ .m-inline-end-14 {margin-inline-end: var(--size-14, 3.5rem)}
520
+ .m-inline-end-2 {margin-inline-end: var(--size-2, 0.5rem)}
521
+ .m-inline-end-3 {margin-inline-end: var(--size-3, 0.75rem)}
522
+ .m-inline-end-4 {margin-inline-end: var(--size-4, 1rem)}
523
+ .m-inline-end-5 {margin-inline-end: var(--size-5, 1.25rem)}
524
+ .m-inline-end-6 {margin-inline-end: var(--size-6, 1.5rem)}
525
+ .m-inline-end-7 {margin-inline-end: var(--size-7, 1.75rem)}
526
+ .m-inline-end-8 {margin-inline-end: var(--size-8, 2rem)}
527
+ .m-inline-end-9 {margin-inline-end: var(--size-9, 2.25rem)}
528
+ .m-inline-end-half {margin-inline-end: var(--size-half, 0.125rem)}
529
+ .m-inline-end-quarter {margin-inline-end: var(--size-quarter, 0.0625rem)}
530
+ .m-inline-half {margin-inline: var(--size-half, 0.125rem)}
531
+ .m-inline-quarter {margin-inline: var(--size-quarter, 0.0625rem)}
532
+ .m-inline-start-0 {margin-inline-start: var(--size-0, 0rem)}
533
+ .m-inline-start-1 {margin-inline-start: var(--size-1, 0.25rem)}
534
+ .m-inline-start-10 {margin-inline-start: var(--size-10, 2.5rem)}
535
+ .m-inline-start-11 {margin-inline-start: var(--size-11, 2.75rem)}
536
+ .m-inline-start-12 {margin-inline-start: var(--size-12, 3rem)}
537
+ .m-inline-start-13 {margin-inline-start: var(--size-13, 3.25rem)}
538
+ .m-inline-start-14 {margin-inline-start: var(--size-14, 3.5rem)}
539
+ .m-inline-start-2 {margin-inline-start: var(--size-2, 0.5rem)}
540
+ .m-inline-start-3 {margin-inline-start: var(--size-3, 0.75rem)}
541
+ .m-inline-start-4 {margin-inline-start: var(--size-4, 1rem)}
542
+ .m-inline-start-5 {margin-inline-start: var(--size-5, 1.25rem)}
543
+ .m-inline-start-6 {margin-inline-start: var(--size-6, 1.5rem)}
544
+ .m-inline-start-7 {margin-inline-start: var(--size-7, 1.75rem)}
545
+ .m-inline-start-8 {margin-inline-start: var(--size-8, 2rem)}
546
+ .m-inline-start-9 {margin-inline-start: var(--size-9, 2.25rem)}
547
+ .m-inline-start-half {margin-inline-start: var(--size-half, 0.125rem)}
548
+ .m-inline-start-quarter {margin-inline-start: var(--size-quarter, 0.0625rem)}
549
+ .m-quarter {margin: var(--size-quarter, 0.0625rem)}
550
+ .p-0 {padding: var(--size-0, 0rem)}
551
+ .p-1 {padding: var(--size-1, 0.25rem)}
552
+ .p-10 {padding: var(--size-10, 2.5rem)}
553
+ .p-11 {padding: var(--size-11, 2.75rem)}
554
+ .p-12 {padding: var(--size-12, 3rem)}
555
+ .p-13 {padding: var(--size-13, 3.25rem)}
556
+ .p-14 {padding: var(--size-14, 3.5rem)}
557
+ .p-2 {padding: var(--size-2, 0.5rem)}
558
+ .p-3 {padding: var(--size-3, 0.75rem)}
559
+ .p-4 {padding: var(--size-4, 1rem)}
560
+ .p-5 {padding: var(--size-5, 1.25rem)}
561
+ .p-6 {padding: var(--size-6, 1.5rem)}
562
+ .p-7 {padding: var(--size-7, 1.75rem)}
563
+ .p-8 {padding: var(--size-8, 2rem)}
564
+ .p-9 {padding: var(--size-9, 2.25rem)}
565
+ .p-block-0 {padding-block: var(--size-0, 0rem)}
566
+ .p-block-1 {padding-block: var(--size-1, 0.25rem)}
567
+ .p-block-10 {padding-block: var(--size-10, 2.5rem)}
568
+ .p-block-11 {padding-block: var(--size-11, 2.75rem)}
569
+ .p-block-12 {padding-block: var(--size-12, 3rem)}
570
+ .p-block-13 {padding-block: var(--size-13, 3.25rem)}
571
+ .p-block-14 {padding-block: var(--size-14, 3.5rem)}
572
+ .p-block-2 {padding-block: var(--size-2, 0.5rem)}
573
+ .p-block-3 {padding-block: var(--size-3, 0.75rem)}
574
+ .p-block-4 {padding-block: var(--size-4, 1rem)}
575
+ .p-block-5 {padding-block: var(--size-5, 1.25rem)}
576
+ .p-block-6 {padding-block: var(--size-6, 1.5rem)}
577
+ .p-block-7 {padding-block: var(--size-7, 1.75rem)}
578
+ .p-block-8 {padding-block: var(--size-8, 2rem)}
579
+ .p-block-9 {padding-block: var(--size-9, 2.25rem)}
580
+ .p-block-end-0 {padding-block-end: var(--size-0, 0rem)}
581
+ .p-block-end-1 {padding-block-end: var(--size-1, 0.25rem)}
582
+ .p-block-end-10 {padding-block-end: var(--size-10, 2.5rem)}
583
+ .p-block-end-11 {padding-block-end: var(--size-11, 2.75rem)}
584
+ .p-block-end-12 {padding-block-end: var(--size-12, 3rem)}
585
+ .p-block-end-13 {padding-block-end: var(--size-13, 3.25rem)}
586
+ .p-block-end-14 {padding-block-end: var(--size-14, 3.5rem)}
587
+ .p-block-end-2 {padding-block-end: var(--size-2, 0.5rem)}
588
+ .p-block-end-3 {padding-block-end: var(--size-3, 0.75rem)}
589
+ .p-block-end-4 {padding-block-end: var(--size-4, 1rem)}
590
+ .p-block-end-5 {padding-block-end: var(--size-5, 1.25rem)}
591
+ .p-block-end-6 {padding-block-end: var(--size-6, 1.5rem)}
592
+ .p-block-end-7 {padding-block-end: var(--size-7, 1.75rem)}
593
+ .p-block-end-8 {padding-block-end: var(--size-8, 2rem)}
594
+ .p-block-end-9 {padding-block-end: var(--size-9, 2.25rem)}
595
+ .p-block-end-half {padding-block-end: var(--size-half, 0.125rem)}
596
+ .p-block-end-quarter {padding-block-end: var(--size-quarter, 0.0625rem)}
597
+ .p-block-half {padding-block: var(--size-half, 0.125rem)}
598
+ .p-block-quarter {padding-block: var(--size-quarter, 0.0625rem)}
599
+ .p-block-start-0 {padding-block-start: var(--size-0, 0rem)}
600
+ .p-block-start-1 {padding-block-start: var(--size-1, 0.25rem)}
601
+ .p-block-start-10 {padding-block-start: var(--size-10, 2.5rem)}
602
+ .p-block-start-11 {padding-block-start: var(--size-11, 2.75rem)}
603
+ .p-block-start-12 {padding-block-start: var(--size-12, 3rem)}
604
+ .p-block-start-13 {padding-block-start: var(--size-13, 3.25rem)}
605
+ .p-block-start-14 {padding-block-start: var(--size-14, 3.5rem)}
606
+ .p-block-start-2 {padding-block-start: var(--size-2, 0.5rem)}
607
+ .p-block-start-3 {padding-block-start: var(--size-3, 0.75rem)}
608
+ .p-block-start-4 {padding-block-start: var(--size-4, 1rem)}
609
+ .p-block-start-5 {padding-block-start: var(--size-5, 1.25rem)}
610
+ .p-block-start-6 {padding-block-start: var(--size-6, 1.5rem)}
611
+ .p-block-start-7 {padding-block-start: var(--size-7, 1.75rem)}
612
+ .p-block-start-8 {padding-block-start: var(--size-8, 2rem)}
613
+ .p-block-start-9 {padding-block-start: var(--size-9, 2.25rem)}
614
+ .p-block-start-half {padding-block-start: var(--size-half, 0.125rem)}
615
+ .p-block-start-quarter {padding-block-start: var(--size-quarter, 0.0625rem)}
616
+ .p-half {padding: var(--size-half, 0.125rem)}
617
+ .p-inline-0 {padding-inline: var(--size-0, 0rem)}
618
+ .p-inline-1 {padding-inline: var(--size-1, 0.25rem)}
619
+ .p-inline-10 {padding-inline: var(--size-10, 2.5rem)}
620
+ .p-inline-11 {padding-inline: var(--size-11, 2.75rem)}
621
+ .p-inline-12 {padding-inline: var(--size-12, 3rem)}
622
+ .p-inline-13 {padding-inline: var(--size-13, 3.25rem)}
623
+ .p-inline-14 {padding-inline: var(--size-14, 3.5rem)}
624
+ .p-inline-2 {padding-inline: var(--size-2, 0.5rem)}
625
+ .p-inline-3 {padding-inline: var(--size-3, 0.75rem)}
626
+ .p-inline-4 {padding-inline: var(--size-4, 1rem)}
627
+ .p-inline-5 {padding-inline: var(--size-5, 1.25rem)}
628
+ .p-inline-6 {padding-inline: var(--size-6, 1.5rem)}
629
+ .p-inline-7 {padding-inline: var(--size-7, 1.75rem)}
630
+ .p-inline-8 {padding-inline: var(--size-8, 2rem)}
631
+ .p-inline-9 {padding-inline: var(--size-9, 2.25rem)}
632
+ .p-inline-end-0 {padding-inline-end: var(--size-0, 0rem)}
633
+ .p-inline-end-1 {padding-inline-end: var(--size-1, 0.25rem)}
634
+ .p-inline-end-10 {padding-inline-end: var(--size-10, 2.5rem)}
635
+ .p-inline-end-11 {padding-inline-end: var(--size-11, 2.75rem)}
636
+ .p-inline-end-12 {padding-inline-end: var(--size-12, 3rem)}
637
+ .p-inline-end-13 {padding-inline-end: var(--size-13, 3.25rem)}
638
+ .p-inline-end-14 {padding-inline-end: var(--size-14, 3.5rem)}
639
+ .p-inline-end-2 {padding-inline-end: var(--size-2, 0.5rem)}
640
+ .p-inline-end-3 {padding-inline-end: var(--size-3, 0.75rem)}
641
+ .p-inline-end-4 {padding-inline-end: var(--size-4, 1rem)}
642
+ .p-inline-end-5 {padding-inline-end: var(--size-5, 1.25rem)}
643
+ .p-inline-end-6 {padding-inline-end: var(--size-6, 1.5rem)}
644
+ .p-inline-end-7 {padding-inline-end: var(--size-7, 1.75rem)}
645
+ .p-inline-end-8 {padding-inline-end: var(--size-8, 2rem)}
646
+ .p-inline-end-9 {padding-inline-end: var(--size-9, 2.25rem)}
647
+ .p-inline-end-half {padding-inline-end: var(--size-half, 0.125rem)}
648
+ .p-inline-end-quarter {padding-inline-end: var(--size-quarter, 0.0625rem)}
649
+ .p-inline-half {padding-inline: var(--size-half, 0.125rem)}
650
+ .p-inline-quarter {padding-inline: var(--size-quarter, 0.0625rem)}
651
+ .p-inline-start-0 {padding-inline-start: var(--size-0, 0rem)}
652
+ .p-inline-start-1 {padding-inline-start: var(--size-1, 0.25rem)}
653
+ .p-inline-start-10 {padding-inline-start: var(--size-10, 2.5rem)}
654
+ .p-inline-start-11 {padding-inline-start: var(--size-11, 2.75rem)}
655
+ .p-inline-start-12 {padding-inline-start: var(--size-12, 3rem)}
656
+ .p-inline-start-13 {padding-inline-start: var(--size-13, 3.25rem)}
657
+ .p-inline-start-14 {padding-inline-start: var(--size-14, 3.5rem)}
658
+ .p-inline-start-2 {padding-inline-start: var(--size-2, 0.5rem)}
659
+ .p-inline-start-3 {padding-inline-start: var(--size-3, 0.75rem)}
660
+ .p-inline-start-4 {padding-inline-start: var(--size-4, 1rem)}
661
+ .p-inline-start-5 {padding-inline-start: var(--size-5, 1.25rem)}
662
+ .p-inline-start-6 {padding-inline-start: var(--size-6, 1.5rem)}
663
+ .p-inline-start-7 {padding-inline-start: var(--size-7, 1.75rem)}
664
+ .p-inline-start-8 {padding-inline-start: var(--size-8, 2rem)}
665
+ .p-inline-start-9 {padding-inline-start: var(--size-9, 2.25rem)}
666
+ .p-inline-start-half {padding-inline-start: var(--size-half, 0.125rem)}
667
+ .p-inline-start-quarter {padding-inline-start: var(--size-quarter, 0.0625rem)}
668
+ .p-quarter {padding: var(--size-quarter, 0.0625rem)}
669
+ .sr-only {border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding-block: 0; padding-inline: 0; position: absolute; white-space: nowrap; width: 1px;}
670
+ .bg-danger-default {background-color: var(--background-color-danger, #e13212)}
671
+ .bg-danger-subdued {background-color: var(--background-color-danger-subdued, #ffece9)}
672
+ .bg-default {background-color: var(--background-color, #ffffff)}
673
+ .bg-disabled {background-color: var(--background-color-disabled, #606162)}
674
+ .bg-inverted-default {background-color: var(--background-color-inverted, #2d2e31)}
675
+ .bg-inverted-strong {background-color: var(--background-color-inverted-strong, #141414)}
676
+ .bg-overlay-active-danger {background-color: var(--overlay-color-active-danger, #e132124D)}
677
+ .bg-overlay-active-default {background-color: var(--overlay-color-active, #14141429)}
678
+ .bg-overlay-active-on-danger {background-color: var(--overlay-color-active-on-danger, #14141466)}
679
+ .bg-overlay-active-on-default {background-color: var(--overlay-color-active-on, #14141429)}
680
+ .bg-overlay-active-on-primary {background-color: var(--overlay-color-active-on-primary, #14141466)}
681
+ .bg-overlay-active-primary {background-color: var(--overlay-color-active-primary, #0265DC4D)}
682
+ .bg-overlay-hover-danger {background-color: var(--overlay-color-hover-danger, #e132121A)}
683
+ .bg-overlay-hover-default {background-color: var(--overlay-color-hover, #14141414)}
684
+ .bg-overlay-hover-on-danger {background-color: var(--overlay-color-hover-on-danger, #14141433)}
685
+ .bg-overlay-hover-on-default {background-color: var(--overlay-color-hover-on, #14141414)}
686
+ .bg-overlay-hover-on-primary {background-color: var(--overlay-color-hover-on-primary, #14141433)}
687
+ .bg-overlay-hover-primary {background-color: var(--overlay-color-hover-primary, #0265DC1A)}
688
+ .bg-primary-default {background-color: var(--background-color-primary, #0265DC)}
689
+ .bg-primary-subdued {background-color: var(--background-color-primary-subdued, #E0F2FF)}
690
+ .bg-status-danger {background-color: var(--status-color-danger, #e13212)}
691
+ .bg-status-info {background-color: var(--status-color-info, #0265DC)}
692
+ .bg-status-success {background-color: var(--status-color-success, #007A4D)}
693
+ .bg-status-warning {background-color: var(--status-color-warning, #ffbe00)}
694
+ .bg-strong {background-color: var(--background-color-strong, #f7f7f7)}
695
+ .bg-stronger {background-color: var(--background-color-stronger, #eeeeee)}
696
+ .bg-strongest {background-color: var(--background-color-strongest, #bcbcbd)}
697
+ .bg-success-default {background-color: var(--background-color-success, #007A4D)}
698
+ .bg-success-subdued {background-color: var(--background-color-success-subdued, #CEF8E0)}
699
+ .bg-warning-default {background-color: var(--background-color-warning, #ffbe00)}
700
+ .border-color-danger {border-color: var(--border-color-danger, #e13212)}
701
+ .border-color-default {border-color: var(--border-color, #949596)}
702
+ .border-color-primary {border-color: var(--border-color-primary, #0265DC)}
703
+ .border-color-status-info {border-color: var(--status-color-info, #0265DC)}
704
+ .border-color-status-success {border-color: var(--status-color-success, #007A4D)}
705
+ .border-color-status-warning {border-color: var(--status-color-warning, #ffbe00)}
706
+ .border-color-strong {border-color: var(--border-color-strong, #444445)}
707
+ .border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
708
+ .border-color-success {border-color: var(--border-color-success, #007A4D)}
709
+ .c-active-danger {color: var(--foreground-color-active-danger, #bf2a00)}
710
+ .c-active-primary {color: var(--foreground-color-active-primary, #004491)}
711
+ .c-danger {color: var(--foreground-color-danger, #e13212)}
712
+ .c-default {color: var(--foreground-color, #141414)}
713
+ .c-hover-danger {color: var(--foreground-color-hover-danger, #bf2a00)}
714
+ .c-hover-primary {color: var(--foreground-color-hover-primary, #004491)}
715
+ .c-inverted {color: var(--foreground-color-inverted, #ffffff)}
716
+ .c-on-danger-default {color: var(--foreground-color-on-danger, #ffffff)}
717
+ .c-on-danger-subdued {color: var(--foreground-color-on-danger-subdued, #bf2a00)}
718
+ .c-on-primary {color: var(--foreground-color-on-primary, #ffffff)}
719
+ .c-on-warning {color: var(--foreground-color-on-warning, #141414)}
720
+ .c-primary {color: var(--foreground-color-primary, #0265DC)}
721
+ .c-status-danger {color: var(--status-color-danger, #e13212)}
722
+ .c-status-info {color: var(--status-color-info, #0265DC)}
723
+ .c-status-success {color: var(--status-color-success, #007A4D)}
724
+ .c-status-warning {color: var(--status-color-warning, #ffbe00)}
725
+ .c-subdued {color: var(--foreground-color-subdued, #737475)}
726
+
727
+ @supports (color: light-dark(#fff, #000)) {
728
+ .bg-danger-default {background-color: var(--background-color-danger, light-dark(#e13212, #ff745f))}
729
+ .bg-danger-subdued {background-color: var(--background-color-danger-subdued, light-dark(#ffece9, #ff745f33))}
730
+ .bg-default {background-color: var(--background-color, light-dark(#ffffff, #141414))}
731
+ .bg-disabled {background-color: var(--background-color-disabled, light-dark(#606162, #606162))}
732
+ .bg-inverted-default {background-color: var(--background-color-inverted, light-dark(#2d2e31, #fafafa))}
733
+ .bg-inverted-strong {background-color: var(--background-color-inverted-strong, light-dark(#141414, #ffffff))}
734
+ .bg-overlay-active-danger {background-color: var(--overlay-color-active-danger, light-dark(#e132124D, #f94d3240))}
735
+ .bg-overlay-active-default {background-color: var(--overlay-color-active, light-dark(#14141429, #ffffff29))}
736
+ .bg-overlay-active-on-danger {background-color: var(--overlay-color-active-on-danger, light-dark(#14141466, #14141429))}
737
+ .bg-overlay-active-on-default {background-color: var(--overlay-color-active-on, light-dark(#14141429, #14141429))}
738
+ .bg-overlay-active-on-primary {background-color: var(--overlay-color-active-on-primary, light-dark(#14141466, #14141429))}
739
+ .bg-overlay-active-primary {background-color: var(--overlay-color-active-primary, light-dark(#0265DC4D, #78BBFA40))}
740
+ .bg-overlay-hover-danger {background-color: var(--overlay-color-hover-danger, light-dark(#e132121A, #f94d3226))}
741
+ .bg-overlay-hover-default {background-color: var(--overlay-color-hover, light-dark(#14141414, #ffffff14))}
742
+ .bg-overlay-hover-on-danger {background-color: var(--overlay-color-hover-on-danger, light-dark(#14141433, #ffffff29))}
743
+ .bg-overlay-hover-on-default {background-color: var(--overlay-color-hover-on, light-dark(#14141414, #ffffff14))}
744
+ .bg-overlay-hover-on-primary {background-color: var(--overlay-color-hover-on-primary, light-dark(#14141433, #ffffff29))}
745
+ .bg-overlay-hover-primary {background-color: var(--overlay-color-hover-primary, light-dark(#0265DC1A, #78BBFA1A))}
746
+ .bg-primary-default {background-color: var(--background-color-primary, light-dark(#0265DC, #78BBFA))}
747
+ .bg-primary-subdued {background-color: var(--background-color-primary-subdued, light-dark(#E0F2FF, #78BBFA33))}
748
+ .bg-status-danger {background-color: var(--status-color-danger, light-dark(#e13212, #ff745f))}
749
+ .bg-status-info {background-color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
750
+ .bg-status-success {background-color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
751
+ .bg-status-warning {background-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
752
+ .bg-strong {background-color: var(--background-color-strong, light-dark(#f7f7f7, #2d2e31))}
753
+ .bg-stronger {background-color: var(--background-color-stronger, light-dark(#eeeeee, #444445))}
754
+ .bg-strongest {background-color: var(--background-color-strongest, light-dark(#bcbcbd, #737475))}
755
+ .bg-success-default {background-color: var(--background-color-success, light-dark(#007A4D, #49CC93))}
756
+ .bg-success-subdued {background-color: var(--background-color-success-subdued, light-dark(#CEF8E0, #49CC9333))}
757
+ .bg-warning-default {background-color: var(--background-color-warning, light-dark(#ffbe00, #ffe278))}
758
+ .border-color-danger {border-color: var(--border-color-danger, light-dark(#e13212, #ff745f))}
759
+ .border-color-default {border-color: var(--border-color, light-dark(#949596, #606162))}
760
+ .border-color-primary {border-color: var(--border-color-primary, light-dark(#0265DC, #78BBFA))}
761
+ .border-color-status-info {border-color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
762
+ .border-color-status-success {border-color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
763
+ .border-color-status-warning {border-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
764
+ .border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
765
+ .border-color-subdued {border-color: var(--border-color-subdued, light-dark(#dfe0e1, #444445))}
766
+ .border-color-success {border-color: var(--border-color-success, light-dark(#007A4D, #49CC93))}
767
+ .c-active-danger {color: var(--foreground-color-active-danger, light-dark(#bf2a00, #ff745f))}
768
+ .c-active-primary {color: var(--foreground-color-active-primary, light-dark(#004491, #B5DEFF))}
769
+ .c-danger {color: var(--foreground-color-danger, light-dark(#e13212, #ff745f))}
770
+ .c-default {color: var(--foreground-color, light-dark(#141414, #ffffff))}
771
+ .c-hover-danger {color: var(--foreground-color-hover-danger, light-dark(#bf2a00, #ff745f))}
772
+ .c-hover-primary {color: var(--foreground-color-hover-primary, light-dark(#004491, #B5DEFF))}
773
+ .c-inverted {color: var(--foreground-color-inverted, light-dark(#ffffff, #141414))}
774
+ .c-on-danger-default {color: var(--foreground-color-on-danger, light-dark(#ffffff, #141414))}
775
+ .c-on-danger-subdued {color: var(--foreground-color-on-danger-subdued, light-dark(#bf2a00, #ffffff))}
776
+ .c-on-primary {color: var(--foreground-color-on-primary, light-dark(#ffffff, #141414))}
777
+ .c-on-warning {color: var(--foreground-color-on-warning, light-dark(#141414, #141414))}
778
+ .c-primary {color: var(--foreground-color-primary, light-dark(#0265DC, #78BBFA))}
779
+ .c-status-danger {color: var(--status-color-danger, light-dark(#e13212, #ff745f))}
780
+ .c-status-info {color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
781
+ .c-status-success {color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
782
+ .c-status-warning {color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
783
+ .c-subdued {color: var(--foreground-color-subdued, light-dark(#737475, #bcbcbd))}
784
+ }
785
+ }