@servicetitan/hammer-token 2.5.2 → 3.0.1

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 (146) hide show
  1. package/CHANGELOG.md +52 -2
  2. package/README.md +332 -0
  3. package/build/web/core/component-variables.scss +1088 -131
  4. package/build/web/core/component.d.ts +558 -0
  5. package/build/web/core/component.js +6685 -249
  6. package/build/web/core/component.scss +557 -69
  7. package/build/web/core/css-utils/a2-border.css +23 -51
  8. package/build/web/core/css-utils/a2-color.css +221 -233
  9. package/build/web/core/css-utils/a2-font.css +1 -29
  10. package/build/web/core/css-utils/a2-spacing.css +238 -483
  11. package/build/web/core/css-utils/a2-utils.css +496 -781
  12. package/build/web/core/css-utils/border.css +23 -51
  13. package/build/web/core/css-utils/color.css +221 -233
  14. package/build/web/core/css-utils/font.css +1 -29
  15. package/build/web/core/css-utils/spacing.css +238 -483
  16. package/build/web/core/css-utils/utils.css +496 -781
  17. package/build/web/core/index.d.ts +6 -0
  18. package/build/web/core/index.js +1 -1
  19. package/build/web/core/primitive-variables.scss +148 -65
  20. package/build/web/core/primitive.d.ts +209 -0
  21. package/build/web/core/primitive.js +779 -61
  22. package/build/web/core/primitive.scss +207 -124
  23. package/build/web/core/semantic-variables.scss +363 -245
  24. package/build/web/core/semantic.d.ts +221 -0
  25. package/build/web/core/semantic.js +1592 -347
  26. package/build/web/core/semantic.scss +219 -140
  27. package/build/web/index.d.ts +3 -4
  28. package/build/web/types.d.ts +17 -0
  29. package/config.js +121 -496
  30. package/eslint.config.mjs +11 -1
  31. package/package.json +15 -5
  32. package/src/global/primitive/breakpoint.tokens.json +54 -0
  33. package/src/global/primitive/color.tokens.json +1092 -0
  34. package/src/global/primitive/duration.tokens.json +44 -0
  35. package/src/global/primitive/font.tokens.json +151 -0
  36. package/src/global/primitive/radius.tokens.json +94 -0
  37. package/src/global/primitive/size.tokens.json +174 -0
  38. package/src/global/primitive/transition.tokens.json +32 -0
  39. package/src/theme/core/background.tokens.json +1312 -0
  40. package/src/theme/core/border.tokens.json +192 -0
  41. package/src/theme/core/chart.tokens.json +982 -0
  42. package/src/theme/core/component/ai-mark.tokens.json +20 -0
  43. package/src/theme/core/component/alert.tokens.json +261 -0
  44. package/src/theme/core/component/announcement.tokens.json +460 -0
  45. package/src/theme/core/component/avatar.tokens.json +137 -0
  46. package/src/theme/core/component/badge.tokens.json +42 -0
  47. package/src/theme/core/component/breadcrumb.tokens.json +42 -0
  48. package/src/theme/core/component/button-toggle.tokens.json +428 -0
  49. package/src/theme/core/component/button.tokens.json +941 -0
  50. package/src/theme/core/component/calendar.tokens.json +391 -0
  51. package/src/theme/core/component/card.tokens.json +107 -0
  52. package/src/theme/core/component/checkbox.tokens.json +631 -0
  53. package/src/theme/core/component/chip.tokens.json +169 -0
  54. package/src/theme/core/component/combobox.tokens.json +269 -0
  55. package/src/theme/core/component/details.tokens.json +152 -0
  56. package/src/theme/core/component/dialog.tokens.json +87 -0
  57. package/src/theme/core/component/divider.tokens.json +23 -0
  58. package/src/theme/core/component/dnd.tokens.json +208 -0
  59. package/src/theme/core/component/drawer.tokens.json +61 -0
  60. package/src/theme/core/component/drilldown.tokens.json +61 -0
  61. package/src/theme/core/component/edit-card.tokens.json +381 -0
  62. package/src/theme/core/component/field-label.tokens.json +42 -0
  63. package/src/theme/core/component/field-message.tokens.json +65 -0
  64. package/src/theme/core/component/icon.tokens.json +42 -0
  65. package/src/theme/core/component/link.tokens.json +108 -0
  66. package/src/theme/core/component/list-view.tokens.json +82 -0
  67. package/src/theme/core/component/listbox.tokens.json +283 -0
  68. package/src/theme/core/component/menu.tokens.json +230 -0
  69. package/src/theme/core/component/overflow.tokens.json +84 -0
  70. package/src/theme/core/component/page.tokens.json +377 -0
  71. package/src/theme/core/component/pagination.tokens.json +63 -0
  72. package/src/theme/core/component/popover.tokens.json +122 -0
  73. package/src/theme/core/component/progress-bar.tokens.json +133 -0
  74. package/src/theme/core/component/radio.tokens.json +631 -0
  75. package/src/theme/core/component/segmented-control.tokens.json +175 -0
  76. package/src/theme/core/component/select-card.tokens.json +943 -0
  77. package/src/theme/core/component/side-nav.tokens.json +349 -0
  78. package/src/theme/core/component/skeleton.tokens.json +42 -0
  79. package/src/theme/core/component/spinner.tokens.json +96 -0
  80. package/src/theme/core/component/status-icon.tokens.json +164 -0
  81. package/src/theme/core/component/stepper.tokens.json +484 -0
  82. package/src/theme/core/component/switch.tokens.json +285 -0
  83. package/src/theme/core/component/tab.tokens.json +192 -0
  84. package/src/theme/core/component/text-field.tokens.json +160 -0
  85. package/src/theme/core/component/text.tokens.json +59 -0
  86. package/src/theme/core/component/toast.tokens.json +343 -0
  87. package/src/theme/core/component/toolbar.tokens.json +114 -0
  88. package/src/theme/core/component/tooltip.tokens.json +61 -0
  89. package/src/theme/core/focus.tokens.json +56 -0
  90. package/src/theme/core/foreground.tokens.json +416 -0
  91. package/src/theme/core/gradient.tokens.json +41 -0
  92. package/src/theme/core/opacity.tokens.json +25 -0
  93. package/src/theme/core/shadow.tokens.json +81 -0
  94. package/src/theme/core/status.tokens.json +74 -0
  95. package/src/theme/core/typography.tokens.json +163 -0
  96. package/src/utils/__tests__/css-utils-format-utils.test.js +312 -0
  97. package/src/utils/__tests__/sd-build-configs.test.js +306 -0
  98. package/src/utils/__tests__/sd-formats.test.js +942 -0
  99. package/src/utils/__tests__/sd-transforms.test.js +336 -0
  100. package/src/utils/__tests__/token-helpers.test.js +1160 -0
  101. package/src/utils/copy-css-utils-cli.js +13 -1
  102. package/src/utils/css-utils-format-utils.js +105 -176
  103. package/src/utils/figma/__tests__/sync-gradient.test.js +561 -0
  104. package/src/utils/figma/__tests__/token-conversion.test.js +117 -0
  105. package/src/utils/figma/__tests__/token-resolution.test.js +231 -0
  106. package/src/utils/figma/auth.js +355 -0
  107. package/src/utils/figma/constants.js +22 -0
  108. package/src/utils/figma/errors.js +80 -0
  109. package/src/utils/figma/figma-api.js +1069 -0
  110. package/src/utils/figma/get-token.js +348 -0
  111. package/src/utils/figma/sync-components.js +909 -0
  112. package/src/utils/figma/sync-main.js +692 -0
  113. package/src/utils/figma/sync-orchestration.js +683 -0
  114. package/src/utils/figma/sync-primitives.js +230 -0
  115. package/src/utils/figma/sync-semantic.js +1056 -0
  116. package/src/utils/figma/token-conversion.js +340 -0
  117. package/src/utils/figma/token-parsing.js +186 -0
  118. package/src/utils/figma/token-resolution.js +569 -0
  119. package/src/utils/figma/utils.js +199 -0
  120. package/src/utils/sd-build-configs.js +305 -0
  121. package/src/utils/sd-formats.js +948 -0
  122. package/src/utils/sd-transforms.js +165 -0
  123. package/src/utils/token-helpers.js +848 -0
  124. package/tsconfig.json +18 -0
  125. package/vitest.config.js +17 -0
  126. package/.turbo/turbo-build.log +0 -37
  127. package/build/web/core/raw.js +0 -234
  128. package/src/global/primitive/breakpoint.js +0 -19
  129. package/src/global/primitive/color.js +0 -231
  130. package/src/global/primitive/duration.js +0 -16
  131. package/src/global/primitive/font.js +0 -60
  132. package/src/global/primitive/radius.js +0 -31
  133. package/src/global/primitive/size.js +0 -55
  134. package/src/global/primitive/transition.js +0 -16
  135. package/src/theme/core/background.js +0 -170
  136. package/src/theme/core/border.js +0 -103
  137. package/src/theme/core/charts.js +0 -464
  138. package/src/theme/core/component/button.js +0 -708
  139. package/src/theme/core/component/checkbox.js +0 -405
  140. package/src/theme/core/focus.js +0 -35
  141. package/src/theme/core/foreground.js +0 -148
  142. package/src/theme/core/overlay.js +0 -137
  143. package/src/theme/core/shadow.js +0 -29
  144. package/src/theme/core/status.js +0 -49
  145. package/src/theme/core/typography.js +0 -82
  146. package/type/types.ts +0 -344
package/build/web/core/css-utils/utils.css CHANGED
@@ -1,785 +1,500 @@
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)}
1
+ .border-color-danger {border-color: var(--a2-border-color-danger, var(--a2-color-red-600, #d62100))}
2
+ .border-color-default {border-color: var(--a2-border-color-default, var(--a2-color-neutral-400, #8b8b8b))}
3
+ .border-color-primary {border-color: var(--a2-border-color-primary, var(--a2-color-blue-600, #0265dc))}
4
+ .border-color-strong {border-color: var(--a2-border-color-strong, var(--a2-color-neutral-700, #404040))}
5
+ .border-color-subdued {border-color: var(--a2-border-color-subdued, var(--a2-color-neutral-80, #e6e6e6))}
6
+ .border-color-success {border-color: var(--a2-border-color-success, var(--a2-color-green-600, #077e50))}
7
+ .border-color-warning {border-color: var(--a2-border-color-warning, var(--a2-color-yellow-700, #c98600))}
8
+ .border-radius-circular {border-radius: var(--a2-border-radius-circular, 100%)}
9
+ .border-radius-large {border-radius: var(--a2-border-radius-large, var(--a2-radius-4, 0.75rem))}
10
+ .border-radius-medium {border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem))}
11
+ .border-radius-none {border-radius: var(--a2-border-radius-none, var(--a2-radius-0, 0rem))}
12
+ .border-radius-small {border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem))}
13
+ .border-radius-xlarge {border-radius: var(--a2-border-radius-xlarge, var(--a2-radius-8, 1.5rem))}
14
+ .border-width-default {border-width: var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem))}
15
+ .border-width-none {border-width: var(--a2-border-width-none, var(--a2-size-0, 0rem))}
16
+ .border-width-strong {border-width: var(--a2-border-width-strong, var(--a2-size-half, 0.125rem))}
17
+ .ff-heading {font-family: var(--a2-font-family-display, 'Sofia Pro', SofiaPro, sans-serif)}
18
+ .ff-label {font-family: var(--a2-font-family-base, 'Nunito Sans', sans-serif)}
19
+ .ff-paragraph {font-family: var(--a2-font-family-base, 'Nunito Sans', sans-serif)}
20
+ .fs-heading-default {font-size: var(--a2-font-size-500, 1.25rem)}
21
+ .fs-heading-large {font-size: var(--a2-font-size-600, 1.5rem)}
22
+ .fs-heading-small {font-size: var(--a2-font-size-400, 1rem)}
23
+ .fs-heading-xlarge {font-size: var(--a2-font-size-800, 2rem)}
24
+ .fs-heading-xsmall {font-size: var(--a2-font-size-300, 0.875rem)}
25
+ .fs-label-default {font-size: var(--a2-font-size-300, 0.875rem)}
26
+ .fs-label-large {font-size: var(--a2-font-size-400, 1rem)}
27
+ .fs-label-small {font-size: var(--a2-font-size-200, 0.75rem)}
28
+ .fs-label-xlarge {font-size: var(--a2-font-size-500, 1.25rem)}
29
+ .fs-label-xsmall {font-size: var(--a2-font-size-100, 0.625rem)}
30
+ .fs-paragraph-default {font-size: var(--a2-font-size-400, 1rem)}
31
+ .fs-paragraph-large {font-size: var(--a2-font-size-500, 1.25rem)}
32
+ .fs-paragraph-small {font-size: var(--a2-font-size-300, 0.875rem)}
33
+ .fs-paragraph-xlarge {font-size: var(--a2-font-size-600, 1.5rem)}
34
+ .fs-paragraph-xsmall {font-size: var(--a2-font-size-200, 0.75rem)}
35
+ .fw-heading {font-weight: var(--a2-font-weight-bold, 700)}
36
+ .fw-label {font-weight: var(--a2-font-weight-semibold, 600)}
37
+ .fw-paragraph {font-weight: var(--a2-font-weight-normal, 400)}
38
+ .m-0 {margin: var(--a2-size-0, 0rem)}
39
+ .m-1 {margin: var(--a2-size-1, 0.25rem)}
40
+ .m-10 {margin: var(--a2-size-10, 2.5rem)}
41
+ .m-11 {margin: var(--a2-size-11, 2.75rem)}
42
+ .m-12 {margin: var(--a2-size-12, 3rem)}
43
+ .m-13 {margin: var(--a2-size-13, 3.25rem)}
44
+ .m-14 {margin: var(--a2-size-14, 3.5rem)}
45
+ .m-2 {margin: var(--a2-size-2, 0.5rem)}
46
+ .m-3 {margin: var(--a2-size-3, 0.75rem)}
47
+ .m-4 {margin: var(--a2-size-4, 1rem)}
48
+ .m-5 {margin: var(--a2-size-5, 1.25rem)}
49
+ .m-6 {margin: var(--a2-size-6, 1.5rem)}
50
+ .m-7 {margin: var(--a2-size-7, 1.75rem)}
51
+ .m-8 {margin: var(--a2-size-8, 2rem)}
52
+ .m-9 {margin: var(--a2-size-9, 2.25rem)}
53
+ .m-block-0 {margin-block: var(--a2-size-0, 0rem)}
54
+ .m-block-1 {margin-block: var(--a2-size-1, 0.25rem)}
55
+ .m-block-10 {margin-block: var(--a2-size-10, 2.5rem)}
56
+ .m-block-11 {margin-block: var(--a2-size-11, 2.75rem)}
57
+ .m-block-12 {margin-block: var(--a2-size-12, 3rem)}
58
+ .m-block-13 {margin-block: var(--a2-size-13, 3.25rem)}
59
+ .m-block-14 {margin-block: var(--a2-size-14, 3.5rem)}
60
+ .m-block-2 {margin-block: var(--a2-size-2, 0.5rem)}
61
+ .m-block-3 {margin-block: var(--a2-size-3, 0.75rem)}
62
+ .m-block-4 {margin-block: var(--a2-size-4, 1rem)}
63
+ .m-block-5 {margin-block: var(--a2-size-5, 1.25rem)}
64
+ .m-block-6 {margin-block: var(--a2-size-6, 1.5rem)}
65
+ .m-block-7 {margin-block: var(--a2-size-7, 1.75rem)}
66
+ .m-block-8 {margin-block: var(--a2-size-8, 2rem)}
67
+ .m-block-9 {margin-block: var(--a2-size-9, 2.25rem)}
68
+ .m-block-end-0 {margin-block-end: var(--a2-size-0, 0rem)}
69
+ .m-block-end-1 {margin-block-end: var(--a2-size-1, 0.25rem)}
70
+ .m-block-end-10 {margin-block-end: var(--a2-size-10, 2.5rem)}
71
+ .m-block-end-11 {margin-block-end: var(--a2-size-11, 2.75rem)}
72
+ .m-block-end-12 {margin-block-end: var(--a2-size-12, 3rem)}
73
+ .m-block-end-13 {margin-block-end: var(--a2-size-13, 3.25rem)}
74
+ .m-block-end-14 {margin-block-end: var(--a2-size-14, 3.5rem)}
75
+ .m-block-end-2 {margin-block-end: var(--a2-size-2, 0.5rem)}
76
+ .m-block-end-3 {margin-block-end: var(--a2-size-3, 0.75rem)}
77
+ .m-block-end-4 {margin-block-end: var(--a2-size-4, 1rem)}
78
+ .m-block-end-5 {margin-block-end: var(--a2-size-5, 1.25rem)}
79
+ .m-block-end-6 {margin-block-end: var(--a2-size-6, 1.5rem)}
80
+ .m-block-end-7 {margin-block-end: var(--a2-size-7, 1.75rem)}
81
+ .m-block-end-8 {margin-block-end: var(--a2-size-8, 2rem)}
82
+ .m-block-end-9 {margin-block-end: var(--a2-size-9, 2.25rem)}
83
+ .m-block-end-half {margin-block-end: var(--a2-size-half, 0.125rem)}
84
+ .m-block-end-quarter {margin-block-end: var(--a2-size-quarter, 0.0625rem)}
85
+ .m-block-half {margin-block: var(--a2-size-half, 0.125rem)}
86
+ .m-block-quarter {margin-block: var(--a2-size-quarter, 0.0625rem)}
87
+ .m-block-start-0 {margin-block-start: var(--a2-size-0, 0rem)}
88
+ .m-block-start-1 {margin-block-start: var(--a2-size-1, 0.25rem)}
89
+ .m-block-start-10 {margin-block-start: var(--a2-size-10, 2.5rem)}
90
+ .m-block-start-11 {margin-block-start: var(--a2-size-11, 2.75rem)}
91
+ .m-block-start-12 {margin-block-start: var(--a2-size-12, 3rem)}
92
+ .m-block-start-13 {margin-block-start: var(--a2-size-13, 3.25rem)}
93
+ .m-block-start-14 {margin-block-start: var(--a2-size-14, 3.5rem)}
94
+ .m-block-start-2 {margin-block-start: var(--a2-size-2, 0.5rem)}
95
+ .m-block-start-3 {margin-block-start: var(--a2-size-3, 0.75rem)}
96
+ .m-block-start-4 {margin-block-start: var(--a2-size-4, 1rem)}
97
+ .m-block-start-5 {margin-block-start: var(--a2-size-5, 1.25rem)}
98
+ .m-block-start-6 {margin-block-start: var(--a2-size-6, 1.5rem)}
99
+ .m-block-start-7 {margin-block-start: var(--a2-size-7, 1.75rem)}
100
+ .m-block-start-8 {margin-block-start: var(--a2-size-8, 2rem)}
101
+ .m-block-start-9 {margin-block-start: var(--a2-size-9, 2.25rem)}
102
+ .m-block-start-half {margin-block-start: var(--a2-size-half, 0.125rem)}
103
+ .m-block-start-quarter {margin-block-start: var(--a2-size-quarter, 0.0625rem)}
104
+ .m-half {margin: var(--a2-size-half, 0.125rem)}
105
+ .m-inline-0 {margin-inline: var(--a2-size-0, 0rem)}
106
+ .m-inline-1 {margin-inline: var(--a2-size-1, 0.25rem)}
107
+ .m-inline-10 {margin-inline: var(--a2-size-10, 2.5rem)}
108
+ .m-inline-11 {margin-inline: var(--a2-size-11, 2.75rem)}
109
+ .m-inline-12 {margin-inline: var(--a2-size-12, 3rem)}
110
+ .m-inline-13 {margin-inline: var(--a2-size-13, 3.25rem)}
111
+ .m-inline-14 {margin-inline: var(--a2-size-14, 3.5rem)}
112
+ .m-inline-2 {margin-inline: var(--a2-size-2, 0.5rem)}
113
+ .m-inline-3 {margin-inline: var(--a2-size-3, 0.75rem)}
114
+ .m-inline-4 {margin-inline: var(--a2-size-4, 1rem)}
115
+ .m-inline-5 {margin-inline: var(--a2-size-5, 1.25rem)}
116
+ .m-inline-6 {margin-inline: var(--a2-size-6, 1.5rem)}
117
+ .m-inline-7 {margin-inline: var(--a2-size-7, 1.75rem)}
118
+ .m-inline-8 {margin-inline: var(--a2-size-8, 2rem)}
119
+ .m-inline-9 {margin-inline: var(--a2-size-9, 2.25rem)}
120
+ .m-inline-end-0 {margin-inline-end: var(--a2-size-0, 0rem)}
121
+ .m-inline-end-1 {margin-inline-end: var(--a2-size-1, 0.25rem)}
122
+ .m-inline-end-10 {margin-inline-end: var(--a2-size-10, 2.5rem)}
123
+ .m-inline-end-11 {margin-inline-end: var(--a2-size-11, 2.75rem)}
124
+ .m-inline-end-12 {margin-inline-end: var(--a2-size-12, 3rem)}
125
+ .m-inline-end-13 {margin-inline-end: var(--a2-size-13, 3.25rem)}
126
+ .m-inline-end-14 {margin-inline-end: var(--a2-size-14, 3.5rem)}
127
+ .m-inline-end-2 {margin-inline-end: var(--a2-size-2, 0.5rem)}
128
+ .m-inline-end-3 {margin-inline-end: var(--a2-size-3, 0.75rem)}
129
+ .m-inline-end-4 {margin-inline-end: var(--a2-size-4, 1rem)}
130
+ .m-inline-end-5 {margin-inline-end: var(--a2-size-5, 1.25rem)}
131
+ .m-inline-end-6 {margin-inline-end: var(--a2-size-6, 1.5rem)}
132
+ .m-inline-end-7 {margin-inline-end: var(--a2-size-7, 1.75rem)}
133
+ .m-inline-end-8 {margin-inline-end: var(--a2-size-8, 2rem)}
134
+ .m-inline-end-9 {margin-inline-end: var(--a2-size-9, 2.25rem)}
135
+ .m-inline-end-half {margin-inline-end: var(--a2-size-half, 0.125rem)}
136
+ .m-inline-end-quarter {margin-inline-end: var(--a2-size-quarter, 0.0625rem)}
137
+ .m-inline-half {margin-inline: var(--a2-size-half, 0.125rem)}
138
+ .m-inline-quarter {margin-inline: var(--a2-size-quarter, 0.0625rem)}
139
+ .m-inline-start-0 {margin-inline-start: var(--a2-size-0, 0rem)}
140
+ .m-inline-start-1 {margin-inline-start: var(--a2-size-1, 0.25rem)}
141
+ .m-inline-start-10 {margin-inline-start: var(--a2-size-10, 2.5rem)}
142
+ .m-inline-start-11 {margin-inline-start: var(--a2-size-11, 2.75rem)}
143
+ .m-inline-start-12 {margin-inline-start: var(--a2-size-12, 3rem)}
144
+ .m-inline-start-13 {margin-inline-start: var(--a2-size-13, 3.25rem)}
145
+ .m-inline-start-14 {margin-inline-start: var(--a2-size-14, 3.5rem)}
146
+ .m-inline-start-2 {margin-inline-start: var(--a2-size-2, 0.5rem)}
147
+ .m-inline-start-3 {margin-inline-start: var(--a2-size-3, 0.75rem)}
148
+ .m-inline-start-4 {margin-inline-start: var(--a2-size-4, 1rem)}
149
+ .m-inline-start-5 {margin-inline-start: var(--a2-size-5, 1.25rem)}
150
+ .m-inline-start-6 {margin-inline-start: var(--a2-size-6, 1.5rem)}
151
+ .m-inline-start-7 {margin-inline-start: var(--a2-size-7, 1.75rem)}
152
+ .m-inline-start-8 {margin-inline-start: var(--a2-size-8, 2rem)}
153
+ .m-inline-start-9 {margin-inline-start: var(--a2-size-9, 2.25rem)}
154
+ .m-inline-start-half {margin-inline-start: var(--a2-size-half, 0.125rem)}
155
+ .m-inline-start-quarter {margin-inline-start: var(--a2-size-quarter, 0.0625rem)}
156
+ .m-quarter {margin: var(--a2-size-quarter, 0.0625rem)}
157
+ .p-0 {padding: var(--a2-size-0, 0rem)}
158
+ .p-1 {padding: var(--a2-size-1, 0.25rem)}
159
+ .p-10 {padding: var(--a2-size-10, 2.5rem)}
160
+ .p-11 {padding: var(--a2-size-11, 2.75rem)}
161
+ .p-12 {padding: var(--a2-size-12, 3rem)}
162
+ .p-13 {padding: var(--a2-size-13, 3.25rem)}
163
+ .p-14 {padding: var(--a2-size-14, 3.5rem)}
164
+ .p-2 {padding: var(--a2-size-2, 0.5rem)}
165
+ .p-3 {padding: var(--a2-size-3, 0.75rem)}
166
+ .p-4 {padding: var(--a2-size-4, 1rem)}
167
+ .p-5 {padding: var(--a2-size-5, 1.25rem)}
168
+ .p-6 {padding: var(--a2-size-6, 1.5rem)}
169
+ .p-7 {padding: var(--a2-size-7, 1.75rem)}
170
+ .p-8 {padding: var(--a2-size-8, 2rem)}
171
+ .p-9 {padding: var(--a2-size-9, 2.25rem)}
172
+ .p-block-0 {padding-block: var(--a2-size-0, 0rem)}
173
+ .p-block-1 {padding-block: var(--a2-size-1, 0.25rem)}
174
+ .p-block-10 {padding-block: var(--a2-size-10, 2.5rem)}
175
+ .p-block-11 {padding-block: var(--a2-size-11, 2.75rem)}
176
+ .p-block-12 {padding-block: var(--a2-size-12, 3rem)}
177
+ .p-block-13 {padding-block: var(--a2-size-13, 3.25rem)}
178
+ .p-block-14 {padding-block: var(--a2-size-14, 3.5rem)}
179
+ .p-block-2 {padding-block: var(--a2-size-2, 0.5rem)}
180
+ .p-block-3 {padding-block: var(--a2-size-3, 0.75rem)}
181
+ .p-block-4 {padding-block: var(--a2-size-4, 1rem)}
182
+ .p-block-5 {padding-block: var(--a2-size-5, 1.25rem)}
183
+ .p-block-6 {padding-block: var(--a2-size-6, 1.5rem)}
184
+ .p-block-7 {padding-block: var(--a2-size-7, 1.75rem)}
185
+ .p-block-8 {padding-block: var(--a2-size-8, 2rem)}
186
+ .p-block-9 {padding-block: var(--a2-size-9, 2.25rem)}
187
+ .p-block-end-0 {padding-block-end: var(--a2-size-0, 0rem)}
188
+ .p-block-end-1 {padding-block-end: var(--a2-size-1, 0.25rem)}
189
+ .p-block-end-10 {padding-block-end: var(--a2-size-10, 2.5rem)}
190
+ .p-block-end-11 {padding-block-end: var(--a2-size-11, 2.75rem)}
191
+ .p-block-end-12 {padding-block-end: var(--a2-size-12, 3rem)}
192
+ .p-block-end-13 {padding-block-end: var(--a2-size-13, 3.25rem)}
193
+ .p-block-end-14 {padding-block-end: var(--a2-size-14, 3.5rem)}
194
+ .p-block-end-2 {padding-block-end: var(--a2-size-2, 0.5rem)}
195
+ .p-block-end-3 {padding-block-end: var(--a2-size-3, 0.75rem)}
196
+ .p-block-end-4 {padding-block-end: var(--a2-size-4, 1rem)}
197
+ .p-block-end-5 {padding-block-end: var(--a2-size-5, 1.25rem)}
198
+ .p-block-end-6 {padding-block-end: var(--a2-size-6, 1.5rem)}
199
+ .p-block-end-7 {padding-block-end: var(--a2-size-7, 1.75rem)}
200
+ .p-block-end-8 {padding-block-end: var(--a2-size-8, 2rem)}
201
+ .p-block-end-9 {padding-block-end: var(--a2-size-9, 2.25rem)}
202
+ .p-block-end-half {padding-block-end: var(--a2-size-half, 0.125rem)}
203
+ .p-block-end-quarter {padding-block-end: var(--a2-size-quarter, 0.0625rem)}
204
+ .p-block-half {padding-block: var(--a2-size-half, 0.125rem)}
205
+ .p-block-quarter {padding-block: var(--a2-size-quarter, 0.0625rem)}
206
+ .p-block-start-0 {padding-block-start: var(--a2-size-0, 0rem)}
207
+ .p-block-start-1 {padding-block-start: var(--a2-size-1, 0.25rem)}
208
+ .p-block-start-10 {padding-block-start: var(--a2-size-10, 2.5rem)}
209
+ .p-block-start-11 {padding-block-start: var(--a2-size-11, 2.75rem)}
210
+ .p-block-start-12 {padding-block-start: var(--a2-size-12, 3rem)}
211
+ .p-block-start-13 {padding-block-start: var(--a2-size-13, 3.25rem)}
212
+ .p-block-start-14 {padding-block-start: var(--a2-size-14, 3.5rem)}
213
+ .p-block-start-2 {padding-block-start: var(--a2-size-2, 0.5rem)}
214
+ .p-block-start-3 {padding-block-start: var(--a2-size-3, 0.75rem)}
215
+ .p-block-start-4 {padding-block-start: var(--a2-size-4, 1rem)}
216
+ .p-block-start-5 {padding-block-start: var(--a2-size-5, 1.25rem)}
217
+ .p-block-start-6 {padding-block-start: var(--a2-size-6, 1.5rem)}
218
+ .p-block-start-7 {padding-block-start: var(--a2-size-7, 1.75rem)}
219
+ .p-block-start-8 {padding-block-start: var(--a2-size-8, 2rem)}
220
+ .p-block-start-9 {padding-block-start: var(--a2-size-9, 2.25rem)}
221
+ .p-block-start-half {padding-block-start: var(--a2-size-half, 0.125rem)}
222
+ .p-block-start-quarter {padding-block-start: var(--a2-size-quarter, 0.0625rem)}
223
+ .p-half {padding: var(--a2-size-half, 0.125rem)}
224
+ .p-inline-0 {padding-inline: var(--a2-size-0, 0rem)}
225
+ .p-inline-1 {padding-inline: var(--a2-size-1, 0.25rem)}
226
+ .p-inline-10 {padding-inline: var(--a2-size-10, 2.5rem)}
227
+ .p-inline-11 {padding-inline: var(--a2-size-11, 2.75rem)}
228
+ .p-inline-12 {padding-inline: var(--a2-size-12, 3rem)}
229
+ .p-inline-13 {padding-inline: var(--a2-size-13, 3.25rem)}
230
+ .p-inline-14 {padding-inline: var(--a2-size-14, 3.5rem)}
231
+ .p-inline-2 {padding-inline: var(--a2-size-2, 0.5rem)}
232
+ .p-inline-3 {padding-inline: var(--a2-size-3, 0.75rem)}
233
+ .p-inline-4 {padding-inline: var(--a2-size-4, 1rem)}
234
+ .p-inline-5 {padding-inline: var(--a2-size-5, 1.25rem)}
235
+ .p-inline-6 {padding-inline: var(--a2-size-6, 1.5rem)}
236
+ .p-inline-7 {padding-inline: var(--a2-size-7, 1.75rem)}
237
+ .p-inline-8 {padding-inline: var(--a2-size-8, 2rem)}
238
+ .p-inline-9 {padding-inline: var(--a2-size-9, 2.25rem)}
239
+ .p-inline-end-0 {padding-inline-end: var(--a2-size-0, 0rem)}
240
+ .p-inline-end-1 {padding-inline-end: var(--a2-size-1, 0.25rem)}
241
+ .p-inline-end-10 {padding-inline-end: var(--a2-size-10, 2.5rem)}
242
+ .p-inline-end-11 {padding-inline-end: var(--a2-size-11, 2.75rem)}
243
+ .p-inline-end-12 {padding-inline-end: var(--a2-size-12, 3rem)}
244
+ .p-inline-end-13 {padding-inline-end: var(--a2-size-13, 3.25rem)}
245
+ .p-inline-end-14 {padding-inline-end: var(--a2-size-14, 3.5rem)}
246
+ .p-inline-end-2 {padding-inline-end: var(--a2-size-2, 0.5rem)}
247
+ .p-inline-end-3 {padding-inline-end: var(--a2-size-3, 0.75rem)}
248
+ .p-inline-end-4 {padding-inline-end: var(--a2-size-4, 1rem)}
249
+ .p-inline-end-5 {padding-inline-end: var(--a2-size-5, 1.25rem)}
250
+ .p-inline-end-6 {padding-inline-end: var(--a2-size-6, 1.5rem)}
251
+ .p-inline-end-7 {padding-inline-end: var(--a2-size-7, 1.75rem)}
252
+ .p-inline-end-8 {padding-inline-end: var(--a2-size-8, 2rem)}
253
+ .p-inline-end-9 {padding-inline-end: var(--a2-size-9, 2.25rem)}
254
+ .p-inline-end-half {padding-inline-end: var(--a2-size-half, 0.125rem)}
255
+ .p-inline-end-quarter {padding-inline-end: var(--a2-size-quarter, 0.0625rem)}
256
+ .p-inline-half {padding-inline: var(--a2-size-half, 0.125rem)}
257
+ .p-inline-quarter {padding-inline: var(--a2-size-quarter, 0.0625rem)}
258
+ .p-inline-start-0 {padding-inline-start: var(--a2-size-0, 0rem)}
259
+ .p-inline-start-1 {padding-inline-start: var(--a2-size-1, 0.25rem)}
260
+ .p-inline-start-10 {padding-inline-start: var(--a2-size-10, 2.5rem)}
261
+ .p-inline-start-11 {padding-inline-start: var(--a2-size-11, 2.75rem)}
262
+ .p-inline-start-12 {padding-inline-start: var(--a2-size-12, 3rem)}
263
+ .p-inline-start-13 {padding-inline-start: var(--a2-size-13, 3.25rem)}
264
+ .p-inline-start-14 {padding-inline-start: var(--a2-size-14, 3.5rem)}
265
+ .p-inline-start-2 {padding-inline-start: var(--a2-size-2, 0.5rem)}
266
+ .p-inline-start-3 {padding-inline-start: var(--a2-size-3, 0.75rem)}
267
+ .p-inline-start-4 {padding-inline-start: var(--a2-size-4, 1rem)}
268
+ .p-inline-start-5 {padding-inline-start: var(--a2-size-5, 1.25rem)}
269
+ .p-inline-start-6 {padding-inline-start: var(--a2-size-6, 1.5rem)}
270
+ .p-inline-start-7 {padding-inline-start: var(--a2-size-7, 1.75rem)}
271
+ .p-inline-start-8 {padding-inline-start: var(--a2-size-8, 2rem)}
272
+ .p-inline-start-9 {padding-inline-start: var(--a2-size-9, 2.25rem)}
273
+ .p-inline-start-half {padding-inline-start: var(--a2-size-half, 0.125rem)}
274
+ .p-inline-start-quarter {padding-inline-start: var(--a2-size-quarter, 0.0625rem)}
275
+ .p-quarter {padding: var(--a2-size-quarter, 0.0625rem)}
277
276
  .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)}
277
+ .bg-danger {background-color: var(--a2-background-color-danger, var(--a2-status-color-danger, var(--a2-color-red-600, #d62100)))}
278
+ .bg-danger-active {background-color: var(--a2-background-color-danger-active, var(--a2-color-red-800, #731100))}
279
+ .bg-danger-faint {background-color: var(--a2-background-color-danger-faint, var(--a2-color-red-10, #fffbfa))}
280
+ .bg-danger-faint-active {background-color: var(--a2-background-color-danger-faint-active, var(--a2-color-red-100, #ffd4cc))}
281
+ .bg-danger-faint-hover {background-color: var(--a2-background-color-danger-faint-hover, var(--a2-color-red-50, #ffe9e5))}
282
+ .bg-danger-hover {background-color: var(--a2-background-color-danger-hover, var(--a2-color-red-700, #a31900))}
283
+ .bg-danger-subdued {background-color: var(--a2-background-color-danger-subdued, var(--a2-color-red-50, #ffe9e5))}
284
+ .bg-danger-subdued-active {background-color: var(--a2-background-color-danger-subdued-active, var(--a2-color-red-200, #ffac9e))}
285
+ .bg-danger-subdued-hover {background-color: var(--a2-background-color-danger-subdued-hover, var(--a2-color-red-100, #ffd4cc))}
286
+ .bg-default {background-color: var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff))}
287
+ .bg-default-active {background-color: var(--a2-background-color-default-active, var(--a2-color-neutral-40, #f1f1f1))}
288
+ .bg-default-hover {background-color: var(--a2-background-color-default-hover, var(--a2-color-neutral-20, #f9f9f9))}
289
+ .bg-disabled {background-color: var(--a2-background-color-disabled, var(--a2-color-neutral-600, #545454))}
290
+ .bg-inverted {background-color: var(--a2-background-color-inverted, var(--a2-color-neutral-800, #292929))}
291
+ .bg-inverted-active {background-color: var(--a2-background-color-inverted-active, var(--a2-color-neutral-800, #292929))}
292
+ .bg-inverted-hover {background-color: var(--a2-background-color-inverted-hover, var(--a2-color-neutral-800, #292929))}
293
+ .bg-inverted-strong {background-color: var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a))}
294
+ .bg-inverted-strong-active {background-color: var(--a2-background-color-inverted-strong-active, var(--a2-color-neutral-900, #1a1a1a))}
295
+ .bg-inverted-strong-hover {background-color: var(--a2-background-color-inverted-strong-hover, var(--a2-color-neutral-900, #1a1a1a))}
296
+ .bg-primary {background-color: var(--a2-background-color-primary, var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc)))}
297
+ .bg-primary-active {background-color: var(--a2-background-color-primary-active, var(--a2-color-blue-800, #003472))}
298
+ .bg-primary-faint {background-color: var(--a2-background-color-primary-faint, var(--a2-color-blue-10, #fafcff))}
299
+ .bg-primary-faint-active {background-color: var(--a2-background-color-primary-faint-active, var(--a2-color-blue-100, #cce3ff))}
300
+ .bg-primary-faint-hover {background-color: var(--a2-background-color-primary-faint-hover, var(--a2-color-blue-50, #e6f1ff))}
301
+ .bg-primary-hover {background-color: var(--a2-background-color-primary-hover, var(--a2-color-blue-700, #1d4ca3))}
302
+ .bg-primary-subdued {background-color: var(--a2-background-color-primary-subdued, var(--a2-color-blue-50, #e6f1ff))}
303
+ .bg-primary-subdued-active {background-color: var(--a2-background-color-primary-subdued-active, var(--a2-color-blue-200, #9ecaff))}
304
+ .bg-primary-subdued-hover {background-color: var(--a2-background-color-primary-subdued-hover, var(--a2-color-blue-100, #cce3ff))}
305
+ .bg-secondary {background-color: var(--a2-background-color-secondary, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 6%, transparent))}
306
+ .bg-secondary-active {background-color: var(--a2-background-color-secondary-active, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 16%, transparent))}
307
+ .bg-secondary-hover {background-color: var(--a2-background-color-secondary-hover, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 8%, transparent))}
308
+ .bg-secondary-strong {background-color: var(--a2-background-color-secondary-strong, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 15%, transparent))}
309
+ .bg-secondary-strong-active {background-color: var(--a2-background-color-secondary-strong-active, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 30%, transparent))}
310
+ .bg-secondary-strong-hover {background-color: var(--a2-background-color-secondary-strong-hover, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 25%, transparent))}
311
+ .bg-status-danger {background-color: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100))}
312
+ .bg-status-info {background-color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
313
+ .bg-status-success {background-color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
314
+ .bg-status-warning {background-color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
315
+ .bg-strong {background-color: var(--a2-background-color-strong, var(--a2-color-neutral-20, #f9f9f9))}
316
+ .bg-strong-active {background-color: var(--a2-background-color-strong-active, var(--a2-color-neutral-70, #e8e8e8))}
317
+ .bg-strong-hover {background-color: var(--a2-background-color-strong-hover, var(--a2-color-neutral-50, #eeeeee))}
318
+ .bg-stronger {background-color: var(--a2-background-color-stronger, var(--a2-color-neutral-50, #eeeeee))}
319
+ .bg-stronger-active {background-color: var(--a2-background-color-stronger-active, var(--a2-color-neutral-100, #dfdfdf))}
320
+ .bg-stronger-hover {background-color: var(--a2-background-color-stronger-hover, var(--a2-color-neutral-90, #e5e5e5))}
321
+ .bg-strongest {background-color: var(--a2-background-color-strongest, var(--a2-color-neutral-200, #c4c4c4))}
322
+ .bg-strongest-active {background-color: var(--a2-background-color-strongest-active, var(--a2-color-neutral-400, #8b8b8b))}
323
+ .bg-strongest-hover {background-color: var(--a2-background-color-strongest-hover, var(--a2-color-neutral-300, #a8a8a8))}
324
+ .bg-success {background-color: var(--a2-background-color-success, var(--a2-status-color-success, var(--a2-color-green-600, #077e50)))}
325
+ .bg-success-active {background-color: var(--a2-background-color-success-active, var(--a2-color-green-800, #04482e))}
326
+ .bg-success-faint {background-color: var(--a2-background-color-success-faint, var(--a2-color-green-10, #f5fefb))}
327
+ .bg-success-faint-active {background-color: var(--a2-background-color-success-faint-active, var(--a2-color-green-100, #b8f5dd))}
328
+ .bg-success-faint-hover {background-color: var(--a2-background-color-success-faint-hover, var(--a2-color-green-50, #d3fded))}
329
+ .bg-success-hover {background-color: var(--a2-background-color-success-hover, var(--a2-color-green-700, #05613e))}
330
+ .bg-success-subdued {background-color: var(--a2-background-color-success-subdued, var(--a2-color-green-50, #d3fded))}
331
+ .bg-success-subdued-active {background-color: var(--a2-background-color-success-subdued-active, var(--a2-color-green-200, #70ebbc))}
332
+ .bg-success-subdued-hover {background-color: var(--a2-background-color-success-subdued-hover, var(--a2-color-green-100, #b8f5dd))}
333
+ .bg-transparent-danger {background-color: var(--a2-background-color-transparent-danger, rgba(0, 0, 0, 0))}
334
+ .bg-transparent-danger-active {background-color: var(--a2-background-color-transparent-danger-active, color-mix(in srgb, var(--a2-color-red-500, #ff3914) 30%, transparent))}
335
+ .bg-transparent-danger-hover {background-color: var(--a2-background-color-transparent-danger-hover, color-mix(in srgb, var(--a2-color-red-500, #ff3914) 10%, transparent))}
336
+ .bg-transparent-default {background-color: var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0))}
337
+ .bg-transparent-default-active {background-color: var(--a2-background-color-transparent-default-active, color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 16%, transparent))}
338
+ .bg-transparent-default-hover {background-color: var(--a2-background-color-transparent-default-hover, color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent))}
339
+ .bg-transparent-primary {background-color: var(--a2-background-color-transparent-primary, rgba(0, 0, 0, 0))}
340
+ .bg-transparent-primary-active {background-color: var(--a2-background-color-transparent-primary-active, color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 30%, transparent))}
341
+ .bg-transparent-primary-hover {background-color: var(--a2-background-color-transparent-primary-hover, color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 10%, transparent))}
342
+ .bg-warning {background-color: var(--a2-background-color-warning, var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00)))}
343
+ .bg-warning-active {background-color: var(--a2-background-color-warning-active, var(--a2-color-yellow-600, #de9500))}
344
+ .bg-warning-faint {background-color: var(--a2-background-color-warning-faint, var(--a2-color-yellow-10, #fffef8))}
345
+ .bg-warning-faint-active {background-color: var(--a2-background-color-warning-faint-active, var(--a2-color-yellow-100, #fff9e2))}
346
+ .bg-warning-faint-hover {background-color: var(--a2-background-color-warning-faint-hover, var(--a2-color-yellow-50, #fffcf0))}
347
+ .bg-warning-hover {background-color: var(--a2-background-color-warning-hover, var(--a2-color-yellow-600, #de9500))}
348
+ .bg-warning-subdued {background-color: var(--a2-background-color-warning-subdued, var(--a2-color-yellow-100, #fff9e2))}
349
+ .bg-warning-subdued-active {background-color: var(--a2-background-color-warning-subdued-active, var(--a2-color-yellow-300, #ffe278))}
350
+ .bg-warning-subdued-hover {background-color: var(--a2-background-color-warning-subdued-hover, var(--a2-color-yellow-200, #fff0b1))}
351
+ .border-color-danger {border-color: var(--a2-border-color-danger, var(--a2-color-red-600, #d62100))}
352
+ .border-color-default {border-color: var(--a2-border-color-default, var(--a2-color-neutral-400, #8b8b8b))}
353
+ .border-color-primary {border-color: var(--a2-border-color-primary, var(--a2-color-blue-600, #0265dc))}
354
+ .border-color-status-info {border-color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
355
+ .border-color-status-success {border-color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
356
+ .border-color-status-warning {border-color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
357
+ .border-color-strong {border-color: var(--a2-border-color-strong, var(--a2-color-neutral-700, #404040))}
358
+ .border-color-subdued {border-color: var(--a2-border-color-subdued, var(--a2-color-neutral-80, #e6e6e6))}
359
+ .border-color-success {border-color: var(--a2-border-color-success, var(--a2-color-green-600, #077e50))}
360
+ .border-color-warning {border-color: var(--a2-border-color-warning, var(--a2-color-yellow-700, #c98600))}
361
+ .c-danger {color: var(--a2-foreground-color-danger, var(--a2-color-red-600, #d62100))}
362
+ .c-danger-active {color: var(--a2-foreground-color-danger-active, var(--a2-color-red-800, #731100))}
363
+ .c-danger-hover {color: var(--a2-foreground-color-danger-hover, var(--a2-color-red-700, #a31900))}
364
+ .c-default {color: var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))}
365
+ .c-default-active {color: var(--a2-foreground-color-default-active, var(--a2-color-neutral-950, #040404))}
366
+ .c-default-hover {color: var(--a2-foreground-color-default-hover, var(--a2-color-neutral-950, #040404))}
367
+ .c-inverted {color: var(--a2-foreground-color-inverted, var(--a2-color-neutral-0, #ffffff))}
368
+ .c-on-danger {color: var(--a2-foreground-color-on-danger, var(--a2-color-neutral-0, #ffffff))}
369
+ .c-on-danger-active {color: var(--a2-foreground-color-on-danger-active, var(--a2-color-neutral-0, #ffffff))}
370
+ .c-on-danger-hover {color: var(--a2-foreground-color-on-danger-hover, var(--a2-color-neutral-0, #ffffff))}
371
+ .c-on-danger-subdued {color: var(--a2-foreground-color-on-danger-subdued, var(--a2-color-red-700, #a31900))}
372
+ .c-on-danger-subdued-active {color: var(--a2-foreground-color-on-danger-subdued-active, var(--a2-color-red-900, #470b00))}
373
+ .c-on-danger-subdued-hover {color: var(--a2-foreground-color-on-danger-subdued-hover, var(--a2-color-red-800, #731100))}
374
+ .c-on-primary {color: var(--a2-foreground-color-on-primary, var(--a2-color-neutral-0, #ffffff))}
375
+ .c-on-primary-active {color: var(--a2-foreground-color-on-primary-active, var(--a2-color-neutral-0, #ffffff))}
376
+ .c-on-primary-hover {color: var(--a2-foreground-color-on-primary-hover, var(--a2-color-neutral-0, #ffffff))}
377
+ .c-on-success {color: var(--a2-foreground-color-on-success, var(--a2-color-neutral-0, #ffffff))}
378
+ .c-on-warning {color: var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a))}
379
+ .c-primary {color: var(--a2-foreground-color-primary, var(--a2-color-blue-600, #0265dc))}
380
+ .c-primary-active {color: var(--a2-foreground-color-primary-active, var(--a2-color-blue-800, #003472))}
381
+ .c-primary-hover {color: var(--a2-foreground-color-primary-hover, var(--a2-color-blue-700, #1d4ca3))}
382
+ .c-status-danger {color: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100))}
383
+ .c-status-info {color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
384
+ .c-status-success {color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
385
+ .c-status-warning {color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
386
+ .c-subdued {color: var(--a2-foreground-color-subdued, var(--a2-color-neutral-500, #707070))}
387
+ .c-subdued-active {color: var(--a2-foreground-color-subdued-active, var(--a2-color-neutral-600, #545454))}
388
+ .c-subdued-hover {color: var(--a2-foreground-color-subdued-hover, var(--a2-color-neutral-500, #707070))}
334
389
 
335
390
  @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
- }
391
+ .bg-danger {background-color: var(--a2-background-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))))}
392
+ .bg-danger-active {background-color: var(--a2-background-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e)))}
393
+ .bg-danger-faint {background-color: var(--a2-background-color-danger-faint, light-dark(var(--a2-color-red-10, #fffbfa), var(--a2-color-red-950, #0a0200)))}
394
+ .bg-danger-faint-active {background-color: var(--a2-background-color-danger-faint-active, light-dark(var(--a2-color-red-100, #ffd4cc), var(--a2-color-red-700, #a31900)))}
395
+ .bg-danger-faint-hover {background-color: var(--a2-background-color-danger-faint-hover, light-dark(var(--a2-color-red-50, #ffe9e5), var(--a2-color-red-800, #731100)))}
396
+ .bg-danger-hover {background-color: var(--a2-background-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670)))}
397
+ .bg-danger-subdued {background-color: var(--a2-background-color-danger-subdued, light-dark(var(--a2-color-red-50, #ffe9e5), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 20%, transparent)))}
398
+ .bg-danger-subdued-active {background-color: var(--a2-background-color-danger-subdued-active, light-dark(var(--a2-color-red-200, #ffac9e), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 40%, transparent)))}
399
+ .bg-danger-subdued-hover {background-color: var(--a2-background-color-danger-subdued-hover, light-dark(var(--a2-color-red-100, #ffd4cc), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 30%, transparent)))}
400
+ .bg-default {background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
401
+ .bg-default-active {background-color: var(--a2-background-color-default-active, light-dark(var(--a2-color-neutral-40, #f1f1f1), var(--a2-color-neutral-700, #404040)))}
402
+ .bg-default-hover {background-color: var(--a2-background-color-default-hover, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)))}
403
+ .bg-disabled {background-color: var(--a2-background-color-disabled, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-500, #707070)))}
404
+ .bg-inverted {background-color: var(--a2-background-color-inverted, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)))}
405
+ .bg-inverted-active {background-color: var(--a2-background-color-inverted-active, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)))}
406
+ .bg-inverted-hover {background-color: var(--a2-background-color-inverted-hover, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)))}
407
+ .bg-inverted-strong {background-color: var(--a2-background-color-inverted-strong, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff)))}
408
+ .bg-inverted-strong-active {background-color: var(--a2-background-color-inverted-strong-active, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff)))}
409
+ .bg-inverted-strong-hover {background-color: var(--a2-background-color-inverted-strong-hover, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff)))}
410
+ .bg-primary {background-color: var(--a2-background-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))))}
411
+ .bg-primary-active {background-color: var(--a2-background-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-100, #cce3ff)))}
412
+ .bg-primary-faint {background-color: var(--a2-background-color-primary-faint, light-dark(var(--a2-color-blue-10, #fafcff), var(--a2-color-blue-950, #000b19)))}
413
+ .bg-primary-faint-active {background-color: var(--a2-background-color-primary-faint-active, light-dark(var(--a2-color-blue-100, #cce3ff), var(--a2-color-blue-700, #1d4ca3)))}
414
+ .bg-primary-faint-hover {background-color: var(--a2-background-color-primary-faint-hover, light-dark(var(--a2-color-blue-50, #e6f1ff), var(--a2-color-blue-800, #003472)))}
415
+ .bg-primary-hover {background-color: var(--a2-background-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff)))}
416
+ .bg-primary-subdued {background-color: var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 20%, transparent)))}
417
+ .bg-primary-subdued-active {background-color: var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 40%, transparent)))}
418
+ .bg-primary-subdued-hover {background-color: var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-100, #cce3ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 30%, transparent)))}
419
+ .bg-secondary {background-color: var(--a2-background-color-secondary, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 6%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)))}
420
+ .bg-secondary-active {background-color: var(--a2-background-color-secondary-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 16%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 16%, transparent)))}
421
+ .bg-secondary-hover {background-color: var(--a2-background-color-secondary-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 12%, transparent)))}
422
+ .bg-secondary-strong {background-color: var(--a2-background-color-secondary-strong, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 15%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 55%, transparent)))}
423
+ .bg-secondary-strong-active {background-color: var(--a2-background-color-secondary-strong-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 30%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 75%, transparent)))}
424
+ .bg-secondary-strong-hover {background-color: var(--a2-background-color-secondary-strong-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 25%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 65%, transparent)))}
425
+ .bg-status-danger {background-color: var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
426
+ .bg-status-info {background-color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
427
+ .bg-status-success {background-color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
428
+ .bg-status-warning {background-color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
429
+ .bg-strong {background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)))}
430
+ .bg-strong-active {background-color: var(--a2-background-color-strong-active, light-dark(var(--a2-color-neutral-70, #e8e8e8), var(--a2-color-neutral-600, #545454)))}
431
+ .bg-strong-hover {background-color: var(--a2-background-color-strong-hover, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)))}
432
+ .bg-stronger {background-color: var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)))}
433
+ .bg-stronger-active {background-color: var(--a2-background-color-stronger-active, light-dark(var(--a2-color-neutral-100, #dfdfdf), var(--a2-color-neutral-500, #707070)))}
434
+ .bg-stronger-hover {background-color: var(--a2-background-color-stronger-hover, light-dark(var(--a2-color-neutral-90, #e5e5e5), var(--a2-color-neutral-600, #545454)))}
435
+ .bg-strongest {background-color: var(--a2-background-color-strongest, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-500, #707070)))}
436
+ .bg-strongest-active {background-color: var(--a2-background-color-strongest-active, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-300, #a8a8a8)))}
437
+ .bg-strongest-hover {background-color: var(--a2-background-color-strongest-hover, light-dark(var(--a2-color-neutral-300, #a8a8a8), var(--a2-color-neutral-400, #8b8b8b)))}
438
+ .bg-success {background-color: var(--a2-background-color-success, var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085))))}
439
+ .bg-success-active {background-color: var(--a2-background-color-success-active, light-dark(var(--a2-color-green-800, #04482e), var(--a2-color-green-50, #d3fded)))}
440
+ .bg-success-faint {background-color: var(--a2-background-color-success-faint, light-dark(var(--a2-color-green-10, #f5fefb), var(--a2-color-green-950, #010f0a)))}
441
+ .bg-success-faint-active {background-color: var(--a2-background-color-success-faint-active, light-dark(var(--a2-color-green-100, #b8f5dd), var(--a2-color-green-700, #05613e)))}
442
+ .bg-success-faint-hover {background-color: var(--a2-background-color-success-faint-hover, light-dark(var(--a2-color-green-50, #d3fded), var(--a2-color-green-800, #04482e)))}
443
+ .bg-success-hover {background-color: var(--a2-background-color-success-hover, light-dark(var(--a2-color-green-700, #05613e), var(--a2-color-green-300, #3be3a2)))}
444
+ .bg-success-subdued {background-color: var(--a2-background-color-success-subdued, light-dark(var(--a2-color-green-50, #d3fded), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 20%, transparent)))}
445
+ .bg-success-subdued-active {background-color: var(--a2-background-color-success-subdued-active, light-dark(var(--a2-color-green-200, #70ebbc), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 40%, transparent)))}
446
+ .bg-success-subdued-hover {background-color: var(--a2-background-color-success-subdued-hover, light-dark(var(--a2-color-green-100, #b8f5dd), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 30%, transparent)))}
447
+ .bg-transparent-danger-active {background-color: var(--a2-background-color-transparent-danger-active, light-dark(color-mix(in srgb, var(--a2-color-red-500, #ff3914) 30%, transparent), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 25%, transparent)))}
448
+ .bg-transparent-danger-hover {background-color: var(--a2-background-color-transparent-danger-hover, light-dark(color-mix(in srgb, var(--a2-color-red-500, #ff3914) 10%, transparent), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 10%, transparent)))}
449
+ .bg-transparent-default-active {background-color: var(--a2-background-color-transparent-default-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 16%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 16%, transparent)))}
450
+ .bg-transparent-default-hover {background-color: var(--a2-background-color-transparent-default-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)))}
451
+ .bg-transparent-primary-active {background-color: var(--a2-background-color-transparent-primary-active, light-dark(color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 30%, transparent), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 25%, transparent)))}
452
+ .bg-transparent-primary-hover {background-color: var(--a2-background-color-transparent-primary-hover, light-dark(color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 10%, transparent), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 10%, transparent)))}
453
+ .bg-warning {background-color: var(--a2-background-color-warning, var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278))))}
454
+ .bg-warning-active {background-color: var(--a2-background-color-warning-active, light-dark(var(--a2-color-yellow-600, #de9500), var(--a2-color-yellow-100, #fff9e2)))}
455
+ .bg-warning-faint {background-color: var(--a2-background-color-warning-faint, light-dark(var(--a2-color-yellow-10, #fffef8), var(--a2-color-yellow-950, #191100)))}
456
+ .bg-warning-faint-active {background-color: var(--a2-background-color-warning-faint-active, light-dark(var(--a2-color-yellow-100, #fff9e2), var(--a2-color-yellow-700, #c98600)))}
457
+ .bg-warning-faint-hover {background-color: var(--a2-background-color-warning-faint-hover, light-dark(var(--a2-color-yellow-50, #fffcf0), var(--a2-color-yellow-800, #704b00)))}
458
+ .bg-warning-hover {background-color: var(--a2-background-color-warning-hover, light-dark(var(--a2-color-yellow-600, #de9500), var(--a2-color-yellow-100, #fff9e2)))}
459
+ .bg-warning-subdued {background-color: var(--a2-background-color-warning-subdued, light-dark(var(--a2-color-yellow-100, #fff9e2), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 20%, transparent)))}
460
+ .bg-warning-subdued-active {background-color: var(--a2-background-color-warning-subdued-active, light-dark(var(--a2-color-yellow-300, #ffe278), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 40%, transparent)))}
461
+ .bg-warning-subdued-hover {background-color: var(--a2-background-color-warning-subdued-hover, light-dark(var(--a2-color-yellow-200, #fff0b1), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 30%, transparent)))}
462
+ .border-color-danger {border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)))}
463
+ .border-color-default {border-color: var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)))}
464
+ .border-color-primary {border-color: var(--a2-border-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-200, #9ecaff)))}
465
+ .border-color-status-info {border-color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
466
+ .border-color-status-success {border-color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
467
+ .border-color-status-warning {border-color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
468
+ .border-color-strong {border-color: var(--a2-border-color-strong, light-dark(var(--a2-color-neutral-700, #404040), var(--a2-color-neutral-80, #e6e6e6)))}
469
+ .border-color-subdued {border-color: var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040)))}
470
+ .border-color-success {border-color: var(--a2-border-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-200, #70ebbc)))}
471
+ .border-color-warning {border-color: var(--a2-border-color-warning, light-dark(var(--a2-color-yellow-700, #c98600), var(--a2-color-yellow-200, #fff0b1)))}
472
+ .c-danger {color: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
473
+ .c-danger-active {color: var(--a2-foreground-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e)))}
474
+ .c-danger-hover {color: var(--a2-foreground-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670)))}
475
+ .c-default {color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
476
+ .c-default-active {color: var(--a2-foreground-color-default-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
477
+ .c-default-hover {color: var(--a2-foreground-color-default-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
478
+ .c-inverted {color: var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
479
+ .c-on-danger {color: var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
480
+ .c-on-danger-active {color: var(--a2-foreground-color-on-danger-active, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
481
+ .c-on-danger-hover {color: var(--a2-foreground-color-on-danger-hover, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
482
+ .c-on-danger-subdued {color: var(--a2-foreground-color-on-danger-subdued, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-neutral-0, #ffffff)))}
483
+ .c-on-danger-subdued-active {color: var(--a2-foreground-color-on-danger-subdued-active, light-dark(var(--a2-color-red-900, #470b00), var(--a2-color-neutral-0, #ffffff)))}
484
+ .c-on-danger-subdued-hover {color: var(--a2-foreground-color-on-danger-subdued-hover, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-neutral-0, #ffffff)))}
485
+ .c-on-primary {color: var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
486
+ .c-on-primary-active {color: var(--a2-foreground-color-on-primary-active, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
487
+ .c-on-primary-hover {color: var(--a2-foreground-color-on-primary-hover, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
488
+ .c-on-success {color: var(--a2-foreground-color-on-success, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
489
+ .c-on-warning {color: var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a))}
490
+ .c-primary {color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
491
+ .c-primary-active {color: var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff)))}
492
+ .c-primary-hover {color: var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff)))}
493
+ .c-status-danger {color: var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
494
+ .c-status-info {color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
495
+ .c-status-success {color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
496
+ .c-status-warning {color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
497
+ .c-subdued {color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)))}
498
+ .c-subdued-active {color: var(--a2-foreground-color-subdued-active, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-100, #dfdfdf)))}
499
+ .c-subdued-hover {color: var(--a2-foreground-color-subdued-hover, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)))}
785
500
  }