@servicetitan/hammer-token 2.5.1 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (147) hide show
  1. package/CHANGELOG.md +50 -0
  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 +47 -45
  8. package/build/web/core/css-utils/a2-color.css +443 -227
  9. package/build/web/core/css-utils/a2-font.css +0 -2
  10. package/build/web/core/css-utils/a2-spacing.css +476 -478
  11. package/build/web/core/css-utils/a2-utils.css +992 -772
  12. package/build/web/core/css-utils/border.css +47 -45
  13. package/build/web/core/css-utils/color.css +443 -227
  14. package/build/web/core/css-utils/font.css +0 -2
  15. package/build/web/core/css-utils/spacing.css +476 -478
  16. package/build/web/core/css-utils/utils.css +992 -772
  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/index.js +0 -1
  29. package/build/web/types.d.ts +17 -0
  30. package/config.js +121 -497
  31. package/eslint.config.mjs +11 -1
  32. package/package.json +15 -5
  33. package/src/global/primitive/breakpoint.tokens.json +54 -0
  34. package/src/global/primitive/color.tokens.json +1092 -0
  35. package/src/global/primitive/duration.tokens.json +44 -0
  36. package/src/global/primitive/font.tokens.json +151 -0
  37. package/src/global/primitive/radius.tokens.json +94 -0
  38. package/src/global/primitive/size.tokens.json +174 -0
  39. package/src/global/primitive/transition.tokens.json +32 -0
  40. package/src/theme/core/background.tokens.json +1312 -0
  41. package/src/theme/core/border.tokens.json +192 -0
  42. package/src/theme/core/chart.tokens.json +982 -0
  43. package/src/theme/core/component/ai-mark.tokens.json +20 -0
  44. package/src/theme/core/component/alert.tokens.json +261 -0
  45. package/src/theme/core/component/announcement.tokens.json +460 -0
  46. package/src/theme/core/component/avatar.tokens.json +137 -0
  47. package/src/theme/core/component/badge.tokens.json +42 -0
  48. package/src/theme/core/component/breadcrumb.tokens.json +42 -0
  49. package/src/theme/core/component/button-toggle.tokens.json +428 -0
  50. package/src/theme/core/component/button.tokens.json +941 -0
  51. package/src/theme/core/component/calendar.tokens.json +391 -0
  52. package/src/theme/core/component/card.tokens.json +107 -0
  53. package/src/theme/core/component/checkbox.tokens.json +631 -0
  54. package/src/theme/core/component/chip.tokens.json +169 -0
  55. package/src/theme/core/component/combobox.tokens.json +269 -0
  56. package/src/theme/core/component/details.tokens.json +152 -0
  57. package/src/theme/core/component/dialog.tokens.json +87 -0
  58. package/src/theme/core/component/divider.tokens.json +23 -0
  59. package/src/theme/core/component/dnd.tokens.json +208 -0
  60. package/src/theme/core/component/drawer.tokens.json +61 -0
  61. package/src/theme/core/component/drilldown.tokens.json +61 -0
  62. package/src/theme/core/component/edit-card.tokens.json +381 -0
  63. package/src/theme/core/component/field-label.tokens.json +42 -0
  64. package/src/theme/core/component/field-message.tokens.json +74 -0
  65. package/src/theme/core/component/icon.tokens.json +42 -0
  66. package/src/theme/core/component/link.tokens.json +108 -0
  67. package/src/theme/core/component/list-view.tokens.json +82 -0
  68. package/src/theme/core/component/listbox.tokens.json +283 -0
  69. package/src/theme/core/component/menu.tokens.json +230 -0
  70. package/src/theme/core/component/overflow.tokens.json +84 -0
  71. package/src/theme/core/component/page.tokens.json +377 -0
  72. package/src/theme/core/component/pagination.tokens.json +63 -0
  73. package/src/theme/core/component/popover.tokens.json +122 -0
  74. package/src/theme/core/component/progress-bar.tokens.json +133 -0
  75. package/src/theme/core/component/radio.tokens.json +631 -0
  76. package/src/theme/core/component/segmented-control.tokens.json +175 -0
  77. package/src/theme/core/component/select-card.tokens.json +943 -0
  78. package/src/theme/core/component/side-nav.tokens.json +349 -0
  79. package/src/theme/core/component/skeleton.tokens.json +42 -0
  80. package/src/theme/core/component/spinner.tokens.json +96 -0
  81. package/src/theme/core/component/status-icon.tokens.json +164 -0
  82. package/src/theme/core/component/stepper.tokens.json +484 -0
  83. package/src/theme/core/component/switch.tokens.json +285 -0
  84. package/src/theme/core/component/tab.tokens.json +192 -0
  85. package/src/theme/core/component/text-field.tokens.json +160 -0
  86. package/src/theme/core/component/text.tokens.json +59 -0
  87. package/src/theme/core/component/toast.tokens.json +343 -0
  88. package/src/theme/core/component/toolbar.tokens.json +114 -0
  89. package/src/theme/core/component/tooltip.tokens.json +61 -0
  90. package/src/theme/core/focus.tokens.json +56 -0
  91. package/src/theme/core/foreground.tokens.json +416 -0
  92. package/src/theme/core/gradient.tokens.json +41 -0
  93. package/src/theme/core/opacity.tokens.json +25 -0
  94. package/src/theme/core/shadow.tokens.json +81 -0
  95. package/src/theme/core/status.tokens.json +74 -0
  96. package/src/theme/core/typography.tokens.json +163 -0
  97. package/src/utils/__tests__/css-utils-format-utils.test.js +312 -0
  98. package/src/utils/__tests__/sd-build-configs.test.js +306 -0
  99. package/src/utils/__tests__/sd-formats.test.js +950 -0
  100. package/src/utils/__tests__/sd-transforms.test.js +336 -0
  101. package/src/utils/__tests__/token-helpers.test.js +1160 -0
  102. package/src/utils/copy-css-utils-cli.js +13 -1
  103. package/src/utils/css-utils-format-utils.js +105 -176
  104. package/src/utils/figma/__tests__/sync-gradient.test.js +561 -0
  105. package/src/utils/figma/__tests__/token-conversion.test.js +117 -0
  106. package/src/utils/figma/__tests__/token-resolution.test.js +231 -0
  107. package/src/utils/figma/auth.js +355 -0
  108. package/src/utils/figma/constants.js +22 -0
  109. package/src/utils/figma/errors.js +80 -0
  110. package/src/utils/figma/figma-api.js +1069 -0
  111. package/src/utils/figma/get-token.js +348 -0
  112. package/src/utils/figma/sync-components.js +909 -0
  113. package/src/utils/figma/sync-main.js +692 -0
  114. package/src/utils/figma/sync-orchestration.js +683 -0
  115. package/src/utils/figma/sync-primitives.js +230 -0
  116. package/src/utils/figma/sync-semantic.js +1056 -0
  117. package/src/utils/figma/token-conversion.js +340 -0
  118. package/src/utils/figma/token-parsing.js +186 -0
  119. package/src/utils/figma/token-resolution.js +569 -0
  120. package/src/utils/figma/utils.js +199 -0
  121. package/src/utils/sd-build-configs.js +305 -0
  122. package/src/utils/sd-formats.js +965 -0
  123. package/src/utils/sd-transforms.js +165 -0
  124. package/src/utils/token-helpers.js +848 -0
  125. package/tsconfig.json +18 -0
  126. package/vitest.config.js +17 -0
  127. package/.turbo/turbo-build.log +0 -37
  128. package/build/web/core/raw.js +0 -234
  129. package/src/global/primitive/breakpoint.js +0 -19
  130. package/src/global/primitive/color.js +0 -231
  131. package/src/global/primitive/duration.js +0 -16
  132. package/src/global/primitive/font.js +0 -60
  133. package/src/global/primitive/radius.js +0 -31
  134. package/src/global/primitive/size.js +0 -55
  135. package/src/global/primitive/transition.js +0 -16
  136. package/src/theme/core/background.js +0 -170
  137. package/src/theme/core/border.js +0 -103
  138. package/src/theme/core/charts.js +0 -464
  139. package/src/theme/core/component/button.js +0 -708
  140. package/src/theme/core/component/checkbox.js +0 -405
  141. package/src/theme/core/focus.js +0 -35
  142. package/src/theme/core/foreground.js +0 -148
  143. package/src/theme/core/overlay.js +0 -137
  144. package/src/theme/core/shadow.js +0 -29
  145. package/src/theme/core/status.js +0 -49
  146. package/src/theme/core/typography.js +0 -82
  147. package/type/types.ts +0 -344
@@ -1,785 +1,1005 @@
1
1
  @layer starter, reset, base, state, application;
2
2
 
3
- .a2-border-color-danger {border-color: var(--border-color-danger, #e13212)}
4
- .a2-border-color-default {border-color: var(--border-color, #949596)}
5
- .a2-border-color-primary {border-color: var(--border-color-primary, #0265DC)}
6
- .a2-border-color-strong {border-color: var(--border-color-strong, #444445)}
7
- .a2-border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
8
- .a2-border-color-success {border-color: var(--border-color-success, #007A4D)}
9
- .a2-border-radius-circular {border-radius: var(--border-radius-circular, 100%)}
10
- .a2-border-radius-large {border-radius: var(--border-radius-large, 0.75rem)}
11
- .a2-border-radius-medium {border-radius: var(--border-radius-medium, 0.375rem)}
12
- .a2-border-radius-none {border-radius: var(--border-radius-none, 0)}
13
- .a2-border-radius-small {border-radius: var(--border-radius-small, 0.1875rem)}
14
- .a2-border-radius-xlarge {border-radius: var(--border-radius-xlarge, 1.5rem)}
15
- .a2-border-width-default {border-width: var(--border-width, 0.0625rem)}
16
- .a2-border-width-none {border-width: var(--border-width-none, 0rem)}
17
- .a2-border-width-strong {border-width: var(--border-width-strong, 0.125rem)}
18
- .a2-ff-heading {font-family: 'Sofia Pro', SofiaPro, sans-serif}
19
- .a2-ff-label {font-family: 'Nunito Sans', sans-serif}
20
- .a2-ff-paragraph {font-family: 'Nunito Sans', sans-serif}
21
- .a2-fs-heading-default {font-size: 1.25rem}
22
- .a2-fs-heading-large {font-size: 1.5rem}
23
- .a2-fs-heading-small {font-size: 1rem}
24
- .a2-fs-heading-xlarge {font-size: 2rem}
25
- .a2-fs-heading-xsmall {font-size: 0.875rem}
26
- .a2-fs-label-default {font-size: 0.875rem}
27
- .a2-fs-label-large {font-size: 1rem}
28
- .a2-fs-label-small {font-size: 0.75rem}
29
- .a2-fs-label-xlarge {font-size: 1.25rem}
30
- .a2-fs-label-xsmall {font-size: 0.625rem}
31
- .a2-fs-paragraph-default {font-size: 1rem}
32
- .a2-fs-paragraph-large {font-size: 1.25rem}
33
- .a2-fs-paragraph-small {font-size: 0.875rem}
34
- .a2-fs-paragraph-xlarge {font-size: 1.5rem}
35
- .a2-fs-paragraph-xsmall {font-size: 0.75rem}
36
- .a2-fw-heading {font-weight: 700}
37
- .a2-fw-label {font-weight: 600}
38
- .a2-fw-paragraph {font-weight: 400}
39
- .a2-m-0 {margin: var(--size-0, 0rem)}
40
- .a2-m-1 {margin: var(--size-1, 0.25rem)}
41
- .a2-m-10 {margin: var(--size-10, 2.5rem)}
42
- .a2-m-11 {margin: var(--size-11, 2.75rem)}
43
- .a2-m-12 {margin: var(--size-12, 3rem)}
44
- .a2-m-13 {margin: var(--size-13, 3.25rem)}
45
- .a2-m-14 {margin: var(--size-14, 3.5rem)}
46
- .a2-m-2 {margin: var(--size-2, 0.5rem)}
47
- .a2-m-3 {margin: var(--size-3, 0.75rem)}
48
- .a2-m-4 {margin: var(--size-4, 1rem)}
49
- .a2-m-5 {margin: var(--size-5, 1.25rem)}
50
- .a2-m-6 {margin: var(--size-6, 1.5rem)}
51
- .a2-m-7 {margin: var(--size-7, 1.75rem)}
52
- .a2-m-8 {margin: var(--size-8, 2rem)}
53
- .a2-m-9 {margin: var(--size-9, 2.25rem)}
54
- .a2-m-block-0 {margin-block: var(--size-0, 0rem)}
55
- .a2-m-block-1 {margin-block: var(--size-1, 0.25rem)}
56
- .a2-m-block-10 {margin-block: var(--size-10, 2.5rem)}
57
- .a2-m-block-11 {margin-block: var(--size-11, 2.75rem)}
58
- .a2-m-block-12 {margin-block: var(--size-12, 3rem)}
59
- .a2-m-block-13 {margin-block: var(--size-13, 3.25rem)}
60
- .a2-m-block-14 {margin-block: var(--size-14, 3.5rem)}
61
- .a2-m-block-2 {margin-block: var(--size-2, 0.5rem)}
62
- .a2-m-block-3 {margin-block: var(--size-3, 0.75rem)}
63
- .a2-m-block-4 {margin-block: var(--size-4, 1rem)}
64
- .a2-m-block-5 {margin-block: var(--size-5, 1.25rem)}
65
- .a2-m-block-6 {margin-block: var(--size-6, 1.5rem)}
66
- .a2-m-block-7 {margin-block: var(--size-7, 1.75rem)}
67
- .a2-m-block-8 {margin-block: var(--size-8, 2rem)}
68
- .a2-m-block-9 {margin-block: var(--size-9, 2.25rem)}
69
- .a2-m-block-end-0 {margin-block-end: var(--size-0, 0rem)}
70
- .a2-m-block-end-1 {margin-block-end: var(--size-1, 0.25rem)}
71
- .a2-m-block-end-10 {margin-block-end: var(--size-10, 2.5rem)}
72
- .a2-m-block-end-11 {margin-block-end: var(--size-11, 2.75rem)}
73
- .a2-m-block-end-12 {margin-block-end: var(--size-12, 3rem)}
74
- .a2-m-block-end-13 {margin-block-end: var(--size-13, 3.25rem)}
75
- .a2-m-block-end-14 {margin-block-end: var(--size-14, 3.5rem)}
76
- .a2-m-block-end-2 {margin-block-end: var(--size-2, 0.5rem)}
77
- .a2-m-block-end-3 {margin-block-end: var(--size-3, 0.75rem)}
78
- .a2-m-block-end-4 {margin-block-end: var(--size-4, 1rem)}
79
- .a2-m-block-end-5 {margin-block-end: var(--size-5, 1.25rem)}
80
- .a2-m-block-end-6 {margin-block-end: var(--size-6, 1.5rem)}
81
- .a2-m-block-end-7 {margin-block-end: var(--size-7, 1.75rem)}
82
- .a2-m-block-end-8 {margin-block-end: var(--size-8, 2rem)}
83
- .a2-m-block-end-9 {margin-block-end: var(--size-9, 2.25rem)}
84
- .a2-m-block-end-half {margin-block-end: var(--size-half, 0.125rem)}
85
- .a2-m-block-end-quarter {margin-block-end: var(--size-quarter, 0.0625rem)}
86
- .a2-m-block-half {margin-block: var(--size-half, 0.125rem)}
87
- .a2-m-block-quarter {margin-block: var(--size-quarter, 0.0625rem)}
88
- .a2-m-block-start-0 {margin-block-start: var(--size-0, 0rem)}
89
- .a2-m-block-start-1 {margin-block-start: var(--size-1, 0.25rem)}
90
- .a2-m-block-start-10 {margin-block-start: var(--size-10, 2.5rem)}
91
- .a2-m-block-start-11 {margin-block-start: var(--size-11, 2.75rem)}
92
- .a2-m-block-start-12 {margin-block-start: var(--size-12, 3rem)}
93
- .a2-m-block-start-13 {margin-block-start: var(--size-13, 3.25rem)}
94
- .a2-m-block-start-14 {margin-block-start: var(--size-14, 3.5rem)}
95
- .a2-m-block-start-2 {margin-block-start: var(--size-2, 0.5rem)}
96
- .a2-m-block-start-3 {margin-block-start: var(--size-3, 0.75rem)}
97
- .a2-m-block-start-4 {margin-block-start: var(--size-4, 1rem)}
98
- .a2-m-block-start-5 {margin-block-start: var(--size-5, 1.25rem)}
99
- .a2-m-block-start-6 {margin-block-start: var(--size-6, 1.5rem)}
100
- .a2-m-block-start-7 {margin-block-start: var(--size-7, 1.75rem)}
101
- .a2-m-block-start-8 {margin-block-start: var(--size-8, 2rem)}
102
- .a2-m-block-start-9 {margin-block-start: var(--size-9, 2.25rem)}
103
- .a2-m-block-start-half {margin-block-start: var(--size-half, 0.125rem)}
104
- .a2-m-block-start-quarter {margin-block-start: var(--size-quarter, 0.0625rem)}
105
- .a2-m-half {margin: var(--size-half, 0.125rem)}
106
- .a2-m-inline-0 {margin-inline: var(--size-0, 0rem)}
107
- .a2-m-inline-1 {margin-inline: var(--size-1, 0.25rem)}
108
- .a2-m-inline-10 {margin-inline: var(--size-10, 2.5rem)}
109
- .a2-m-inline-11 {margin-inline: var(--size-11, 2.75rem)}
110
- .a2-m-inline-12 {margin-inline: var(--size-12, 3rem)}
111
- .a2-m-inline-13 {margin-inline: var(--size-13, 3.25rem)}
112
- .a2-m-inline-14 {margin-inline: var(--size-14, 3.5rem)}
113
- .a2-m-inline-2 {margin-inline: var(--size-2, 0.5rem)}
114
- .a2-m-inline-3 {margin-inline: var(--size-3, 0.75rem)}
115
- .a2-m-inline-4 {margin-inline: var(--size-4, 1rem)}
116
- .a2-m-inline-5 {margin-inline: var(--size-5, 1.25rem)}
117
- .a2-m-inline-6 {margin-inline: var(--size-6, 1.5rem)}
118
- .a2-m-inline-7 {margin-inline: var(--size-7, 1.75rem)}
119
- .a2-m-inline-8 {margin-inline: var(--size-8, 2rem)}
120
- .a2-m-inline-9 {margin-inline: var(--size-9, 2.25rem)}
121
- .a2-m-inline-end-0 {margin-inline-end: var(--size-0, 0rem)}
122
- .a2-m-inline-end-1 {margin-inline-end: var(--size-1, 0.25rem)}
123
- .a2-m-inline-end-10 {margin-inline-end: var(--size-10, 2.5rem)}
124
- .a2-m-inline-end-11 {margin-inline-end: var(--size-11, 2.75rem)}
125
- .a2-m-inline-end-12 {margin-inline-end: var(--size-12, 3rem)}
126
- .a2-m-inline-end-13 {margin-inline-end: var(--size-13, 3.25rem)}
127
- .a2-m-inline-end-14 {margin-inline-end: var(--size-14, 3.5rem)}
128
- .a2-m-inline-end-2 {margin-inline-end: var(--size-2, 0.5rem)}
129
- .a2-m-inline-end-3 {margin-inline-end: var(--size-3, 0.75rem)}
130
- .a2-m-inline-end-4 {margin-inline-end: var(--size-4, 1rem)}
131
- .a2-m-inline-end-5 {margin-inline-end: var(--size-5, 1.25rem)}
132
- .a2-m-inline-end-6 {margin-inline-end: var(--size-6, 1.5rem)}
133
- .a2-m-inline-end-7 {margin-inline-end: var(--size-7, 1.75rem)}
134
- .a2-m-inline-end-8 {margin-inline-end: var(--size-8, 2rem)}
135
- .a2-m-inline-end-9 {margin-inline-end: var(--size-9, 2.25rem)}
136
- .a2-m-inline-end-half {margin-inline-end: var(--size-half, 0.125rem)}
137
- .a2-m-inline-end-quarter {margin-inline-end: var(--size-quarter, 0.0625rem)}
138
- .a2-m-inline-half {margin-inline: var(--size-half, 0.125rem)}
139
- .a2-m-inline-quarter {margin-inline: var(--size-quarter, 0.0625rem)}
140
- .a2-m-inline-start-0 {margin-inline-start: var(--size-0, 0rem)}
141
- .a2-m-inline-start-1 {margin-inline-start: var(--size-1, 0.25rem)}
142
- .a2-m-inline-start-10 {margin-inline-start: var(--size-10, 2.5rem)}
143
- .a2-m-inline-start-11 {margin-inline-start: var(--size-11, 2.75rem)}
144
- .a2-m-inline-start-12 {margin-inline-start: var(--size-12, 3rem)}
145
- .a2-m-inline-start-13 {margin-inline-start: var(--size-13, 3.25rem)}
146
- .a2-m-inline-start-14 {margin-inline-start: var(--size-14, 3.5rem)}
147
- .a2-m-inline-start-2 {margin-inline-start: var(--size-2, 0.5rem)}
148
- .a2-m-inline-start-3 {margin-inline-start: var(--size-3, 0.75rem)}
149
- .a2-m-inline-start-4 {margin-inline-start: var(--size-4, 1rem)}
150
- .a2-m-inline-start-5 {margin-inline-start: var(--size-5, 1.25rem)}
151
- .a2-m-inline-start-6 {margin-inline-start: var(--size-6, 1.5rem)}
152
- .a2-m-inline-start-7 {margin-inline-start: var(--size-7, 1.75rem)}
153
- .a2-m-inline-start-8 {margin-inline-start: var(--size-8, 2rem)}
154
- .a2-m-inline-start-9 {margin-inline-start: var(--size-9, 2.25rem)}
155
- .a2-m-inline-start-half {margin-inline-start: var(--size-half, 0.125rem)}
156
- .a2-m-inline-start-quarter {margin-inline-start: var(--size-quarter, 0.0625rem)}
157
- .a2-m-quarter {margin: var(--size-quarter, 0.0625rem)}
158
- .a2-p-0 {padding: var(--size-0, 0rem)}
159
- .a2-p-1 {padding: var(--size-1, 0.25rem)}
160
- .a2-p-10 {padding: var(--size-10, 2.5rem)}
161
- .a2-p-11 {padding: var(--size-11, 2.75rem)}
162
- .a2-p-12 {padding: var(--size-12, 3rem)}
163
- .a2-p-13 {padding: var(--size-13, 3.25rem)}
164
- .a2-p-14 {padding: var(--size-14, 3.5rem)}
165
- .a2-p-2 {padding: var(--size-2, 0.5rem)}
166
- .a2-p-3 {padding: var(--size-3, 0.75rem)}
167
- .a2-p-4 {padding: var(--size-4, 1rem)}
168
- .a2-p-5 {padding: var(--size-5, 1.25rem)}
169
- .a2-p-6 {padding: var(--size-6, 1.5rem)}
170
- .a2-p-7 {padding: var(--size-7, 1.75rem)}
171
- .a2-p-8 {padding: var(--size-8, 2rem)}
172
- .a2-p-9 {padding: var(--size-9, 2.25rem)}
173
- .a2-p-block-0 {padding-block: var(--size-0, 0rem)}
174
- .a2-p-block-1 {padding-block: var(--size-1, 0.25rem)}
175
- .a2-p-block-10 {padding-block: var(--size-10, 2.5rem)}
176
- .a2-p-block-11 {padding-block: var(--size-11, 2.75rem)}
177
- .a2-p-block-12 {padding-block: var(--size-12, 3rem)}
178
- .a2-p-block-13 {padding-block: var(--size-13, 3.25rem)}
179
- .a2-p-block-14 {padding-block: var(--size-14, 3.5rem)}
180
- .a2-p-block-2 {padding-block: var(--size-2, 0.5rem)}
181
- .a2-p-block-3 {padding-block: var(--size-3, 0.75rem)}
182
- .a2-p-block-4 {padding-block: var(--size-4, 1rem)}
183
- .a2-p-block-5 {padding-block: var(--size-5, 1.25rem)}
184
- .a2-p-block-6 {padding-block: var(--size-6, 1.5rem)}
185
- .a2-p-block-7 {padding-block: var(--size-7, 1.75rem)}
186
- .a2-p-block-8 {padding-block: var(--size-8, 2rem)}
187
- .a2-p-block-9 {padding-block: var(--size-9, 2.25rem)}
188
- .a2-p-block-end-0 {padding-block-end: var(--size-0, 0rem)}
189
- .a2-p-block-end-1 {padding-block-end: var(--size-1, 0.25rem)}
190
- .a2-p-block-end-10 {padding-block-end: var(--size-10, 2.5rem)}
191
- .a2-p-block-end-11 {padding-block-end: var(--size-11, 2.75rem)}
192
- .a2-p-block-end-12 {padding-block-end: var(--size-12, 3rem)}
193
- .a2-p-block-end-13 {padding-block-end: var(--size-13, 3.25rem)}
194
- .a2-p-block-end-14 {padding-block-end: var(--size-14, 3.5rem)}
195
- .a2-p-block-end-2 {padding-block-end: var(--size-2, 0.5rem)}
196
- .a2-p-block-end-3 {padding-block-end: var(--size-3, 0.75rem)}
197
- .a2-p-block-end-4 {padding-block-end: var(--size-4, 1rem)}
198
- .a2-p-block-end-5 {padding-block-end: var(--size-5, 1.25rem)}
199
- .a2-p-block-end-6 {padding-block-end: var(--size-6, 1.5rem)}
200
- .a2-p-block-end-7 {padding-block-end: var(--size-7, 1.75rem)}
201
- .a2-p-block-end-8 {padding-block-end: var(--size-8, 2rem)}
202
- .a2-p-block-end-9 {padding-block-end: var(--size-9, 2.25rem)}
203
- .a2-p-block-end-half {padding-block-end: var(--size-half, 0.125rem)}
204
- .a2-p-block-end-quarter {padding-block-end: var(--size-quarter, 0.0625rem)}
205
- .a2-p-block-half {padding-block: var(--size-half, 0.125rem)}
206
- .a2-p-block-quarter {padding-block: var(--size-quarter, 0.0625rem)}
207
- .a2-p-block-start-0 {padding-block-start: var(--size-0, 0rem)}
208
- .a2-p-block-start-1 {padding-block-start: var(--size-1, 0.25rem)}
209
- .a2-p-block-start-10 {padding-block-start: var(--size-10, 2.5rem)}
210
- .a2-p-block-start-11 {padding-block-start: var(--size-11, 2.75rem)}
211
- .a2-p-block-start-12 {padding-block-start: var(--size-12, 3rem)}
212
- .a2-p-block-start-13 {padding-block-start: var(--size-13, 3.25rem)}
213
- .a2-p-block-start-14 {padding-block-start: var(--size-14, 3.5rem)}
214
- .a2-p-block-start-2 {padding-block-start: var(--size-2, 0.5rem)}
215
- .a2-p-block-start-3 {padding-block-start: var(--size-3, 0.75rem)}
216
- .a2-p-block-start-4 {padding-block-start: var(--size-4, 1rem)}
217
- .a2-p-block-start-5 {padding-block-start: var(--size-5, 1.25rem)}
218
- .a2-p-block-start-6 {padding-block-start: var(--size-6, 1.5rem)}
219
- .a2-p-block-start-7 {padding-block-start: var(--size-7, 1.75rem)}
220
- .a2-p-block-start-8 {padding-block-start: var(--size-8, 2rem)}
221
- .a2-p-block-start-9 {padding-block-start: var(--size-9, 2.25rem)}
222
- .a2-p-block-start-half {padding-block-start: var(--size-half, 0.125rem)}
223
- .a2-p-block-start-quarter {padding-block-start: var(--size-quarter, 0.0625rem)}
224
- .a2-p-half {padding: var(--size-half, 0.125rem)}
225
- .a2-p-inline-0 {padding-inline: var(--size-0, 0rem)}
226
- .a2-p-inline-1 {padding-inline: var(--size-1, 0.25rem)}
227
- .a2-p-inline-10 {padding-inline: var(--size-10, 2.5rem)}
228
- .a2-p-inline-11 {padding-inline: var(--size-11, 2.75rem)}
229
- .a2-p-inline-12 {padding-inline: var(--size-12, 3rem)}
230
- .a2-p-inline-13 {padding-inline: var(--size-13, 3.25rem)}
231
- .a2-p-inline-14 {padding-inline: var(--size-14, 3.5rem)}
232
- .a2-p-inline-2 {padding-inline: var(--size-2, 0.5rem)}
233
- .a2-p-inline-3 {padding-inline: var(--size-3, 0.75rem)}
234
- .a2-p-inline-4 {padding-inline: var(--size-4, 1rem)}
235
- .a2-p-inline-5 {padding-inline: var(--size-5, 1.25rem)}
236
- .a2-p-inline-6 {padding-inline: var(--size-6, 1.5rem)}
237
- .a2-p-inline-7 {padding-inline: var(--size-7, 1.75rem)}
238
- .a2-p-inline-8 {padding-inline: var(--size-8, 2rem)}
239
- .a2-p-inline-9 {padding-inline: var(--size-9, 2.25rem)}
240
- .a2-p-inline-end-0 {padding-inline-end: var(--size-0, 0rem)}
241
- .a2-p-inline-end-1 {padding-inline-end: var(--size-1, 0.25rem)}
242
- .a2-p-inline-end-10 {padding-inline-end: var(--size-10, 2.5rem)}
243
- .a2-p-inline-end-11 {padding-inline-end: var(--size-11, 2.75rem)}
244
- .a2-p-inline-end-12 {padding-inline-end: var(--size-12, 3rem)}
245
- .a2-p-inline-end-13 {padding-inline-end: var(--size-13, 3.25rem)}
246
- .a2-p-inline-end-14 {padding-inline-end: var(--size-14, 3.5rem)}
247
- .a2-p-inline-end-2 {padding-inline-end: var(--size-2, 0.5rem)}
248
- .a2-p-inline-end-3 {padding-inline-end: var(--size-3, 0.75rem)}
249
- .a2-p-inline-end-4 {padding-inline-end: var(--size-4, 1rem)}
250
- .a2-p-inline-end-5 {padding-inline-end: var(--size-5, 1.25rem)}
251
- .a2-p-inline-end-6 {padding-inline-end: var(--size-6, 1.5rem)}
252
- .a2-p-inline-end-7 {padding-inline-end: var(--size-7, 1.75rem)}
253
- .a2-p-inline-end-8 {padding-inline-end: var(--size-8, 2rem)}
254
- .a2-p-inline-end-9 {padding-inline-end: var(--size-9, 2.25rem)}
255
- .a2-p-inline-end-half {padding-inline-end: var(--size-half, 0.125rem)}
256
- .a2-p-inline-end-quarter {padding-inline-end: var(--size-quarter, 0.0625rem)}
257
- .a2-p-inline-half {padding-inline: var(--size-half, 0.125rem)}
258
- .a2-p-inline-quarter {padding-inline: var(--size-quarter, 0.0625rem)}
259
- .a2-p-inline-start-0 {padding-inline-start: var(--size-0, 0rem)}
260
- .a2-p-inline-start-1 {padding-inline-start: var(--size-1, 0.25rem)}
261
- .a2-p-inline-start-10 {padding-inline-start: var(--size-10, 2.5rem)}
262
- .a2-p-inline-start-11 {padding-inline-start: var(--size-11, 2.75rem)}
263
- .a2-p-inline-start-12 {padding-inline-start: var(--size-12, 3rem)}
264
- .a2-p-inline-start-13 {padding-inline-start: var(--size-13, 3.25rem)}
265
- .a2-p-inline-start-14 {padding-inline-start: var(--size-14, 3.5rem)}
266
- .a2-p-inline-start-2 {padding-inline-start: var(--size-2, 0.5rem)}
267
- .a2-p-inline-start-3 {padding-inline-start: var(--size-3, 0.75rem)}
268
- .a2-p-inline-start-4 {padding-inline-start: var(--size-4, 1rem)}
269
- .a2-p-inline-start-5 {padding-inline-start: var(--size-5, 1.25rem)}
270
- .a2-p-inline-start-6 {padding-inline-start: var(--size-6, 1.5rem)}
271
- .a2-p-inline-start-7 {padding-inline-start: var(--size-7, 1.75rem)}
272
- .a2-p-inline-start-8 {padding-inline-start: var(--size-8, 2rem)}
273
- .a2-p-inline-start-9 {padding-inline-start: var(--size-9, 2.25rem)}
274
- .a2-p-inline-start-half {padding-inline-start: var(--size-half, 0.125rem)}
275
- .a2-p-inline-start-quarter {padding-inline-start: var(--size-quarter, 0.0625rem)}
276
- .a2-p-quarter {padding: var(--size-quarter, 0.0625rem)}
3
+ .a2-border-color-danger {border-color: var(--a2-border-color-danger, var(--a2-color-red-600, #d62100))}
4
+ .a2-border-color-default {border-color: var(--a2-border-color-default, var(--a2-color-neutral-400, #8b8b8b))}
5
+ .a2-border-color-primary {border-color: var(--a2-border-color-primary, var(--a2-color-blue-600, #0265dc))}
6
+ .a2-border-color-strong {border-color: var(--a2-border-color-strong, var(--a2-color-neutral-700, #404040))}
7
+ .a2-border-color-subdued {border-color: var(--a2-border-color-subdued, var(--a2-color-neutral-80, #e6e6e6))}
8
+ .a2-border-color-success {border-color: var(--a2-border-color-success, var(--a2-color-green-600, #077e50))}
9
+ .a2-border-color-warning {border-color: var(--a2-border-color-warning, var(--a2-color-yellow-700, #c98600))}
10
+ .a2-border-radius-circular {border-radius: var(--a2-border-radius-circular, 100%)}
11
+ .a2-border-radius-large {border-radius: var(--a2-border-radius-large, var(--a2-radius-4, 0.75rem))}
12
+ .a2-border-radius-medium {border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem))}
13
+ .a2-border-radius-none {border-radius: var(--a2-border-radius-none, var(--a2-radius-0, 0rem))}
14
+ .a2-border-radius-small {border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem))}
15
+ .a2-border-radius-xlarge {border-radius: var(--a2-border-radius-xlarge, var(--a2-radius-8, 1.5rem))}
16
+ .a2-border-width-default {border-width: var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem))}
17
+ .a2-border-width-none {border-width: var(--a2-border-width-none, var(--a2-size-0, 0rem))}
18
+ .a2-border-width-strong {border-width: var(--a2-border-width-strong, var(--a2-size-half, 0.125rem))}
19
+ .a2-ff-heading {font-family: var(--a2-font-family-display, 'Sofia Pro', SofiaPro, sans-serif)}
20
+ .a2-ff-label {font-family: var(--a2-font-family-base, 'Nunito Sans', sans-serif)}
21
+ .a2-ff-paragraph {font-family: var(--a2-font-family-base, 'Nunito Sans', sans-serif)}
22
+ .a2-fs-heading-default {font-size: var(--a2-font-size-500, 1.25rem)}
23
+ .a2-fs-heading-large {font-size: var(--a2-font-size-600, 1.5rem)}
24
+ .a2-fs-heading-small {font-size: var(--a2-font-size-400, 1rem)}
25
+ .a2-fs-heading-xlarge {font-size: var(--a2-font-size-800, 2rem)}
26
+ .a2-fs-heading-xsmall {font-size: var(--a2-font-size-300, 0.875rem)}
27
+ .a2-fs-label-default {font-size: var(--a2-font-size-300, 0.875rem)}
28
+ .a2-fs-label-large {font-size: var(--a2-font-size-400, 1rem)}
29
+ .a2-fs-label-small {font-size: var(--a2-font-size-200, 0.75rem)}
30
+ .a2-fs-label-xlarge {font-size: var(--a2-font-size-500, 1.25rem)}
31
+ .a2-fs-label-xsmall {font-size: var(--a2-font-size-100, 0.625rem)}
32
+ .a2-fs-paragraph-default {font-size: var(--a2-font-size-400, 1rem)}
33
+ .a2-fs-paragraph-large {font-size: var(--a2-font-size-500, 1.25rem)}
34
+ .a2-fs-paragraph-small {font-size: var(--a2-font-size-300, 0.875rem)}
35
+ .a2-fs-paragraph-xlarge {font-size: var(--a2-font-size-600, 1.5rem)}
36
+ .a2-fs-paragraph-xsmall {font-size: var(--a2-font-size-200, 0.75rem)}
37
+ .a2-fw-heading {font-weight: var(--a2-font-weight-bold, 700)}
38
+ .a2-fw-label {font-weight: var(--a2-font-weight-semibold, 600)}
39
+ .a2-fw-paragraph {font-weight: var(--a2-font-weight-normal, 400)}
40
+ .a2-m-0 {margin: var(--a2-size-0, 0rem)}
41
+ .a2-m-1 {margin: var(--a2-size-1, 0.25rem)}
42
+ .a2-m-10 {margin: var(--a2-size-10, 2.5rem)}
43
+ .a2-m-11 {margin: var(--a2-size-11, 2.75rem)}
44
+ .a2-m-12 {margin: var(--a2-size-12, 3rem)}
45
+ .a2-m-13 {margin: var(--a2-size-13, 3.25rem)}
46
+ .a2-m-14 {margin: var(--a2-size-14, 3.5rem)}
47
+ .a2-m-2 {margin: var(--a2-size-2, 0.5rem)}
48
+ .a2-m-3 {margin: var(--a2-size-3, 0.75rem)}
49
+ .a2-m-4 {margin: var(--a2-size-4, 1rem)}
50
+ .a2-m-5 {margin: var(--a2-size-5, 1.25rem)}
51
+ .a2-m-6 {margin: var(--a2-size-6, 1.5rem)}
52
+ .a2-m-7 {margin: var(--a2-size-7, 1.75rem)}
53
+ .a2-m-8 {margin: var(--a2-size-8, 2rem)}
54
+ .a2-m-9 {margin: var(--a2-size-9, 2.25rem)}
55
+ .a2-m-block-0 {margin-block: var(--a2-size-0, 0rem)}
56
+ .a2-m-block-1 {margin-block: var(--a2-size-1, 0.25rem)}
57
+ .a2-m-block-10 {margin-block: var(--a2-size-10, 2.5rem)}
58
+ .a2-m-block-11 {margin-block: var(--a2-size-11, 2.75rem)}
59
+ .a2-m-block-12 {margin-block: var(--a2-size-12, 3rem)}
60
+ .a2-m-block-13 {margin-block: var(--a2-size-13, 3.25rem)}
61
+ .a2-m-block-14 {margin-block: var(--a2-size-14, 3.5rem)}
62
+ .a2-m-block-2 {margin-block: var(--a2-size-2, 0.5rem)}
63
+ .a2-m-block-3 {margin-block: var(--a2-size-3, 0.75rem)}
64
+ .a2-m-block-4 {margin-block: var(--a2-size-4, 1rem)}
65
+ .a2-m-block-5 {margin-block: var(--a2-size-5, 1.25rem)}
66
+ .a2-m-block-6 {margin-block: var(--a2-size-6, 1.5rem)}
67
+ .a2-m-block-7 {margin-block: var(--a2-size-7, 1.75rem)}
68
+ .a2-m-block-8 {margin-block: var(--a2-size-8, 2rem)}
69
+ .a2-m-block-9 {margin-block: var(--a2-size-9, 2.25rem)}
70
+ .a2-m-block-end-0 {margin-block-end: var(--a2-size-0, 0rem)}
71
+ .a2-m-block-end-1 {margin-block-end: var(--a2-size-1, 0.25rem)}
72
+ .a2-m-block-end-10 {margin-block-end: var(--a2-size-10, 2.5rem)}
73
+ .a2-m-block-end-11 {margin-block-end: var(--a2-size-11, 2.75rem)}
74
+ .a2-m-block-end-12 {margin-block-end: var(--a2-size-12, 3rem)}
75
+ .a2-m-block-end-13 {margin-block-end: var(--a2-size-13, 3.25rem)}
76
+ .a2-m-block-end-14 {margin-block-end: var(--a2-size-14, 3.5rem)}
77
+ .a2-m-block-end-2 {margin-block-end: var(--a2-size-2, 0.5rem)}
78
+ .a2-m-block-end-3 {margin-block-end: var(--a2-size-3, 0.75rem)}
79
+ .a2-m-block-end-4 {margin-block-end: var(--a2-size-4, 1rem)}
80
+ .a2-m-block-end-5 {margin-block-end: var(--a2-size-5, 1.25rem)}
81
+ .a2-m-block-end-6 {margin-block-end: var(--a2-size-6, 1.5rem)}
82
+ .a2-m-block-end-7 {margin-block-end: var(--a2-size-7, 1.75rem)}
83
+ .a2-m-block-end-8 {margin-block-end: var(--a2-size-8, 2rem)}
84
+ .a2-m-block-end-9 {margin-block-end: var(--a2-size-9, 2.25rem)}
85
+ .a2-m-block-end-half {margin-block-end: var(--a2-size-half, 0.125rem)}
86
+ .a2-m-block-end-quarter {margin-block-end: var(--a2-size-quarter, 0.0625rem)}
87
+ .a2-m-block-half {margin-block: var(--a2-size-half, 0.125rem)}
88
+ .a2-m-block-quarter {margin-block: var(--a2-size-quarter, 0.0625rem)}
89
+ .a2-m-block-start-0 {margin-block-start: var(--a2-size-0, 0rem)}
90
+ .a2-m-block-start-1 {margin-block-start: var(--a2-size-1, 0.25rem)}
91
+ .a2-m-block-start-10 {margin-block-start: var(--a2-size-10, 2.5rem)}
92
+ .a2-m-block-start-11 {margin-block-start: var(--a2-size-11, 2.75rem)}
93
+ .a2-m-block-start-12 {margin-block-start: var(--a2-size-12, 3rem)}
94
+ .a2-m-block-start-13 {margin-block-start: var(--a2-size-13, 3.25rem)}
95
+ .a2-m-block-start-14 {margin-block-start: var(--a2-size-14, 3.5rem)}
96
+ .a2-m-block-start-2 {margin-block-start: var(--a2-size-2, 0.5rem)}
97
+ .a2-m-block-start-3 {margin-block-start: var(--a2-size-3, 0.75rem)}
98
+ .a2-m-block-start-4 {margin-block-start: var(--a2-size-4, 1rem)}
99
+ .a2-m-block-start-5 {margin-block-start: var(--a2-size-5, 1.25rem)}
100
+ .a2-m-block-start-6 {margin-block-start: var(--a2-size-6, 1.5rem)}
101
+ .a2-m-block-start-7 {margin-block-start: var(--a2-size-7, 1.75rem)}
102
+ .a2-m-block-start-8 {margin-block-start: var(--a2-size-8, 2rem)}
103
+ .a2-m-block-start-9 {margin-block-start: var(--a2-size-9, 2.25rem)}
104
+ .a2-m-block-start-half {margin-block-start: var(--a2-size-half, 0.125rem)}
105
+ .a2-m-block-start-quarter {margin-block-start: var(--a2-size-quarter, 0.0625rem)}
106
+ .a2-m-half {margin: var(--a2-size-half, 0.125rem)}
107
+ .a2-m-inline-0 {margin-inline: var(--a2-size-0, 0rem)}
108
+ .a2-m-inline-1 {margin-inline: var(--a2-size-1, 0.25rem)}
109
+ .a2-m-inline-10 {margin-inline: var(--a2-size-10, 2.5rem)}
110
+ .a2-m-inline-11 {margin-inline: var(--a2-size-11, 2.75rem)}
111
+ .a2-m-inline-12 {margin-inline: var(--a2-size-12, 3rem)}
112
+ .a2-m-inline-13 {margin-inline: var(--a2-size-13, 3.25rem)}
113
+ .a2-m-inline-14 {margin-inline: var(--a2-size-14, 3.5rem)}
114
+ .a2-m-inline-2 {margin-inline: var(--a2-size-2, 0.5rem)}
115
+ .a2-m-inline-3 {margin-inline: var(--a2-size-3, 0.75rem)}
116
+ .a2-m-inline-4 {margin-inline: var(--a2-size-4, 1rem)}
117
+ .a2-m-inline-5 {margin-inline: var(--a2-size-5, 1.25rem)}
118
+ .a2-m-inline-6 {margin-inline: var(--a2-size-6, 1.5rem)}
119
+ .a2-m-inline-7 {margin-inline: var(--a2-size-7, 1.75rem)}
120
+ .a2-m-inline-8 {margin-inline: var(--a2-size-8, 2rem)}
121
+ .a2-m-inline-9 {margin-inline: var(--a2-size-9, 2.25rem)}
122
+ .a2-m-inline-end-0 {margin-inline-end: var(--a2-size-0, 0rem)}
123
+ .a2-m-inline-end-1 {margin-inline-end: var(--a2-size-1, 0.25rem)}
124
+ .a2-m-inline-end-10 {margin-inline-end: var(--a2-size-10, 2.5rem)}
125
+ .a2-m-inline-end-11 {margin-inline-end: var(--a2-size-11, 2.75rem)}
126
+ .a2-m-inline-end-12 {margin-inline-end: var(--a2-size-12, 3rem)}
127
+ .a2-m-inline-end-13 {margin-inline-end: var(--a2-size-13, 3.25rem)}
128
+ .a2-m-inline-end-14 {margin-inline-end: var(--a2-size-14, 3.5rem)}
129
+ .a2-m-inline-end-2 {margin-inline-end: var(--a2-size-2, 0.5rem)}
130
+ .a2-m-inline-end-3 {margin-inline-end: var(--a2-size-3, 0.75rem)}
131
+ .a2-m-inline-end-4 {margin-inline-end: var(--a2-size-4, 1rem)}
132
+ .a2-m-inline-end-5 {margin-inline-end: var(--a2-size-5, 1.25rem)}
133
+ .a2-m-inline-end-6 {margin-inline-end: var(--a2-size-6, 1.5rem)}
134
+ .a2-m-inline-end-7 {margin-inline-end: var(--a2-size-7, 1.75rem)}
135
+ .a2-m-inline-end-8 {margin-inline-end: var(--a2-size-8, 2rem)}
136
+ .a2-m-inline-end-9 {margin-inline-end: var(--a2-size-9, 2.25rem)}
137
+ .a2-m-inline-end-half {margin-inline-end: var(--a2-size-half, 0.125rem)}
138
+ .a2-m-inline-end-quarter {margin-inline-end: var(--a2-size-quarter, 0.0625rem)}
139
+ .a2-m-inline-half {margin-inline: var(--a2-size-half, 0.125rem)}
140
+ .a2-m-inline-quarter {margin-inline: var(--a2-size-quarter, 0.0625rem)}
141
+ .a2-m-inline-start-0 {margin-inline-start: var(--a2-size-0, 0rem)}
142
+ .a2-m-inline-start-1 {margin-inline-start: var(--a2-size-1, 0.25rem)}
143
+ .a2-m-inline-start-10 {margin-inline-start: var(--a2-size-10, 2.5rem)}
144
+ .a2-m-inline-start-11 {margin-inline-start: var(--a2-size-11, 2.75rem)}
145
+ .a2-m-inline-start-12 {margin-inline-start: var(--a2-size-12, 3rem)}
146
+ .a2-m-inline-start-13 {margin-inline-start: var(--a2-size-13, 3.25rem)}
147
+ .a2-m-inline-start-14 {margin-inline-start: var(--a2-size-14, 3.5rem)}
148
+ .a2-m-inline-start-2 {margin-inline-start: var(--a2-size-2, 0.5rem)}
149
+ .a2-m-inline-start-3 {margin-inline-start: var(--a2-size-3, 0.75rem)}
150
+ .a2-m-inline-start-4 {margin-inline-start: var(--a2-size-4, 1rem)}
151
+ .a2-m-inline-start-5 {margin-inline-start: var(--a2-size-5, 1.25rem)}
152
+ .a2-m-inline-start-6 {margin-inline-start: var(--a2-size-6, 1.5rem)}
153
+ .a2-m-inline-start-7 {margin-inline-start: var(--a2-size-7, 1.75rem)}
154
+ .a2-m-inline-start-8 {margin-inline-start: var(--a2-size-8, 2rem)}
155
+ .a2-m-inline-start-9 {margin-inline-start: var(--a2-size-9, 2.25rem)}
156
+ .a2-m-inline-start-half {margin-inline-start: var(--a2-size-half, 0.125rem)}
157
+ .a2-m-inline-start-quarter {margin-inline-start: var(--a2-size-quarter, 0.0625rem)}
158
+ .a2-m-quarter {margin: var(--a2-size-quarter, 0.0625rem)}
159
+ .a2-p-0 {padding: var(--a2-size-0, 0rem)}
160
+ .a2-p-1 {padding: var(--a2-size-1, 0.25rem)}
161
+ .a2-p-10 {padding: var(--a2-size-10, 2.5rem)}
162
+ .a2-p-11 {padding: var(--a2-size-11, 2.75rem)}
163
+ .a2-p-12 {padding: var(--a2-size-12, 3rem)}
164
+ .a2-p-13 {padding: var(--a2-size-13, 3.25rem)}
165
+ .a2-p-14 {padding: var(--a2-size-14, 3.5rem)}
166
+ .a2-p-2 {padding: var(--a2-size-2, 0.5rem)}
167
+ .a2-p-3 {padding: var(--a2-size-3, 0.75rem)}
168
+ .a2-p-4 {padding: var(--a2-size-4, 1rem)}
169
+ .a2-p-5 {padding: var(--a2-size-5, 1.25rem)}
170
+ .a2-p-6 {padding: var(--a2-size-6, 1.5rem)}
171
+ .a2-p-7 {padding: var(--a2-size-7, 1.75rem)}
172
+ .a2-p-8 {padding: var(--a2-size-8, 2rem)}
173
+ .a2-p-9 {padding: var(--a2-size-9, 2.25rem)}
174
+ .a2-p-block-0 {padding-block: var(--a2-size-0, 0rem)}
175
+ .a2-p-block-1 {padding-block: var(--a2-size-1, 0.25rem)}
176
+ .a2-p-block-10 {padding-block: var(--a2-size-10, 2.5rem)}
177
+ .a2-p-block-11 {padding-block: var(--a2-size-11, 2.75rem)}
178
+ .a2-p-block-12 {padding-block: var(--a2-size-12, 3rem)}
179
+ .a2-p-block-13 {padding-block: var(--a2-size-13, 3.25rem)}
180
+ .a2-p-block-14 {padding-block: var(--a2-size-14, 3.5rem)}
181
+ .a2-p-block-2 {padding-block: var(--a2-size-2, 0.5rem)}
182
+ .a2-p-block-3 {padding-block: var(--a2-size-3, 0.75rem)}
183
+ .a2-p-block-4 {padding-block: var(--a2-size-4, 1rem)}
184
+ .a2-p-block-5 {padding-block: var(--a2-size-5, 1.25rem)}
185
+ .a2-p-block-6 {padding-block: var(--a2-size-6, 1.5rem)}
186
+ .a2-p-block-7 {padding-block: var(--a2-size-7, 1.75rem)}
187
+ .a2-p-block-8 {padding-block: var(--a2-size-8, 2rem)}
188
+ .a2-p-block-9 {padding-block: var(--a2-size-9, 2.25rem)}
189
+ .a2-p-block-end-0 {padding-block-end: var(--a2-size-0, 0rem)}
190
+ .a2-p-block-end-1 {padding-block-end: var(--a2-size-1, 0.25rem)}
191
+ .a2-p-block-end-10 {padding-block-end: var(--a2-size-10, 2.5rem)}
192
+ .a2-p-block-end-11 {padding-block-end: var(--a2-size-11, 2.75rem)}
193
+ .a2-p-block-end-12 {padding-block-end: var(--a2-size-12, 3rem)}
194
+ .a2-p-block-end-13 {padding-block-end: var(--a2-size-13, 3.25rem)}
195
+ .a2-p-block-end-14 {padding-block-end: var(--a2-size-14, 3.5rem)}
196
+ .a2-p-block-end-2 {padding-block-end: var(--a2-size-2, 0.5rem)}
197
+ .a2-p-block-end-3 {padding-block-end: var(--a2-size-3, 0.75rem)}
198
+ .a2-p-block-end-4 {padding-block-end: var(--a2-size-4, 1rem)}
199
+ .a2-p-block-end-5 {padding-block-end: var(--a2-size-5, 1.25rem)}
200
+ .a2-p-block-end-6 {padding-block-end: var(--a2-size-6, 1.5rem)}
201
+ .a2-p-block-end-7 {padding-block-end: var(--a2-size-7, 1.75rem)}
202
+ .a2-p-block-end-8 {padding-block-end: var(--a2-size-8, 2rem)}
203
+ .a2-p-block-end-9 {padding-block-end: var(--a2-size-9, 2.25rem)}
204
+ .a2-p-block-end-half {padding-block-end: var(--a2-size-half, 0.125rem)}
205
+ .a2-p-block-end-quarter {padding-block-end: var(--a2-size-quarter, 0.0625rem)}
206
+ .a2-p-block-half {padding-block: var(--a2-size-half, 0.125rem)}
207
+ .a2-p-block-quarter {padding-block: var(--a2-size-quarter, 0.0625rem)}
208
+ .a2-p-block-start-0 {padding-block-start: var(--a2-size-0, 0rem)}
209
+ .a2-p-block-start-1 {padding-block-start: var(--a2-size-1, 0.25rem)}
210
+ .a2-p-block-start-10 {padding-block-start: var(--a2-size-10, 2.5rem)}
211
+ .a2-p-block-start-11 {padding-block-start: var(--a2-size-11, 2.75rem)}
212
+ .a2-p-block-start-12 {padding-block-start: var(--a2-size-12, 3rem)}
213
+ .a2-p-block-start-13 {padding-block-start: var(--a2-size-13, 3.25rem)}
214
+ .a2-p-block-start-14 {padding-block-start: var(--a2-size-14, 3.5rem)}
215
+ .a2-p-block-start-2 {padding-block-start: var(--a2-size-2, 0.5rem)}
216
+ .a2-p-block-start-3 {padding-block-start: var(--a2-size-3, 0.75rem)}
217
+ .a2-p-block-start-4 {padding-block-start: var(--a2-size-4, 1rem)}
218
+ .a2-p-block-start-5 {padding-block-start: var(--a2-size-5, 1.25rem)}
219
+ .a2-p-block-start-6 {padding-block-start: var(--a2-size-6, 1.5rem)}
220
+ .a2-p-block-start-7 {padding-block-start: var(--a2-size-7, 1.75rem)}
221
+ .a2-p-block-start-8 {padding-block-start: var(--a2-size-8, 2rem)}
222
+ .a2-p-block-start-9 {padding-block-start: var(--a2-size-9, 2.25rem)}
223
+ .a2-p-block-start-half {padding-block-start: var(--a2-size-half, 0.125rem)}
224
+ .a2-p-block-start-quarter {padding-block-start: var(--a2-size-quarter, 0.0625rem)}
225
+ .a2-p-half {padding: var(--a2-size-half, 0.125rem)}
226
+ .a2-p-inline-0 {padding-inline: var(--a2-size-0, 0rem)}
227
+ .a2-p-inline-1 {padding-inline: var(--a2-size-1, 0.25rem)}
228
+ .a2-p-inline-10 {padding-inline: var(--a2-size-10, 2.5rem)}
229
+ .a2-p-inline-11 {padding-inline: var(--a2-size-11, 2.75rem)}
230
+ .a2-p-inline-12 {padding-inline: var(--a2-size-12, 3rem)}
231
+ .a2-p-inline-13 {padding-inline: var(--a2-size-13, 3.25rem)}
232
+ .a2-p-inline-14 {padding-inline: var(--a2-size-14, 3.5rem)}
233
+ .a2-p-inline-2 {padding-inline: var(--a2-size-2, 0.5rem)}
234
+ .a2-p-inline-3 {padding-inline: var(--a2-size-3, 0.75rem)}
235
+ .a2-p-inline-4 {padding-inline: var(--a2-size-4, 1rem)}
236
+ .a2-p-inline-5 {padding-inline: var(--a2-size-5, 1.25rem)}
237
+ .a2-p-inline-6 {padding-inline: var(--a2-size-6, 1.5rem)}
238
+ .a2-p-inline-7 {padding-inline: var(--a2-size-7, 1.75rem)}
239
+ .a2-p-inline-8 {padding-inline: var(--a2-size-8, 2rem)}
240
+ .a2-p-inline-9 {padding-inline: var(--a2-size-9, 2.25rem)}
241
+ .a2-p-inline-end-0 {padding-inline-end: var(--a2-size-0, 0rem)}
242
+ .a2-p-inline-end-1 {padding-inline-end: var(--a2-size-1, 0.25rem)}
243
+ .a2-p-inline-end-10 {padding-inline-end: var(--a2-size-10, 2.5rem)}
244
+ .a2-p-inline-end-11 {padding-inline-end: var(--a2-size-11, 2.75rem)}
245
+ .a2-p-inline-end-12 {padding-inline-end: var(--a2-size-12, 3rem)}
246
+ .a2-p-inline-end-13 {padding-inline-end: var(--a2-size-13, 3.25rem)}
247
+ .a2-p-inline-end-14 {padding-inline-end: var(--a2-size-14, 3.5rem)}
248
+ .a2-p-inline-end-2 {padding-inline-end: var(--a2-size-2, 0.5rem)}
249
+ .a2-p-inline-end-3 {padding-inline-end: var(--a2-size-3, 0.75rem)}
250
+ .a2-p-inline-end-4 {padding-inline-end: var(--a2-size-4, 1rem)}
251
+ .a2-p-inline-end-5 {padding-inline-end: var(--a2-size-5, 1.25rem)}
252
+ .a2-p-inline-end-6 {padding-inline-end: var(--a2-size-6, 1.5rem)}
253
+ .a2-p-inline-end-7 {padding-inline-end: var(--a2-size-7, 1.75rem)}
254
+ .a2-p-inline-end-8 {padding-inline-end: var(--a2-size-8, 2rem)}
255
+ .a2-p-inline-end-9 {padding-inline-end: var(--a2-size-9, 2.25rem)}
256
+ .a2-p-inline-end-half {padding-inline-end: var(--a2-size-half, 0.125rem)}
257
+ .a2-p-inline-end-quarter {padding-inline-end: var(--a2-size-quarter, 0.0625rem)}
258
+ .a2-p-inline-half {padding-inline: var(--a2-size-half, 0.125rem)}
259
+ .a2-p-inline-quarter {padding-inline: var(--a2-size-quarter, 0.0625rem)}
260
+ .a2-p-inline-start-0 {padding-inline-start: var(--a2-size-0, 0rem)}
261
+ .a2-p-inline-start-1 {padding-inline-start: var(--a2-size-1, 0.25rem)}
262
+ .a2-p-inline-start-10 {padding-inline-start: var(--a2-size-10, 2.5rem)}
263
+ .a2-p-inline-start-11 {padding-inline-start: var(--a2-size-11, 2.75rem)}
264
+ .a2-p-inline-start-12 {padding-inline-start: var(--a2-size-12, 3rem)}
265
+ .a2-p-inline-start-13 {padding-inline-start: var(--a2-size-13, 3.25rem)}
266
+ .a2-p-inline-start-14 {padding-inline-start: var(--a2-size-14, 3.5rem)}
267
+ .a2-p-inline-start-2 {padding-inline-start: var(--a2-size-2, 0.5rem)}
268
+ .a2-p-inline-start-3 {padding-inline-start: var(--a2-size-3, 0.75rem)}
269
+ .a2-p-inline-start-4 {padding-inline-start: var(--a2-size-4, 1rem)}
270
+ .a2-p-inline-start-5 {padding-inline-start: var(--a2-size-5, 1.25rem)}
271
+ .a2-p-inline-start-6 {padding-inline-start: var(--a2-size-6, 1.5rem)}
272
+ .a2-p-inline-start-7 {padding-inline-start: var(--a2-size-7, 1.75rem)}
273
+ .a2-p-inline-start-8 {padding-inline-start: var(--a2-size-8, 2rem)}
274
+ .a2-p-inline-start-9 {padding-inline-start: var(--a2-size-9, 2.25rem)}
275
+ .a2-p-inline-start-half {padding-inline-start: var(--a2-size-half, 0.125rem)}
276
+ .a2-p-inline-start-quarter {padding-inline-start: var(--a2-size-quarter, 0.0625rem)}
277
+ .a2-p-quarter {padding: var(--a2-size-quarter, 0.0625rem)}
277
278
  .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
- .a2-bg-danger-default {background-color: var(--background-color-danger, #e13212)}
279
- .a2-bg-danger-subdued {background-color: var(--background-color-danger-subdued, #ffece9)}
280
- .a2-bg-default {background-color: var(--background-color, #ffffff)}
281
- .a2-bg-disabled {background-color: var(--background-color-disabled, #606162)}
282
- .a2-bg-inverted-default {background-color: var(--background-color-inverted, #2d2e31)}
283
- .a2-bg-inverted-strong {background-color: var(--background-color-inverted-strong, #141414)}
284
- .a2-bg-overlay-active-danger {background-color: var(--overlay-color-active-danger, #e132124D)}
285
- .a2-bg-overlay-active-default {background-color: var(--overlay-color-active, #14141429)}
286
- .a2-bg-overlay-active-on-danger {background-color: var(--overlay-color-active-on-danger, #14141466)}
287
- .a2-bg-overlay-active-on-default {background-color: var(--overlay-color-active-on, #14141429)}
288
- .a2-bg-overlay-active-on-primary {background-color: var(--overlay-color-active-on-primary, #14141466)}
289
- .a2-bg-overlay-active-primary {background-color: var(--overlay-color-active-primary, #0265DC4D)}
290
- .a2-bg-overlay-hover-danger {background-color: var(--overlay-color-hover-danger, #e132121A)}
291
- .a2-bg-overlay-hover-default {background-color: var(--overlay-color-hover, #14141414)}
292
- .a2-bg-overlay-hover-on-danger {background-color: var(--overlay-color-hover-on-danger, #14141433)}
293
- .a2-bg-overlay-hover-on-default {background-color: var(--overlay-color-hover-on, #14141414)}
294
- .a2-bg-overlay-hover-on-primary {background-color: var(--overlay-color-hover-on-primary, #14141433)}
295
- .a2-bg-overlay-hover-primary {background-color: var(--overlay-color-hover-primary, #0265DC1A)}
296
- .a2-bg-primary-default {background-color: var(--background-color-primary, #0265DC)}
297
- .a2-bg-primary-subdued {background-color: var(--background-color-primary-subdued, #E0F2FF)}
298
- .a2-bg-status-danger {background-color: var(--status-color-danger, #e13212)}
299
- .a2-bg-status-info {background-color: var(--status-color-info, #0265DC)}
300
- .a2-bg-status-success {background-color: var(--status-color-success, #007A4D)}
301
- .a2-bg-status-warning {background-color: var(--status-color-warning, #ffbe00)}
302
- .a2-bg-strong {background-color: var(--background-color-strong, #f7f7f7)}
303
- .a2-bg-stronger {background-color: var(--background-color-stronger, #eeeeee)}
304
- .a2-bg-strongest {background-color: var(--background-color-strongest, #bcbcbd)}
305
- .a2-bg-success-default {background-color: var(--background-color-success, #007A4D)}
306
- .a2-bg-success-subdued {background-color: var(--background-color-success-subdued, #CEF8E0)}
307
- .a2-bg-warning-default {background-color: var(--background-color-warning, #ffbe00)}
308
- .a2-border-color-danger {border-color: var(--border-color-danger, #e13212)}
309
- .a2-border-color-default {border-color: var(--border-color, #949596)}
310
- .a2-border-color-primary {border-color: var(--border-color-primary, #0265DC)}
311
- .a2-border-color-status-info {border-color: var(--status-color-info, #0265DC)}
312
- .a2-border-color-status-success {border-color: var(--status-color-success, #007A4D)}
313
- .a2-border-color-status-warning {border-color: var(--status-color-warning, #ffbe00)}
314
- .a2-border-color-strong {border-color: var(--border-color-strong, #444445)}
315
- .a2-border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
316
- .a2-border-color-success {border-color: var(--border-color-success, #007A4D)}
317
- .a2-c-active-danger {color: var(--foreground-color-active-danger, #bf2a00)}
318
- .a2-c-active-primary {color: var(--foreground-color-active-primary, #004491)}
319
- .a2-c-danger {color: var(--foreground-color-danger, #e13212)}
320
- .a2-c-default {color: var(--foreground-color, #141414)}
321
- .a2-c-hover-danger {color: var(--foreground-color-hover-danger, #bf2a00)}
322
- .a2-c-hover-primary {color: var(--foreground-color-hover-primary, #004491)}
323
- .a2-c-inverted {color: var(--foreground-color-inverted, #ffffff)}
324
- .a2-c-on-danger-default {color: var(--foreground-color-on-danger, #ffffff)}
325
- .a2-c-on-danger-subdued {color: var(--foreground-color-on-danger-subdued, #bf2a00)}
326
- .a2-c-on-primary {color: var(--foreground-color-on-primary, #ffffff)}
327
- .a2-c-on-warning {color: var(--foreground-color-on-warning, #141414)}
328
- .a2-c-primary {color: var(--foreground-color-primary, #0265DC)}
329
- .a2-c-status-danger {color: var(--status-color-danger, #e13212)}
330
- .a2-c-status-info {color: var(--status-color-info, #0265DC)}
331
- .a2-c-status-success {color: var(--status-color-success, #007A4D)}
332
- .a2-c-status-warning {color: var(--status-color-warning, #ffbe00)}
333
- .a2-c-subdued {color: var(--foreground-color-subdued, #737475)}
279
+ .a2-bg-danger {background-color: var(--a2-background-color-danger, var(--a2-status-color-danger, var(--a2-color-red-600, #d62100)))}
280
+ .a2-bg-danger-active {background-color: var(--a2-background-color-danger-active, var(--a2-color-red-800, #731100))}
281
+ .a2-bg-danger-faint {background-color: var(--a2-background-color-danger-faint, var(--a2-color-red-10, #fffbfa))}
282
+ .a2-bg-danger-faint-active {background-color: var(--a2-background-color-danger-faint-active, var(--a2-color-red-100, #ffd4cc))}
283
+ .a2-bg-danger-faint-hover {background-color: var(--a2-background-color-danger-faint-hover, var(--a2-color-red-50, #ffe9e5))}
284
+ .a2-bg-danger-hover {background-color: var(--a2-background-color-danger-hover, var(--a2-color-red-700, #a31900))}
285
+ .a2-bg-danger-subdued {background-color: var(--a2-background-color-danger-subdued, var(--a2-color-red-50, #ffe9e5))}
286
+ .a2-bg-danger-subdued-active {background-color: var(--a2-background-color-danger-subdued-active, var(--a2-color-red-200, #ffac9e))}
287
+ .a2-bg-danger-subdued-hover {background-color: var(--a2-background-color-danger-subdued-hover, var(--a2-color-red-100, #ffd4cc))}
288
+ .a2-bg-default {background-color: var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff))}
289
+ .a2-bg-default-active {background-color: var(--a2-background-color-default-active, var(--a2-color-neutral-40, #f1f1f1))}
290
+ .a2-bg-default-hover {background-color: var(--a2-background-color-default-hover, var(--a2-color-neutral-20, #f9f9f9))}
291
+ .a2-bg-disabled {background-color: var(--a2-background-color-disabled, var(--a2-color-neutral-600, #545454))}
292
+ .a2-bg-inverted {background-color: var(--a2-background-color-inverted, var(--a2-color-neutral-800, #292929))}
293
+ .a2-bg-inverted-active {background-color: var(--a2-background-color-inverted-active, var(--a2-color-neutral-800, #292929))}
294
+ .a2-bg-inverted-hover {background-color: var(--a2-background-color-inverted-hover, var(--a2-color-neutral-800, #292929))}
295
+ .a2-bg-inverted-strong {background-color: var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a))}
296
+ .a2-bg-inverted-strong-active {background-color: var(--a2-background-color-inverted-strong-active, var(--a2-color-neutral-900, #1a1a1a))}
297
+ .a2-bg-inverted-strong-hover {background-color: var(--a2-background-color-inverted-strong-hover, var(--a2-color-neutral-900, #1a1a1a))}
298
+ .a2-bg-primary {background-color: var(--a2-background-color-primary, var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc)))}
299
+ .a2-bg-primary-active {background-color: var(--a2-background-color-primary-active, var(--a2-color-blue-800, #003472))}
300
+ .a2-bg-primary-faint {background-color: var(--a2-background-color-primary-faint, var(--a2-color-blue-10, #fafcff))}
301
+ .a2-bg-primary-faint-active {background-color: var(--a2-background-color-primary-faint-active, var(--a2-color-blue-100, #cce3ff))}
302
+ .a2-bg-primary-faint-hover {background-color: var(--a2-background-color-primary-faint-hover, var(--a2-color-blue-50, #e6f1ff))}
303
+ .a2-bg-primary-hover {background-color: var(--a2-background-color-primary-hover, var(--a2-color-blue-700, #1d4ca3))}
304
+ .a2-bg-primary-subdued {background-color: var(--a2-background-color-primary-subdued, var(--a2-color-blue-50, #e6f1ff))}
305
+ .a2-bg-primary-subdued-active {background-color: var(--a2-background-color-primary-subdued-active, var(--a2-color-blue-200, #9ecaff))}
306
+ .a2-bg-primary-subdued-hover {background-color: var(--a2-background-color-primary-subdued-hover, var(--a2-color-blue-100, #cce3ff))}
307
+ .a2-bg-secondary {background-color: var(--a2-background-color-secondary, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 6%, transparent))}
308
+ .a2-bg-secondary-active {background-color: var(--a2-background-color-secondary-active, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 16%, transparent))}
309
+ .a2-bg-secondary-hover {background-color: var(--a2-background-color-secondary-hover, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 8%, transparent))}
310
+ .a2-bg-secondary-strong {background-color: var(--a2-background-color-secondary-strong, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 15%, transparent))}
311
+ .a2-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))}
312
+ .a2-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))}
313
+ .a2-bg-status-danger {background-color: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100))}
314
+ .a2-bg-status-info {background-color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
315
+ .a2-bg-status-success {background-color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
316
+ .a2-bg-status-warning {background-color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
317
+ .a2-bg-strong {background-color: var(--a2-background-color-strong, var(--a2-color-neutral-20, #f9f9f9))}
318
+ .a2-bg-strong-active {background-color: var(--a2-background-color-strong-active, var(--a2-color-neutral-70, #e8e8e8))}
319
+ .a2-bg-strong-hover {background-color: var(--a2-background-color-strong-hover, var(--a2-color-neutral-50, #eeeeee))}
320
+ .a2-bg-stronger {background-color: var(--a2-background-color-stronger, var(--a2-color-neutral-50, #eeeeee))}
321
+ .a2-bg-stronger-active {background-color: var(--a2-background-color-stronger-active, var(--a2-color-neutral-100, #dfdfdf))}
322
+ .a2-bg-stronger-hover {background-color: var(--a2-background-color-stronger-hover, var(--a2-color-neutral-90, #e5e5e5))}
323
+ .a2-bg-strongest {background-color: var(--a2-background-color-strongest, var(--a2-color-neutral-200, #c4c4c4))}
324
+ .a2-bg-strongest-active {background-color: var(--a2-background-color-strongest-active, var(--a2-color-neutral-400, #8b8b8b))}
325
+ .a2-bg-strongest-hover {background-color: var(--a2-background-color-strongest-hover, var(--a2-color-neutral-300, #a8a8a8))}
326
+ .a2-bg-success {background-color: var(--a2-background-color-success, var(--a2-status-color-success, var(--a2-color-green-600, #077e50)))}
327
+ .a2-bg-success-active {background-color: var(--a2-background-color-success-active, var(--a2-color-green-800, #04482e))}
328
+ .a2-bg-success-faint {background-color: var(--a2-background-color-success-faint, var(--a2-color-green-10, #f5fefb))}
329
+ .a2-bg-success-faint-active {background-color: var(--a2-background-color-success-faint-active, var(--a2-color-green-100, #b8f5dd))}
330
+ .a2-bg-success-faint-hover {background-color: var(--a2-background-color-success-faint-hover, var(--a2-color-green-50, #d3fded))}
331
+ .a2-bg-success-hover {background-color: var(--a2-background-color-success-hover, var(--a2-color-green-700, #05613e))}
332
+ .a2-bg-success-subdued {background-color: var(--a2-background-color-success-subdued, var(--a2-color-green-50, #d3fded))}
333
+ .a2-bg-success-subdued-active {background-color: var(--a2-background-color-success-subdued-active, var(--a2-color-green-200, #70ebbc))}
334
+ .a2-bg-success-subdued-hover {background-color: var(--a2-background-color-success-subdued-hover, var(--a2-color-green-100, #b8f5dd))}
335
+ .a2-bg-transparent-danger {background-color: var(--a2-background-color-transparent-danger, rgba(0, 0, 0, 0))}
336
+ .a2-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))}
337
+ .a2-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))}
338
+ .a2-bg-transparent-default {background-color: var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0))}
339
+ .a2-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))}
340
+ .a2-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))}
341
+ .a2-bg-transparent-primary {background-color: var(--a2-background-color-transparent-primary, rgba(0, 0, 0, 0))}
342
+ .a2-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))}
343
+ .a2-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))}
344
+ .a2-bg-warning {background-color: var(--a2-background-color-warning, var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00)))}
345
+ .a2-bg-warning-active {background-color: var(--a2-background-color-warning-active, var(--a2-color-yellow-600, #de9500))}
346
+ .a2-bg-warning-faint {background-color: var(--a2-background-color-warning-faint, var(--a2-color-yellow-10, #fffef8))}
347
+ .a2-bg-warning-faint-active {background-color: var(--a2-background-color-warning-faint-active, var(--a2-color-yellow-100, #fff9e2))}
348
+ .a2-bg-warning-faint-hover {background-color: var(--a2-background-color-warning-faint-hover, var(--a2-color-yellow-50, #fffcf0))}
349
+ .a2-bg-warning-hover {background-color: var(--a2-background-color-warning-hover, var(--a2-color-yellow-600, #de9500))}
350
+ .a2-bg-warning-subdued {background-color: var(--a2-background-color-warning-subdued, var(--a2-color-yellow-100, #fff9e2))}
351
+ .a2-bg-warning-subdued-active {background-color: var(--a2-background-color-warning-subdued-active, var(--a2-color-yellow-300, #ffe278))}
352
+ .a2-bg-warning-subdued-hover {background-color: var(--a2-background-color-warning-subdued-hover, var(--a2-color-yellow-200, #fff0b1))}
353
+ .a2-border-color-danger {border-color: var(--a2-border-color-danger, var(--a2-color-red-600, #d62100))}
354
+ .a2-border-color-default {border-color: var(--a2-border-color-default, var(--a2-color-neutral-400, #8b8b8b))}
355
+ .a2-border-color-primary {border-color: var(--a2-border-color-primary, var(--a2-color-blue-600, #0265dc))}
356
+ .a2-border-color-status-info {border-color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
357
+ .a2-border-color-status-success {border-color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
358
+ .a2-border-color-status-warning {border-color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
359
+ .a2-border-color-strong {border-color: var(--a2-border-color-strong, var(--a2-color-neutral-700, #404040))}
360
+ .a2-border-color-subdued {border-color: var(--a2-border-color-subdued, var(--a2-color-neutral-80, #e6e6e6))}
361
+ .a2-border-color-success {border-color: var(--a2-border-color-success, var(--a2-color-green-600, #077e50))}
362
+ .a2-border-color-warning {border-color: var(--a2-border-color-warning, var(--a2-color-yellow-700, #c98600))}
363
+ .a2-c-danger {color: var(--a2-foreground-color-danger, var(--a2-color-red-600, #d62100))}
364
+ .a2-c-danger-active {color: var(--a2-foreground-color-danger-active, var(--a2-color-red-800, #731100))}
365
+ .a2-c-danger-hover {color: var(--a2-foreground-color-danger-hover, var(--a2-color-red-700, #a31900))}
366
+ .a2-c-default {color: var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))}
367
+ .a2-c-default-active {color: var(--a2-foreground-color-default-active, var(--a2-color-neutral-950, #040404))}
368
+ .a2-c-default-hover {color: var(--a2-foreground-color-default-hover, var(--a2-color-neutral-950, #040404))}
369
+ .a2-c-inverted {color: var(--a2-foreground-color-inverted, var(--a2-color-neutral-0, #ffffff))}
370
+ .a2-c-on-danger {color: var(--a2-foreground-color-on-danger, var(--a2-color-neutral-0, #ffffff))}
371
+ .a2-c-on-danger-active {color: var(--a2-foreground-color-on-danger-active, var(--a2-color-neutral-0, #ffffff))}
372
+ .a2-c-on-danger-hover {color: var(--a2-foreground-color-on-danger-hover, var(--a2-color-neutral-0, #ffffff))}
373
+ .a2-c-on-danger-subdued {color: var(--a2-foreground-color-on-danger-subdued, var(--a2-color-red-700, #a31900))}
374
+ .a2-c-on-danger-subdued-active {color: var(--a2-foreground-color-on-danger-subdued-active, var(--a2-color-red-900, #470b00))}
375
+ .a2-c-on-danger-subdued-hover {color: var(--a2-foreground-color-on-danger-subdued-hover, var(--a2-color-red-800, #731100))}
376
+ .a2-c-on-primary {color: var(--a2-foreground-color-on-primary, var(--a2-color-neutral-0, #ffffff))}
377
+ .a2-c-on-primary-active {color: var(--a2-foreground-color-on-primary-active, var(--a2-color-neutral-0, #ffffff))}
378
+ .a2-c-on-primary-hover {color: var(--a2-foreground-color-on-primary-hover, var(--a2-color-neutral-0, #ffffff))}
379
+ .a2-c-on-success {color: var(--a2-foreground-color-on-success, var(--a2-color-neutral-0, #ffffff))}
380
+ .a2-c-on-warning {color: var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a))}
381
+ .a2-c-primary {color: var(--a2-foreground-color-primary, var(--a2-color-blue-600, #0265dc))}
382
+ .a2-c-primary-active {color: var(--a2-foreground-color-primary-active, var(--a2-color-blue-800, #003472))}
383
+ .a2-c-primary-hover {color: var(--a2-foreground-color-primary-hover, var(--a2-color-blue-700, #1d4ca3))}
384
+ .a2-c-status-danger {color: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100))}
385
+ .a2-c-status-info {color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
386
+ .a2-c-status-success {color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
387
+ .a2-c-status-warning {color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
388
+ .a2-c-subdued {color: var(--a2-foreground-color-subdued, var(--a2-color-neutral-500, #707070))}
389
+ .a2-c-subdued-active {color: var(--a2-foreground-color-subdued-active, var(--a2-color-neutral-600, #545454))}
390
+ .a2-c-subdued-hover {color: var(--a2-foreground-color-subdued-hover, var(--a2-color-neutral-500, #707070))}
334
391
 
335
392
  @supports (color: light-dark(#fff, #000)) {
336
- .a2-bg-danger-default {background-color: var(--background-color-danger, light-dark(#e13212, #ff745f))}
337
- .a2-bg-danger-subdued {background-color: var(--background-color-danger-subdued, light-dark(#ffece9, #ff745f33))}
338
- .a2-bg-default {background-color: var(--background-color, light-dark(#ffffff, #141414))}
339
- .a2-bg-disabled {background-color: var(--background-color-disabled, light-dark(#606162, #606162))}
340
- .a2-bg-inverted-default {background-color: var(--background-color-inverted, light-dark(#2d2e31, #fafafa))}
341
- .a2-bg-inverted-strong {background-color: var(--background-color-inverted-strong, light-dark(#141414, #ffffff))}
342
- .a2-bg-overlay-active-danger {background-color: var(--overlay-color-active-danger, light-dark(#e132124D, #f94d3240))}
343
- .a2-bg-overlay-active-default {background-color: var(--overlay-color-active, light-dark(#14141429, #ffffff29))}
344
- .a2-bg-overlay-active-on-danger {background-color: var(--overlay-color-active-on-danger, light-dark(#14141466, #14141429))}
345
- .a2-bg-overlay-active-on-default {background-color: var(--overlay-color-active-on, light-dark(#14141429, #14141429))}
346
- .a2-bg-overlay-active-on-primary {background-color: var(--overlay-color-active-on-primary, light-dark(#14141466, #14141429))}
347
- .a2-bg-overlay-active-primary {background-color: var(--overlay-color-active-primary, light-dark(#0265DC4D, #78BBFA40))}
348
- .a2-bg-overlay-hover-danger {background-color: var(--overlay-color-hover-danger, light-dark(#e132121A, #f94d3226))}
349
- .a2-bg-overlay-hover-default {background-color: var(--overlay-color-hover, light-dark(#14141414, #ffffff14))}
350
- .a2-bg-overlay-hover-on-danger {background-color: var(--overlay-color-hover-on-danger, light-dark(#14141433, #ffffff29))}
351
- .a2-bg-overlay-hover-on-default {background-color: var(--overlay-color-hover-on, light-dark(#14141414, #ffffff14))}
352
- .a2-bg-overlay-hover-on-primary {background-color: var(--overlay-color-hover-on-primary, light-dark(#14141433, #ffffff29))}
353
- .a2-bg-overlay-hover-primary {background-color: var(--overlay-color-hover-primary, light-dark(#0265DC1A, #78BBFA1A))}
354
- .a2-bg-primary-default {background-color: var(--background-color-primary, light-dark(#0265DC, #78BBFA))}
355
- .a2-bg-primary-subdued {background-color: var(--background-color-primary-subdued, light-dark(#E0F2FF, #78BBFA33))}
356
- .a2-bg-status-danger {background-color: var(--status-color-danger, light-dark(#e13212, #ff745f))}
357
- .a2-bg-status-info {background-color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
358
- .a2-bg-status-success {background-color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
359
- .a2-bg-status-warning {background-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
360
- .a2-bg-strong {background-color: var(--background-color-strong, light-dark(#f7f7f7, #2d2e31))}
361
- .a2-bg-stronger {background-color: var(--background-color-stronger, light-dark(#eeeeee, #444445))}
362
- .a2-bg-strongest {background-color: var(--background-color-strongest, light-dark(#bcbcbd, #737475))}
363
- .a2-bg-success-default {background-color: var(--background-color-success, light-dark(#007A4D, #49CC93))}
364
- .a2-bg-success-subdued {background-color: var(--background-color-success-subdued, light-dark(#CEF8E0, #49CC9333))}
365
- .a2-bg-warning-default {background-color: var(--background-color-warning, light-dark(#ffbe00, #ffe278))}
366
- .a2-border-color-danger {border-color: var(--border-color-danger, light-dark(#e13212, #ff745f))}
367
- .a2-border-color-default {border-color: var(--border-color, light-dark(#949596, #606162))}
368
- .a2-border-color-primary {border-color: var(--border-color-primary, light-dark(#0265DC, #78BBFA))}
369
- .a2-border-color-status-info {border-color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
370
- .a2-border-color-status-success {border-color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
371
- .a2-border-color-status-warning {border-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
372
- .a2-border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
373
- .a2-border-color-subdued {border-color: var(--border-color-subdued, light-dark(#dfe0e1, #444445))}
374
- .a2-border-color-success {border-color: var(--border-color-success, light-dark(#007A4D, #49CC93))}
375
- .a2-c-active-danger {color: var(--foreground-color-active-danger, light-dark(#bf2a00, #ff745f))}
376
- .a2-c-active-primary {color: var(--foreground-color-active-primary, light-dark(#004491, #B5DEFF))}
377
- .a2-c-danger {color: var(--foreground-color-danger, light-dark(#e13212, #ff745f))}
378
- .a2-c-default {color: var(--foreground-color, light-dark(#141414, #ffffff))}
379
- .a2-c-hover-danger {color: var(--foreground-color-hover-danger, light-dark(#bf2a00, #ff745f))}
380
- .a2-c-hover-primary {color: var(--foreground-color-hover-primary, light-dark(#004491, #B5DEFF))}
381
- .a2-c-inverted {color: var(--foreground-color-inverted, light-dark(#ffffff, #141414))}
382
- .a2-c-on-danger-default {color: var(--foreground-color-on-danger, light-dark(#ffffff, #141414))}
383
- .a2-c-on-danger-subdued {color: var(--foreground-color-on-danger-subdued, light-dark(#bf2a00, #ffffff))}
384
- .a2-c-on-primary {color: var(--foreground-color-on-primary, light-dark(#ffffff, #141414))}
385
- .a2-c-on-warning {color: var(--foreground-color-on-warning, light-dark(#141414, #141414))}
386
- .a2-c-primary {color: var(--foreground-color-primary, light-dark(#0265DC, #78BBFA))}
387
- .a2-c-status-danger {color: var(--status-color-danger, light-dark(#e13212, #ff745f))}
388
- .a2-c-status-info {color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
389
- .a2-c-status-success {color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
390
- .a2-c-status-warning {color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
391
- .a2-c-subdued {color: var(--foreground-color-subdued, light-dark(#737475, #bcbcbd))}
393
+ .a2-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))))}
394
+ .a2-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)))}
395
+ .a2-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)))}
396
+ .a2-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)))}
397
+ .a2-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)))}
398
+ .a2-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)))}
399
+ .a2-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)))}
400
+ .a2-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)))}
401
+ .a2-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)))}
402
+ .a2-bg-default {background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
403
+ .a2-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)))}
404
+ .a2-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)))}
405
+ .a2-bg-disabled {background-color: var(--a2-background-color-disabled, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-500, #707070)))}
406
+ .a2-bg-inverted {background-color: var(--a2-background-color-inverted, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)))}
407
+ .a2-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)))}
408
+ .a2-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)))}
409
+ .a2-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)))}
410
+ .a2-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)))}
411
+ .a2-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)))}
412
+ .a2-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))))}
413
+ .a2-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)))}
414
+ .a2-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)))}
415
+ .a2-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)))}
416
+ .a2-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)))}
417
+ .a2-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)))}
418
+ .a2-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)))}
419
+ .a2-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)))}
420
+ .a2-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)))}
421
+ .a2-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)))}
422
+ .a2-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)))}
423
+ .a2-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)))}
424
+ .a2-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)))}
425
+ .a2-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)))}
426
+ .a2-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)))}
427
+ .a2-bg-status-danger {background-color: var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
428
+ .a2-bg-status-info {background-color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
429
+ .a2-bg-status-success {background-color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
430
+ .a2-bg-status-warning {background-color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
431
+ .a2-bg-strong {background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)))}
432
+ .a2-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)))}
433
+ .a2-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)))}
434
+ .a2-bg-stronger {background-color: var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)))}
435
+ .a2-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)))}
436
+ .a2-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)))}
437
+ .a2-bg-strongest {background-color: var(--a2-background-color-strongest, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-500, #707070)))}
438
+ .a2-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)))}
439
+ .a2-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)))}
440
+ .a2-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))))}
441
+ .a2-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)))}
442
+ .a2-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)))}
443
+ .a2-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)))}
444
+ .a2-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)))}
445
+ .a2-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)))}
446
+ .a2-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)))}
447
+ .a2-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)))}
448
+ .a2-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)))}
449
+ .a2-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)))}
450
+ .a2-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)))}
451
+ .a2-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)))}
452
+ .a2-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)))}
453
+ .a2-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)))}
454
+ .a2-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)))}
455
+ .a2-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))))}
456
+ .a2-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)))}
457
+ .a2-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)))}
458
+ .a2-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)))}
459
+ .a2-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)))}
460
+ .a2-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)))}
461
+ .a2-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)))}
462
+ .a2-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)))}
463
+ .a2-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)))}
464
+ .a2-border-color-danger {border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)))}
465
+ .a2-border-color-default {border-color: var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)))}
466
+ .a2-border-color-primary {border-color: var(--a2-border-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-200, #9ecaff)))}
467
+ .a2-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)))}
468
+ .a2-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)))}
469
+ .a2-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)))}
470
+ .a2-border-color-strong {border-color: var(--a2-border-color-strong, light-dark(var(--a2-color-neutral-700, #404040), var(--a2-color-neutral-80, #e6e6e6)))}
471
+ .a2-border-color-subdued {border-color: var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040)))}
472
+ .a2-border-color-success {border-color: var(--a2-border-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-200, #70ebbc)))}
473
+ .a2-border-color-warning {border-color: var(--a2-border-color-warning, light-dark(var(--a2-color-yellow-700, #c98600), var(--a2-color-yellow-200, #fff0b1)))}
474
+ .a2-c-danger {color: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
475
+ .a2-c-danger-active {color: var(--a2-foreground-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e)))}
476
+ .a2-c-danger-hover {color: var(--a2-foreground-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670)))}
477
+ .a2-c-default {color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
478
+ .a2-c-default-active {color: var(--a2-foreground-color-default-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
479
+ .a2-c-default-hover {color: var(--a2-foreground-color-default-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
480
+ .a2-c-inverted {color: var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
481
+ .a2-c-on-danger {color: var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
482
+ .a2-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)))}
483
+ .a2-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)))}
484
+ .a2-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)))}
485
+ .a2-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)))}
486
+ .a2-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)))}
487
+ .a2-c-on-primary {color: var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
488
+ .a2-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)))}
489
+ .a2-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)))}
490
+ .a2-c-on-success {color: var(--a2-foreground-color-on-success, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
491
+ .a2-c-on-warning {color: var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a))}
492
+ .a2-c-primary {color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
493
+ .a2-c-primary-active {color: var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff)))}
494
+ .a2-c-primary-hover {color: var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff)))}
495
+ .a2-c-status-danger {color: var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
496
+ .a2-c-status-info {color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
497
+ .a2-c-status-success {color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
498
+ .a2-c-status-warning {color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
499
+ .a2-c-subdued {color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)))}
500
+ .a2-c-subdued-active {color: var(--a2-foreground-color-subdued-active, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-100, #dfdfdf)))}
501
+ .a2-c-subdued-hover {color: var(--a2-foreground-color-subdued-hover, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)))}
392
502
  }
393
503
 
394
504
  @layer application {
395
- .a2-border-color-danger {border-color: var(--border-color-danger, #e13212)}
396
- .a2-border-color-default {border-color: var(--border-color, #949596)}
397
- .a2-border-color-primary {border-color: var(--border-color-primary, #0265DC)}
398
- .a2-border-color-strong {border-color: var(--border-color-strong, #444445)}
399
- .a2-border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
400
- .a2-border-color-success {border-color: var(--border-color-success, #007A4D)}
401
- .a2-border-radius-circular {border-radius: var(--border-radius-circular, 100%)}
402
- .a2-border-radius-large {border-radius: var(--border-radius-large, 0.75rem)}
403
- .a2-border-radius-medium {border-radius: var(--border-radius-medium, 0.375rem)}
404
- .a2-border-radius-none {border-radius: var(--border-radius-none, 0)}
405
- .a2-border-radius-small {border-radius: var(--border-radius-small, 0.1875rem)}
406
- .a2-border-radius-xlarge {border-radius: var(--border-radius-xlarge, 1.5rem)}
407
- .a2-border-width-default {border-width: var(--border-width, 0.0625rem)}
408
- .a2-border-width-none {border-width: var(--border-width-none, 0rem)}
409
- .a2-border-width-strong {border-width: var(--border-width-strong, 0.125rem)}
410
- .a2-ff-heading {font-family: 'Sofia Pro', SofiaPro, sans-serif}
411
- .a2-ff-label {font-family: 'Nunito Sans', sans-serif}
412
- .a2-ff-paragraph {font-family: 'Nunito Sans', sans-serif}
413
- .a2-fs-heading-default {font-size: 1.25rem}
414
- .a2-fs-heading-large {font-size: 1.5rem}
415
- .a2-fs-heading-small {font-size: 1rem}
416
- .a2-fs-heading-xlarge {font-size: 2rem}
417
- .a2-fs-heading-xsmall {font-size: 0.875rem}
418
- .a2-fs-label-default {font-size: 0.875rem}
419
- .a2-fs-label-large {font-size: 1rem}
420
- .a2-fs-label-small {font-size: 0.75rem}
421
- .a2-fs-label-xlarge {font-size: 1.25rem}
422
- .a2-fs-label-xsmall {font-size: 0.625rem}
423
- .a2-fs-paragraph-default {font-size: 1rem}
424
- .a2-fs-paragraph-large {font-size: 1.25rem}
425
- .a2-fs-paragraph-small {font-size: 0.875rem}
426
- .a2-fs-paragraph-xlarge {font-size: 1.5rem}
427
- .a2-fs-paragraph-xsmall {font-size: 0.75rem}
428
- .a2-fw-heading {font-weight: 700}
429
- .a2-fw-label {font-weight: 600}
430
- .a2-fw-paragraph {font-weight: 400}
431
- .a2-m-0 {margin: var(--size-0, 0rem)}
432
- .a2-m-1 {margin: var(--size-1, 0.25rem)}
433
- .a2-m-10 {margin: var(--size-10, 2.5rem)}
434
- .a2-m-11 {margin: var(--size-11, 2.75rem)}
435
- .a2-m-12 {margin: var(--size-12, 3rem)}
436
- .a2-m-13 {margin: var(--size-13, 3.25rem)}
437
- .a2-m-14 {margin: var(--size-14, 3.5rem)}
438
- .a2-m-2 {margin: var(--size-2, 0.5rem)}
439
- .a2-m-3 {margin: var(--size-3, 0.75rem)}
440
- .a2-m-4 {margin: var(--size-4, 1rem)}
441
- .a2-m-5 {margin: var(--size-5, 1.25rem)}
442
- .a2-m-6 {margin: var(--size-6, 1.5rem)}
443
- .a2-m-7 {margin: var(--size-7, 1.75rem)}
444
- .a2-m-8 {margin: var(--size-8, 2rem)}
445
- .a2-m-9 {margin: var(--size-9, 2.25rem)}
446
- .a2-m-block-0 {margin-block: var(--size-0, 0rem)}
447
- .a2-m-block-1 {margin-block: var(--size-1, 0.25rem)}
448
- .a2-m-block-10 {margin-block: var(--size-10, 2.5rem)}
449
- .a2-m-block-11 {margin-block: var(--size-11, 2.75rem)}
450
- .a2-m-block-12 {margin-block: var(--size-12, 3rem)}
451
- .a2-m-block-13 {margin-block: var(--size-13, 3.25rem)}
452
- .a2-m-block-14 {margin-block: var(--size-14, 3.5rem)}
453
- .a2-m-block-2 {margin-block: var(--size-2, 0.5rem)}
454
- .a2-m-block-3 {margin-block: var(--size-3, 0.75rem)}
455
- .a2-m-block-4 {margin-block: var(--size-4, 1rem)}
456
- .a2-m-block-5 {margin-block: var(--size-5, 1.25rem)}
457
- .a2-m-block-6 {margin-block: var(--size-6, 1.5rem)}
458
- .a2-m-block-7 {margin-block: var(--size-7, 1.75rem)}
459
- .a2-m-block-8 {margin-block: var(--size-8, 2rem)}
460
- .a2-m-block-9 {margin-block: var(--size-9, 2.25rem)}
461
- .a2-m-block-end-0 {margin-block-end: var(--size-0, 0rem)}
462
- .a2-m-block-end-1 {margin-block-end: var(--size-1, 0.25rem)}
463
- .a2-m-block-end-10 {margin-block-end: var(--size-10, 2.5rem)}
464
- .a2-m-block-end-11 {margin-block-end: var(--size-11, 2.75rem)}
465
- .a2-m-block-end-12 {margin-block-end: var(--size-12, 3rem)}
466
- .a2-m-block-end-13 {margin-block-end: var(--size-13, 3.25rem)}
467
- .a2-m-block-end-14 {margin-block-end: var(--size-14, 3.5rem)}
468
- .a2-m-block-end-2 {margin-block-end: var(--size-2, 0.5rem)}
469
- .a2-m-block-end-3 {margin-block-end: var(--size-3, 0.75rem)}
470
- .a2-m-block-end-4 {margin-block-end: var(--size-4, 1rem)}
471
- .a2-m-block-end-5 {margin-block-end: var(--size-5, 1.25rem)}
472
- .a2-m-block-end-6 {margin-block-end: var(--size-6, 1.5rem)}
473
- .a2-m-block-end-7 {margin-block-end: var(--size-7, 1.75rem)}
474
- .a2-m-block-end-8 {margin-block-end: var(--size-8, 2rem)}
475
- .a2-m-block-end-9 {margin-block-end: var(--size-9, 2.25rem)}
476
- .a2-m-block-end-half {margin-block-end: var(--size-half, 0.125rem)}
477
- .a2-m-block-end-quarter {margin-block-end: var(--size-quarter, 0.0625rem)}
478
- .a2-m-block-half {margin-block: var(--size-half, 0.125rem)}
479
- .a2-m-block-quarter {margin-block: var(--size-quarter, 0.0625rem)}
480
- .a2-m-block-start-0 {margin-block-start: var(--size-0, 0rem)}
481
- .a2-m-block-start-1 {margin-block-start: var(--size-1, 0.25rem)}
482
- .a2-m-block-start-10 {margin-block-start: var(--size-10, 2.5rem)}
483
- .a2-m-block-start-11 {margin-block-start: var(--size-11, 2.75rem)}
484
- .a2-m-block-start-12 {margin-block-start: var(--size-12, 3rem)}
485
- .a2-m-block-start-13 {margin-block-start: var(--size-13, 3.25rem)}
486
- .a2-m-block-start-14 {margin-block-start: var(--size-14, 3.5rem)}
487
- .a2-m-block-start-2 {margin-block-start: var(--size-2, 0.5rem)}
488
- .a2-m-block-start-3 {margin-block-start: var(--size-3, 0.75rem)}
489
- .a2-m-block-start-4 {margin-block-start: var(--size-4, 1rem)}
490
- .a2-m-block-start-5 {margin-block-start: var(--size-5, 1.25rem)}
491
- .a2-m-block-start-6 {margin-block-start: var(--size-6, 1.5rem)}
492
- .a2-m-block-start-7 {margin-block-start: var(--size-7, 1.75rem)}
493
- .a2-m-block-start-8 {margin-block-start: var(--size-8, 2rem)}
494
- .a2-m-block-start-9 {margin-block-start: var(--size-9, 2.25rem)}
495
- .a2-m-block-start-half {margin-block-start: var(--size-half, 0.125rem)}
496
- .a2-m-block-start-quarter {margin-block-start: var(--size-quarter, 0.0625rem)}
497
- .a2-m-half {margin: var(--size-half, 0.125rem)}
498
- .a2-m-inline-0 {margin-inline: var(--size-0, 0rem)}
499
- .a2-m-inline-1 {margin-inline: var(--size-1, 0.25rem)}
500
- .a2-m-inline-10 {margin-inline: var(--size-10, 2.5rem)}
501
- .a2-m-inline-11 {margin-inline: var(--size-11, 2.75rem)}
502
- .a2-m-inline-12 {margin-inline: var(--size-12, 3rem)}
503
- .a2-m-inline-13 {margin-inline: var(--size-13, 3.25rem)}
504
- .a2-m-inline-14 {margin-inline: var(--size-14, 3.5rem)}
505
- .a2-m-inline-2 {margin-inline: var(--size-2, 0.5rem)}
506
- .a2-m-inline-3 {margin-inline: var(--size-3, 0.75rem)}
507
- .a2-m-inline-4 {margin-inline: var(--size-4, 1rem)}
508
- .a2-m-inline-5 {margin-inline: var(--size-5, 1.25rem)}
509
- .a2-m-inline-6 {margin-inline: var(--size-6, 1.5rem)}
510
- .a2-m-inline-7 {margin-inline: var(--size-7, 1.75rem)}
511
- .a2-m-inline-8 {margin-inline: var(--size-8, 2rem)}
512
- .a2-m-inline-9 {margin-inline: var(--size-9, 2.25rem)}
513
- .a2-m-inline-end-0 {margin-inline-end: var(--size-0, 0rem)}
514
- .a2-m-inline-end-1 {margin-inline-end: var(--size-1, 0.25rem)}
515
- .a2-m-inline-end-10 {margin-inline-end: var(--size-10, 2.5rem)}
516
- .a2-m-inline-end-11 {margin-inline-end: var(--size-11, 2.75rem)}
517
- .a2-m-inline-end-12 {margin-inline-end: var(--size-12, 3rem)}
518
- .a2-m-inline-end-13 {margin-inline-end: var(--size-13, 3.25rem)}
519
- .a2-m-inline-end-14 {margin-inline-end: var(--size-14, 3.5rem)}
520
- .a2-m-inline-end-2 {margin-inline-end: var(--size-2, 0.5rem)}
521
- .a2-m-inline-end-3 {margin-inline-end: var(--size-3, 0.75rem)}
522
- .a2-m-inline-end-4 {margin-inline-end: var(--size-4, 1rem)}
523
- .a2-m-inline-end-5 {margin-inline-end: var(--size-5, 1.25rem)}
524
- .a2-m-inline-end-6 {margin-inline-end: var(--size-6, 1.5rem)}
525
- .a2-m-inline-end-7 {margin-inline-end: var(--size-7, 1.75rem)}
526
- .a2-m-inline-end-8 {margin-inline-end: var(--size-8, 2rem)}
527
- .a2-m-inline-end-9 {margin-inline-end: var(--size-9, 2.25rem)}
528
- .a2-m-inline-end-half {margin-inline-end: var(--size-half, 0.125rem)}
529
- .a2-m-inline-end-quarter {margin-inline-end: var(--size-quarter, 0.0625rem)}
530
- .a2-m-inline-half {margin-inline: var(--size-half, 0.125rem)}
531
- .a2-m-inline-quarter {margin-inline: var(--size-quarter, 0.0625rem)}
532
- .a2-m-inline-start-0 {margin-inline-start: var(--size-0, 0rem)}
533
- .a2-m-inline-start-1 {margin-inline-start: var(--size-1, 0.25rem)}
534
- .a2-m-inline-start-10 {margin-inline-start: var(--size-10, 2.5rem)}
535
- .a2-m-inline-start-11 {margin-inline-start: var(--size-11, 2.75rem)}
536
- .a2-m-inline-start-12 {margin-inline-start: var(--size-12, 3rem)}
537
- .a2-m-inline-start-13 {margin-inline-start: var(--size-13, 3.25rem)}
538
- .a2-m-inline-start-14 {margin-inline-start: var(--size-14, 3.5rem)}
539
- .a2-m-inline-start-2 {margin-inline-start: var(--size-2, 0.5rem)}
540
- .a2-m-inline-start-3 {margin-inline-start: var(--size-3, 0.75rem)}
541
- .a2-m-inline-start-4 {margin-inline-start: var(--size-4, 1rem)}
542
- .a2-m-inline-start-5 {margin-inline-start: var(--size-5, 1.25rem)}
543
- .a2-m-inline-start-6 {margin-inline-start: var(--size-6, 1.5rem)}
544
- .a2-m-inline-start-7 {margin-inline-start: var(--size-7, 1.75rem)}
545
- .a2-m-inline-start-8 {margin-inline-start: var(--size-8, 2rem)}
546
- .a2-m-inline-start-9 {margin-inline-start: var(--size-9, 2.25rem)}
547
- .a2-m-inline-start-half {margin-inline-start: var(--size-half, 0.125rem)}
548
- .a2-m-inline-start-quarter {margin-inline-start: var(--size-quarter, 0.0625rem)}
549
- .a2-m-quarter {margin: var(--size-quarter, 0.0625rem)}
550
- .a2-p-0 {padding: var(--size-0, 0rem)}
551
- .a2-p-1 {padding: var(--size-1, 0.25rem)}
552
- .a2-p-10 {padding: var(--size-10, 2.5rem)}
553
- .a2-p-11 {padding: var(--size-11, 2.75rem)}
554
- .a2-p-12 {padding: var(--size-12, 3rem)}
555
- .a2-p-13 {padding: var(--size-13, 3.25rem)}
556
- .a2-p-14 {padding: var(--size-14, 3.5rem)}
557
- .a2-p-2 {padding: var(--size-2, 0.5rem)}
558
- .a2-p-3 {padding: var(--size-3, 0.75rem)}
559
- .a2-p-4 {padding: var(--size-4, 1rem)}
560
- .a2-p-5 {padding: var(--size-5, 1.25rem)}
561
- .a2-p-6 {padding: var(--size-6, 1.5rem)}
562
- .a2-p-7 {padding: var(--size-7, 1.75rem)}
563
- .a2-p-8 {padding: var(--size-8, 2rem)}
564
- .a2-p-9 {padding: var(--size-9, 2.25rem)}
565
- .a2-p-block-0 {padding-block: var(--size-0, 0rem)}
566
- .a2-p-block-1 {padding-block: var(--size-1, 0.25rem)}
567
- .a2-p-block-10 {padding-block: var(--size-10, 2.5rem)}
568
- .a2-p-block-11 {padding-block: var(--size-11, 2.75rem)}
569
- .a2-p-block-12 {padding-block: var(--size-12, 3rem)}
570
- .a2-p-block-13 {padding-block: var(--size-13, 3.25rem)}
571
- .a2-p-block-14 {padding-block: var(--size-14, 3.5rem)}
572
- .a2-p-block-2 {padding-block: var(--size-2, 0.5rem)}
573
- .a2-p-block-3 {padding-block: var(--size-3, 0.75rem)}
574
- .a2-p-block-4 {padding-block: var(--size-4, 1rem)}
575
- .a2-p-block-5 {padding-block: var(--size-5, 1.25rem)}
576
- .a2-p-block-6 {padding-block: var(--size-6, 1.5rem)}
577
- .a2-p-block-7 {padding-block: var(--size-7, 1.75rem)}
578
- .a2-p-block-8 {padding-block: var(--size-8, 2rem)}
579
- .a2-p-block-9 {padding-block: var(--size-9, 2.25rem)}
580
- .a2-p-block-end-0 {padding-block-end: var(--size-0, 0rem)}
581
- .a2-p-block-end-1 {padding-block-end: var(--size-1, 0.25rem)}
582
- .a2-p-block-end-10 {padding-block-end: var(--size-10, 2.5rem)}
583
- .a2-p-block-end-11 {padding-block-end: var(--size-11, 2.75rem)}
584
- .a2-p-block-end-12 {padding-block-end: var(--size-12, 3rem)}
585
- .a2-p-block-end-13 {padding-block-end: var(--size-13, 3.25rem)}
586
- .a2-p-block-end-14 {padding-block-end: var(--size-14, 3.5rem)}
587
- .a2-p-block-end-2 {padding-block-end: var(--size-2, 0.5rem)}
588
- .a2-p-block-end-3 {padding-block-end: var(--size-3, 0.75rem)}
589
- .a2-p-block-end-4 {padding-block-end: var(--size-4, 1rem)}
590
- .a2-p-block-end-5 {padding-block-end: var(--size-5, 1.25rem)}
591
- .a2-p-block-end-6 {padding-block-end: var(--size-6, 1.5rem)}
592
- .a2-p-block-end-7 {padding-block-end: var(--size-7, 1.75rem)}
593
- .a2-p-block-end-8 {padding-block-end: var(--size-8, 2rem)}
594
- .a2-p-block-end-9 {padding-block-end: var(--size-9, 2.25rem)}
595
- .a2-p-block-end-half {padding-block-end: var(--size-half, 0.125rem)}
596
- .a2-p-block-end-quarter {padding-block-end: var(--size-quarter, 0.0625rem)}
597
- .a2-p-block-half {padding-block: var(--size-half, 0.125rem)}
598
- .a2-p-block-quarter {padding-block: var(--size-quarter, 0.0625rem)}
599
- .a2-p-block-start-0 {padding-block-start: var(--size-0, 0rem)}
600
- .a2-p-block-start-1 {padding-block-start: var(--size-1, 0.25rem)}
601
- .a2-p-block-start-10 {padding-block-start: var(--size-10, 2.5rem)}
602
- .a2-p-block-start-11 {padding-block-start: var(--size-11, 2.75rem)}
603
- .a2-p-block-start-12 {padding-block-start: var(--size-12, 3rem)}
604
- .a2-p-block-start-13 {padding-block-start: var(--size-13, 3.25rem)}
605
- .a2-p-block-start-14 {padding-block-start: var(--size-14, 3.5rem)}
606
- .a2-p-block-start-2 {padding-block-start: var(--size-2, 0.5rem)}
607
- .a2-p-block-start-3 {padding-block-start: var(--size-3, 0.75rem)}
608
- .a2-p-block-start-4 {padding-block-start: var(--size-4, 1rem)}
609
- .a2-p-block-start-5 {padding-block-start: var(--size-5, 1.25rem)}
610
- .a2-p-block-start-6 {padding-block-start: var(--size-6, 1.5rem)}
611
- .a2-p-block-start-7 {padding-block-start: var(--size-7, 1.75rem)}
612
- .a2-p-block-start-8 {padding-block-start: var(--size-8, 2rem)}
613
- .a2-p-block-start-9 {padding-block-start: var(--size-9, 2.25rem)}
614
- .a2-p-block-start-half {padding-block-start: var(--size-half, 0.125rem)}
615
- .a2-p-block-start-quarter {padding-block-start: var(--size-quarter, 0.0625rem)}
616
- .a2-p-half {padding: var(--size-half, 0.125rem)}
617
- .a2-p-inline-0 {padding-inline: var(--size-0, 0rem)}
618
- .a2-p-inline-1 {padding-inline: var(--size-1, 0.25rem)}
619
- .a2-p-inline-10 {padding-inline: var(--size-10, 2.5rem)}
620
- .a2-p-inline-11 {padding-inline: var(--size-11, 2.75rem)}
621
- .a2-p-inline-12 {padding-inline: var(--size-12, 3rem)}
622
- .a2-p-inline-13 {padding-inline: var(--size-13, 3.25rem)}
623
- .a2-p-inline-14 {padding-inline: var(--size-14, 3.5rem)}
624
- .a2-p-inline-2 {padding-inline: var(--size-2, 0.5rem)}
625
- .a2-p-inline-3 {padding-inline: var(--size-3, 0.75rem)}
626
- .a2-p-inline-4 {padding-inline: var(--size-4, 1rem)}
627
- .a2-p-inline-5 {padding-inline: var(--size-5, 1.25rem)}
628
- .a2-p-inline-6 {padding-inline: var(--size-6, 1.5rem)}
629
- .a2-p-inline-7 {padding-inline: var(--size-7, 1.75rem)}
630
- .a2-p-inline-8 {padding-inline: var(--size-8, 2rem)}
631
- .a2-p-inline-9 {padding-inline: var(--size-9, 2.25rem)}
632
- .a2-p-inline-end-0 {padding-inline-end: var(--size-0, 0rem)}
633
- .a2-p-inline-end-1 {padding-inline-end: var(--size-1, 0.25rem)}
634
- .a2-p-inline-end-10 {padding-inline-end: var(--size-10, 2.5rem)}
635
- .a2-p-inline-end-11 {padding-inline-end: var(--size-11, 2.75rem)}
636
- .a2-p-inline-end-12 {padding-inline-end: var(--size-12, 3rem)}
637
- .a2-p-inline-end-13 {padding-inline-end: var(--size-13, 3.25rem)}
638
- .a2-p-inline-end-14 {padding-inline-end: var(--size-14, 3.5rem)}
639
- .a2-p-inline-end-2 {padding-inline-end: var(--size-2, 0.5rem)}
640
- .a2-p-inline-end-3 {padding-inline-end: var(--size-3, 0.75rem)}
641
- .a2-p-inline-end-4 {padding-inline-end: var(--size-4, 1rem)}
642
- .a2-p-inline-end-5 {padding-inline-end: var(--size-5, 1.25rem)}
643
- .a2-p-inline-end-6 {padding-inline-end: var(--size-6, 1.5rem)}
644
- .a2-p-inline-end-7 {padding-inline-end: var(--size-7, 1.75rem)}
645
- .a2-p-inline-end-8 {padding-inline-end: var(--size-8, 2rem)}
646
- .a2-p-inline-end-9 {padding-inline-end: var(--size-9, 2.25rem)}
647
- .a2-p-inline-end-half {padding-inline-end: var(--size-half, 0.125rem)}
648
- .a2-p-inline-end-quarter {padding-inline-end: var(--size-quarter, 0.0625rem)}
649
- .a2-p-inline-half {padding-inline: var(--size-half, 0.125rem)}
650
- .a2-p-inline-quarter {padding-inline: var(--size-quarter, 0.0625rem)}
651
- .a2-p-inline-start-0 {padding-inline-start: var(--size-0, 0rem)}
652
- .a2-p-inline-start-1 {padding-inline-start: var(--size-1, 0.25rem)}
653
- .a2-p-inline-start-10 {padding-inline-start: var(--size-10, 2.5rem)}
654
- .a2-p-inline-start-11 {padding-inline-start: var(--size-11, 2.75rem)}
655
- .a2-p-inline-start-12 {padding-inline-start: var(--size-12, 3rem)}
656
- .a2-p-inline-start-13 {padding-inline-start: var(--size-13, 3.25rem)}
657
- .a2-p-inline-start-14 {padding-inline-start: var(--size-14, 3.5rem)}
658
- .a2-p-inline-start-2 {padding-inline-start: var(--size-2, 0.5rem)}
659
- .a2-p-inline-start-3 {padding-inline-start: var(--size-3, 0.75rem)}
660
- .a2-p-inline-start-4 {padding-inline-start: var(--size-4, 1rem)}
661
- .a2-p-inline-start-5 {padding-inline-start: var(--size-5, 1.25rem)}
662
- .a2-p-inline-start-6 {padding-inline-start: var(--size-6, 1.5rem)}
663
- .a2-p-inline-start-7 {padding-inline-start: var(--size-7, 1.75rem)}
664
- .a2-p-inline-start-8 {padding-inline-start: var(--size-8, 2rem)}
665
- .a2-p-inline-start-9 {padding-inline-start: var(--size-9, 2.25rem)}
666
- .a2-p-inline-start-half {padding-inline-start: var(--size-half, 0.125rem)}
667
- .a2-p-inline-start-quarter {padding-inline-start: var(--size-quarter, 0.0625rem)}
668
- .a2-p-quarter {padding: var(--size-quarter, 0.0625rem)}
505
+ .a2-border-color-danger {border-color: var(--a2-border-color-danger, var(--a2-color-red-600, #d62100))}
506
+ .a2-border-color-default {border-color: var(--a2-border-color-default, var(--a2-color-neutral-400, #8b8b8b))}
507
+ .a2-border-color-primary {border-color: var(--a2-border-color-primary, var(--a2-color-blue-600, #0265dc))}
508
+ .a2-border-color-strong {border-color: var(--a2-border-color-strong, var(--a2-color-neutral-700, #404040))}
509
+ .a2-border-color-subdued {border-color: var(--a2-border-color-subdued, var(--a2-color-neutral-80, #e6e6e6))}
510
+ .a2-border-color-success {border-color: var(--a2-border-color-success, var(--a2-color-green-600, #077e50))}
511
+ .a2-border-color-warning {border-color: var(--a2-border-color-warning, var(--a2-color-yellow-700, #c98600))}
512
+ .a2-border-radius-circular {border-radius: var(--a2-border-radius-circular, 100%)}
513
+ .a2-border-radius-large {border-radius: var(--a2-border-radius-large, var(--a2-radius-4, 0.75rem))}
514
+ .a2-border-radius-medium {border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem))}
515
+ .a2-border-radius-none {border-radius: var(--a2-border-radius-none, var(--a2-radius-0, 0rem))}
516
+ .a2-border-radius-small {border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem))}
517
+ .a2-border-radius-xlarge {border-radius: var(--a2-border-radius-xlarge, var(--a2-radius-8, 1.5rem))}
518
+ .a2-border-width-default {border-width: var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem))}
519
+ .a2-border-width-none {border-width: var(--a2-border-width-none, var(--a2-size-0, 0rem))}
520
+ .a2-border-width-strong {border-width: var(--a2-border-width-strong, var(--a2-size-half, 0.125rem))}
521
+ .a2-ff-heading {font-family: var(--a2-font-family-display, 'Sofia Pro', SofiaPro, sans-serif)}
522
+ .a2-ff-label {font-family: var(--a2-font-family-base, 'Nunito Sans', sans-serif)}
523
+ .a2-ff-paragraph {font-family: var(--a2-font-family-base, 'Nunito Sans', sans-serif)}
524
+ .a2-fs-heading-default {font-size: var(--a2-font-size-500, 1.25rem)}
525
+ .a2-fs-heading-large {font-size: var(--a2-font-size-600, 1.5rem)}
526
+ .a2-fs-heading-small {font-size: var(--a2-font-size-400, 1rem)}
527
+ .a2-fs-heading-xlarge {font-size: var(--a2-font-size-800, 2rem)}
528
+ .a2-fs-heading-xsmall {font-size: var(--a2-font-size-300, 0.875rem)}
529
+ .a2-fs-label-default {font-size: var(--a2-font-size-300, 0.875rem)}
530
+ .a2-fs-label-large {font-size: var(--a2-font-size-400, 1rem)}
531
+ .a2-fs-label-small {font-size: var(--a2-font-size-200, 0.75rem)}
532
+ .a2-fs-label-xlarge {font-size: var(--a2-font-size-500, 1.25rem)}
533
+ .a2-fs-label-xsmall {font-size: var(--a2-font-size-100, 0.625rem)}
534
+ .a2-fs-paragraph-default {font-size: var(--a2-font-size-400, 1rem)}
535
+ .a2-fs-paragraph-large {font-size: var(--a2-font-size-500, 1.25rem)}
536
+ .a2-fs-paragraph-small {font-size: var(--a2-font-size-300, 0.875rem)}
537
+ .a2-fs-paragraph-xlarge {font-size: var(--a2-font-size-600, 1.5rem)}
538
+ .a2-fs-paragraph-xsmall {font-size: var(--a2-font-size-200, 0.75rem)}
539
+ .a2-fw-heading {font-weight: var(--a2-font-weight-bold, 700)}
540
+ .a2-fw-label {font-weight: var(--a2-font-weight-semibold, 600)}
541
+ .a2-fw-paragraph {font-weight: var(--a2-font-weight-normal, 400)}
542
+ .a2-m-0 {margin: var(--a2-size-0, 0rem)}
543
+ .a2-m-1 {margin: var(--a2-size-1, 0.25rem)}
544
+ .a2-m-10 {margin: var(--a2-size-10, 2.5rem)}
545
+ .a2-m-11 {margin: var(--a2-size-11, 2.75rem)}
546
+ .a2-m-12 {margin: var(--a2-size-12, 3rem)}
547
+ .a2-m-13 {margin: var(--a2-size-13, 3.25rem)}
548
+ .a2-m-14 {margin: var(--a2-size-14, 3.5rem)}
549
+ .a2-m-2 {margin: var(--a2-size-2, 0.5rem)}
550
+ .a2-m-3 {margin: var(--a2-size-3, 0.75rem)}
551
+ .a2-m-4 {margin: var(--a2-size-4, 1rem)}
552
+ .a2-m-5 {margin: var(--a2-size-5, 1.25rem)}
553
+ .a2-m-6 {margin: var(--a2-size-6, 1.5rem)}
554
+ .a2-m-7 {margin: var(--a2-size-7, 1.75rem)}
555
+ .a2-m-8 {margin: var(--a2-size-8, 2rem)}
556
+ .a2-m-9 {margin: var(--a2-size-9, 2.25rem)}
557
+ .a2-m-block-0 {margin-block: var(--a2-size-0, 0rem)}
558
+ .a2-m-block-1 {margin-block: var(--a2-size-1, 0.25rem)}
559
+ .a2-m-block-10 {margin-block: var(--a2-size-10, 2.5rem)}
560
+ .a2-m-block-11 {margin-block: var(--a2-size-11, 2.75rem)}
561
+ .a2-m-block-12 {margin-block: var(--a2-size-12, 3rem)}
562
+ .a2-m-block-13 {margin-block: var(--a2-size-13, 3.25rem)}
563
+ .a2-m-block-14 {margin-block: var(--a2-size-14, 3.5rem)}
564
+ .a2-m-block-2 {margin-block: var(--a2-size-2, 0.5rem)}
565
+ .a2-m-block-3 {margin-block: var(--a2-size-3, 0.75rem)}
566
+ .a2-m-block-4 {margin-block: var(--a2-size-4, 1rem)}
567
+ .a2-m-block-5 {margin-block: var(--a2-size-5, 1.25rem)}
568
+ .a2-m-block-6 {margin-block: var(--a2-size-6, 1.5rem)}
569
+ .a2-m-block-7 {margin-block: var(--a2-size-7, 1.75rem)}
570
+ .a2-m-block-8 {margin-block: var(--a2-size-8, 2rem)}
571
+ .a2-m-block-9 {margin-block: var(--a2-size-9, 2.25rem)}
572
+ .a2-m-block-end-0 {margin-block-end: var(--a2-size-0, 0rem)}
573
+ .a2-m-block-end-1 {margin-block-end: var(--a2-size-1, 0.25rem)}
574
+ .a2-m-block-end-10 {margin-block-end: var(--a2-size-10, 2.5rem)}
575
+ .a2-m-block-end-11 {margin-block-end: var(--a2-size-11, 2.75rem)}
576
+ .a2-m-block-end-12 {margin-block-end: var(--a2-size-12, 3rem)}
577
+ .a2-m-block-end-13 {margin-block-end: var(--a2-size-13, 3.25rem)}
578
+ .a2-m-block-end-14 {margin-block-end: var(--a2-size-14, 3.5rem)}
579
+ .a2-m-block-end-2 {margin-block-end: var(--a2-size-2, 0.5rem)}
580
+ .a2-m-block-end-3 {margin-block-end: var(--a2-size-3, 0.75rem)}
581
+ .a2-m-block-end-4 {margin-block-end: var(--a2-size-4, 1rem)}
582
+ .a2-m-block-end-5 {margin-block-end: var(--a2-size-5, 1.25rem)}
583
+ .a2-m-block-end-6 {margin-block-end: var(--a2-size-6, 1.5rem)}
584
+ .a2-m-block-end-7 {margin-block-end: var(--a2-size-7, 1.75rem)}
585
+ .a2-m-block-end-8 {margin-block-end: var(--a2-size-8, 2rem)}
586
+ .a2-m-block-end-9 {margin-block-end: var(--a2-size-9, 2.25rem)}
587
+ .a2-m-block-end-half {margin-block-end: var(--a2-size-half, 0.125rem)}
588
+ .a2-m-block-end-quarter {margin-block-end: var(--a2-size-quarter, 0.0625rem)}
589
+ .a2-m-block-half {margin-block: var(--a2-size-half, 0.125rem)}
590
+ .a2-m-block-quarter {margin-block: var(--a2-size-quarter, 0.0625rem)}
591
+ .a2-m-block-start-0 {margin-block-start: var(--a2-size-0, 0rem)}
592
+ .a2-m-block-start-1 {margin-block-start: var(--a2-size-1, 0.25rem)}
593
+ .a2-m-block-start-10 {margin-block-start: var(--a2-size-10, 2.5rem)}
594
+ .a2-m-block-start-11 {margin-block-start: var(--a2-size-11, 2.75rem)}
595
+ .a2-m-block-start-12 {margin-block-start: var(--a2-size-12, 3rem)}
596
+ .a2-m-block-start-13 {margin-block-start: var(--a2-size-13, 3.25rem)}
597
+ .a2-m-block-start-14 {margin-block-start: var(--a2-size-14, 3.5rem)}
598
+ .a2-m-block-start-2 {margin-block-start: var(--a2-size-2, 0.5rem)}
599
+ .a2-m-block-start-3 {margin-block-start: var(--a2-size-3, 0.75rem)}
600
+ .a2-m-block-start-4 {margin-block-start: var(--a2-size-4, 1rem)}
601
+ .a2-m-block-start-5 {margin-block-start: var(--a2-size-5, 1.25rem)}
602
+ .a2-m-block-start-6 {margin-block-start: var(--a2-size-6, 1.5rem)}
603
+ .a2-m-block-start-7 {margin-block-start: var(--a2-size-7, 1.75rem)}
604
+ .a2-m-block-start-8 {margin-block-start: var(--a2-size-8, 2rem)}
605
+ .a2-m-block-start-9 {margin-block-start: var(--a2-size-9, 2.25rem)}
606
+ .a2-m-block-start-half {margin-block-start: var(--a2-size-half, 0.125rem)}
607
+ .a2-m-block-start-quarter {margin-block-start: var(--a2-size-quarter, 0.0625rem)}
608
+ .a2-m-half {margin: var(--a2-size-half, 0.125rem)}
609
+ .a2-m-inline-0 {margin-inline: var(--a2-size-0, 0rem)}
610
+ .a2-m-inline-1 {margin-inline: var(--a2-size-1, 0.25rem)}
611
+ .a2-m-inline-10 {margin-inline: var(--a2-size-10, 2.5rem)}
612
+ .a2-m-inline-11 {margin-inline: var(--a2-size-11, 2.75rem)}
613
+ .a2-m-inline-12 {margin-inline: var(--a2-size-12, 3rem)}
614
+ .a2-m-inline-13 {margin-inline: var(--a2-size-13, 3.25rem)}
615
+ .a2-m-inline-14 {margin-inline: var(--a2-size-14, 3.5rem)}
616
+ .a2-m-inline-2 {margin-inline: var(--a2-size-2, 0.5rem)}
617
+ .a2-m-inline-3 {margin-inline: var(--a2-size-3, 0.75rem)}
618
+ .a2-m-inline-4 {margin-inline: var(--a2-size-4, 1rem)}
619
+ .a2-m-inline-5 {margin-inline: var(--a2-size-5, 1.25rem)}
620
+ .a2-m-inline-6 {margin-inline: var(--a2-size-6, 1.5rem)}
621
+ .a2-m-inline-7 {margin-inline: var(--a2-size-7, 1.75rem)}
622
+ .a2-m-inline-8 {margin-inline: var(--a2-size-8, 2rem)}
623
+ .a2-m-inline-9 {margin-inline: var(--a2-size-9, 2.25rem)}
624
+ .a2-m-inline-end-0 {margin-inline-end: var(--a2-size-0, 0rem)}
625
+ .a2-m-inline-end-1 {margin-inline-end: var(--a2-size-1, 0.25rem)}
626
+ .a2-m-inline-end-10 {margin-inline-end: var(--a2-size-10, 2.5rem)}
627
+ .a2-m-inline-end-11 {margin-inline-end: var(--a2-size-11, 2.75rem)}
628
+ .a2-m-inline-end-12 {margin-inline-end: var(--a2-size-12, 3rem)}
629
+ .a2-m-inline-end-13 {margin-inline-end: var(--a2-size-13, 3.25rem)}
630
+ .a2-m-inline-end-14 {margin-inline-end: var(--a2-size-14, 3.5rem)}
631
+ .a2-m-inline-end-2 {margin-inline-end: var(--a2-size-2, 0.5rem)}
632
+ .a2-m-inline-end-3 {margin-inline-end: var(--a2-size-3, 0.75rem)}
633
+ .a2-m-inline-end-4 {margin-inline-end: var(--a2-size-4, 1rem)}
634
+ .a2-m-inline-end-5 {margin-inline-end: var(--a2-size-5, 1.25rem)}
635
+ .a2-m-inline-end-6 {margin-inline-end: var(--a2-size-6, 1.5rem)}
636
+ .a2-m-inline-end-7 {margin-inline-end: var(--a2-size-7, 1.75rem)}
637
+ .a2-m-inline-end-8 {margin-inline-end: var(--a2-size-8, 2rem)}
638
+ .a2-m-inline-end-9 {margin-inline-end: var(--a2-size-9, 2.25rem)}
639
+ .a2-m-inline-end-half {margin-inline-end: var(--a2-size-half, 0.125rem)}
640
+ .a2-m-inline-end-quarter {margin-inline-end: var(--a2-size-quarter, 0.0625rem)}
641
+ .a2-m-inline-half {margin-inline: var(--a2-size-half, 0.125rem)}
642
+ .a2-m-inline-quarter {margin-inline: var(--a2-size-quarter, 0.0625rem)}
643
+ .a2-m-inline-start-0 {margin-inline-start: var(--a2-size-0, 0rem)}
644
+ .a2-m-inline-start-1 {margin-inline-start: var(--a2-size-1, 0.25rem)}
645
+ .a2-m-inline-start-10 {margin-inline-start: var(--a2-size-10, 2.5rem)}
646
+ .a2-m-inline-start-11 {margin-inline-start: var(--a2-size-11, 2.75rem)}
647
+ .a2-m-inline-start-12 {margin-inline-start: var(--a2-size-12, 3rem)}
648
+ .a2-m-inline-start-13 {margin-inline-start: var(--a2-size-13, 3.25rem)}
649
+ .a2-m-inline-start-14 {margin-inline-start: var(--a2-size-14, 3.5rem)}
650
+ .a2-m-inline-start-2 {margin-inline-start: var(--a2-size-2, 0.5rem)}
651
+ .a2-m-inline-start-3 {margin-inline-start: var(--a2-size-3, 0.75rem)}
652
+ .a2-m-inline-start-4 {margin-inline-start: var(--a2-size-4, 1rem)}
653
+ .a2-m-inline-start-5 {margin-inline-start: var(--a2-size-5, 1.25rem)}
654
+ .a2-m-inline-start-6 {margin-inline-start: var(--a2-size-6, 1.5rem)}
655
+ .a2-m-inline-start-7 {margin-inline-start: var(--a2-size-7, 1.75rem)}
656
+ .a2-m-inline-start-8 {margin-inline-start: var(--a2-size-8, 2rem)}
657
+ .a2-m-inline-start-9 {margin-inline-start: var(--a2-size-9, 2.25rem)}
658
+ .a2-m-inline-start-half {margin-inline-start: var(--a2-size-half, 0.125rem)}
659
+ .a2-m-inline-start-quarter {margin-inline-start: var(--a2-size-quarter, 0.0625rem)}
660
+ .a2-m-quarter {margin: var(--a2-size-quarter, 0.0625rem)}
661
+ .a2-p-0 {padding: var(--a2-size-0, 0rem)}
662
+ .a2-p-1 {padding: var(--a2-size-1, 0.25rem)}
663
+ .a2-p-10 {padding: var(--a2-size-10, 2.5rem)}
664
+ .a2-p-11 {padding: var(--a2-size-11, 2.75rem)}
665
+ .a2-p-12 {padding: var(--a2-size-12, 3rem)}
666
+ .a2-p-13 {padding: var(--a2-size-13, 3.25rem)}
667
+ .a2-p-14 {padding: var(--a2-size-14, 3.5rem)}
668
+ .a2-p-2 {padding: var(--a2-size-2, 0.5rem)}
669
+ .a2-p-3 {padding: var(--a2-size-3, 0.75rem)}
670
+ .a2-p-4 {padding: var(--a2-size-4, 1rem)}
671
+ .a2-p-5 {padding: var(--a2-size-5, 1.25rem)}
672
+ .a2-p-6 {padding: var(--a2-size-6, 1.5rem)}
673
+ .a2-p-7 {padding: var(--a2-size-7, 1.75rem)}
674
+ .a2-p-8 {padding: var(--a2-size-8, 2rem)}
675
+ .a2-p-9 {padding: var(--a2-size-9, 2.25rem)}
676
+ .a2-p-block-0 {padding-block: var(--a2-size-0, 0rem)}
677
+ .a2-p-block-1 {padding-block: var(--a2-size-1, 0.25rem)}
678
+ .a2-p-block-10 {padding-block: var(--a2-size-10, 2.5rem)}
679
+ .a2-p-block-11 {padding-block: var(--a2-size-11, 2.75rem)}
680
+ .a2-p-block-12 {padding-block: var(--a2-size-12, 3rem)}
681
+ .a2-p-block-13 {padding-block: var(--a2-size-13, 3.25rem)}
682
+ .a2-p-block-14 {padding-block: var(--a2-size-14, 3.5rem)}
683
+ .a2-p-block-2 {padding-block: var(--a2-size-2, 0.5rem)}
684
+ .a2-p-block-3 {padding-block: var(--a2-size-3, 0.75rem)}
685
+ .a2-p-block-4 {padding-block: var(--a2-size-4, 1rem)}
686
+ .a2-p-block-5 {padding-block: var(--a2-size-5, 1.25rem)}
687
+ .a2-p-block-6 {padding-block: var(--a2-size-6, 1.5rem)}
688
+ .a2-p-block-7 {padding-block: var(--a2-size-7, 1.75rem)}
689
+ .a2-p-block-8 {padding-block: var(--a2-size-8, 2rem)}
690
+ .a2-p-block-9 {padding-block: var(--a2-size-9, 2.25rem)}
691
+ .a2-p-block-end-0 {padding-block-end: var(--a2-size-0, 0rem)}
692
+ .a2-p-block-end-1 {padding-block-end: var(--a2-size-1, 0.25rem)}
693
+ .a2-p-block-end-10 {padding-block-end: var(--a2-size-10, 2.5rem)}
694
+ .a2-p-block-end-11 {padding-block-end: var(--a2-size-11, 2.75rem)}
695
+ .a2-p-block-end-12 {padding-block-end: var(--a2-size-12, 3rem)}
696
+ .a2-p-block-end-13 {padding-block-end: var(--a2-size-13, 3.25rem)}
697
+ .a2-p-block-end-14 {padding-block-end: var(--a2-size-14, 3.5rem)}
698
+ .a2-p-block-end-2 {padding-block-end: var(--a2-size-2, 0.5rem)}
699
+ .a2-p-block-end-3 {padding-block-end: var(--a2-size-3, 0.75rem)}
700
+ .a2-p-block-end-4 {padding-block-end: var(--a2-size-4, 1rem)}
701
+ .a2-p-block-end-5 {padding-block-end: var(--a2-size-5, 1.25rem)}
702
+ .a2-p-block-end-6 {padding-block-end: var(--a2-size-6, 1.5rem)}
703
+ .a2-p-block-end-7 {padding-block-end: var(--a2-size-7, 1.75rem)}
704
+ .a2-p-block-end-8 {padding-block-end: var(--a2-size-8, 2rem)}
705
+ .a2-p-block-end-9 {padding-block-end: var(--a2-size-9, 2.25rem)}
706
+ .a2-p-block-end-half {padding-block-end: var(--a2-size-half, 0.125rem)}
707
+ .a2-p-block-end-quarter {padding-block-end: var(--a2-size-quarter, 0.0625rem)}
708
+ .a2-p-block-half {padding-block: var(--a2-size-half, 0.125rem)}
709
+ .a2-p-block-quarter {padding-block: var(--a2-size-quarter, 0.0625rem)}
710
+ .a2-p-block-start-0 {padding-block-start: var(--a2-size-0, 0rem)}
711
+ .a2-p-block-start-1 {padding-block-start: var(--a2-size-1, 0.25rem)}
712
+ .a2-p-block-start-10 {padding-block-start: var(--a2-size-10, 2.5rem)}
713
+ .a2-p-block-start-11 {padding-block-start: var(--a2-size-11, 2.75rem)}
714
+ .a2-p-block-start-12 {padding-block-start: var(--a2-size-12, 3rem)}
715
+ .a2-p-block-start-13 {padding-block-start: var(--a2-size-13, 3.25rem)}
716
+ .a2-p-block-start-14 {padding-block-start: var(--a2-size-14, 3.5rem)}
717
+ .a2-p-block-start-2 {padding-block-start: var(--a2-size-2, 0.5rem)}
718
+ .a2-p-block-start-3 {padding-block-start: var(--a2-size-3, 0.75rem)}
719
+ .a2-p-block-start-4 {padding-block-start: var(--a2-size-4, 1rem)}
720
+ .a2-p-block-start-5 {padding-block-start: var(--a2-size-5, 1.25rem)}
721
+ .a2-p-block-start-6 {padding-block-start: var(--a2-size-6, 1.5rem)}
722
+ .a2-p-block-start-7 {padding-block-start: var(--a2-size-7, 1.75rem)}
723
+ .a2-p-block-start-8 {padding-block-start: var(--a2-size-8, 2rem)}
724
+ .a2-p-block-start-9 {padding-block-start: var(--a2-size-9, 2.25rem)}
725
+ .a2-p-block-start-half {padding-block-start: var(--a2-size-half, 0.125rem)}
726
+ .a2-p-block-start-quarter {padding-block-start: var(--a2-size-quarter, 0.0625rem)}
727
+ .a2-p-half {padding: var(--a2-size-half, 0.125rem)}
728
+ .a2-p-inline-0 {padding-inline: var(--a2-size-0, 0rem)}
729
+ .a2-p-inline-1 {padding-inline: var(--a2-size-1, 0.25rem)}
730
+ .a2-p-inline-10 {padding-inline: var(--a2-size-10, 2.5rem)}
731
+ .a2-p-inline-11 {padding-inline: var(--a2-size-11, 2.75rem)}
732
+ .a2-p-inline-12 {padding-inline: var(--a2-size-12, 3rem)}
733
+ .a2-p-inline-13 {padding-inline: var(--a2-size-13, 3.25rem)}
734
+ .a2-p-inline-14 {padding-inline: var(--a2-size-14, 3.5rem)}
735
+ .a2-p-inline-2 {padding-inline: var(--a2-size-2, 0.5rem)}
736
+ .a2-p-inline-3 {padding-inline: var(--a2-size-3, 0.75rem)}
737
+ .a2-p-inline-4 {padding-inline: var(--a2-size-4, 1rem)}
738
+ .a2-p-inline-5 {padding-inline: var(--a2-size-5, 1.25rem)}
739
+ .a2-p-inline-6 {padding-inline: var(--a2-size-6, 1.5rem)}
740
+ .a2-p-inline-7 {padding-inline: var(--a2-size-7, 1.75rem)}
741
+ .a2-p-inline-8 {padding-inline: var(--a2-size-8, 2rem)}
742
+ .a2-p-inline-9 {padding-inline: var(--a2-size-9, 2.25rem)}
743
+ .a2-p-inline-end-0 {padding-inline-end: var(--a2-size-0, 0rem)}
744
+ .a2-p-inline-end-1 {padding-inline-end: var(--a2-size-1, 0.25rem)}
745
+ .a2-p-inline-end-10 {padding-inline-end: var(--a2-size-10, 2.5rem)}
746
+ .a2-p-inline-end-11 {padding-inline-end: var(--a2-size-11, 2.75rem)}
747
+ .a2-p-inline-end-12 {padding-inline-end: var(--a2-size-12, 3rem)}
748
+ .a2-p-inline-end-13 {padding-inline-end: var(--a2-size-13, 3.25rem)}
749
+ .a2-p-inline-end-14 {padding-inline-end: var(--a2-size-14, 3.5rem)}
750
+ .a2-p-inline-end-2 {padding-inline-end: var(--a2-size-2, 0.5rem)}
751
+ .a2-p-inline-end-3 {padding-inline-end: var(--a2-size-3, 0.75rem)}
752
+ .a2-p-inline-end-4 {padding-inline-end: var(--a2-size-4, 1rem)}
753
+ .a2-p-inline-end-5 {padding-inline-end: var(--a2-size-5, 1.25rem)}
754
+ .a2-p-inline-end-6 {padding-inline-end: var(--a2-size-6, 1.5rem)}
755
+ .a2-p-inline-end-7 {padding-inline-end: var(--a2-size-7, 1.75rem)}
756
+ .a2-p-inline-end-8 {padding-inline-end: var(--a2-size-8, 2rem)}
757
+ .a2-p-inline-end-9 {padding-inline-end: var(--a2-size-9, 2.25rem)}
758
+ .a2-p-inline-end-half {padding-inline-end: var(--a2-size-half, 0.125rem)}
759
+ .a2-p-inline-end-quarter {padding-inline-end: var(--a2-size-quarter, 0.0625rem)}
760
+ .a2-p-inline-half {padding-inline: var(--a2-size-half, 0.125rem)}
761
+ .a2-p-inline-quarter {padding-inline: var(--a2-size-quarter, 0.0625rem)}
762
+ .a2-p-inline-start-0 {padding-inline-start: var(--a2-size-0, 0rem)}
763
+ .a2-p-inline-start-1 {padding-inline-start: var(--a2-size-1, 0.25rem)}
764
+ .a2-p-inline-start-10 {padding-inline-start: var(--a2-size-10, 2.5rem)}
765
+ .a2-p-inline-start-11 {padding-inline-start: var(--a2-size-11, 2.75rem)}
766
+ .a2-p-inline-start-12 {padding-inline-start: var(--a2-size-12, 3rem)}
767
+ .a2-p-inline-start-13 {padding-inline-start: var(--a2-size-13, 3.25rem)}
768
+ .a2-p-inline-start-14 {padding-inline-start: var(--a2-size-14, 3.5rem)}
769
+ .a2-p-inline-start-2 {padding-inline-start: var(--a2-size-2, 0.5rem)}
770
+ .a2-p-inline-start-3 {padding-inline-start: var(--a2-size-3, 0.75rem)}
771
+ .a2-p-inline-start-4 {padding-inline-start: var(--a2-size-4, 1rem)}
772
+ .a2-p-inline-start-5 {padding-inline-start: var(--a2-size-5, 1.25rem)}
773
+ .a2-p-inline-start-6 {padding-inline-start: var(--a2-size-6, 1.5rem)}
774
+ .a2-p-inline-start-7 {padding-inline-start: var(--a2-size-7, 1.75rem)}
775
+ .a2-p-inline-start-8 {padding-inline-start: var(--a2-size-8, 2rem)}
776
+ .a2-p-inline-start-9 {padding-inline-start: var(--a2-size-9, 2.25rem)}
777
+ .a2-p-inline-start-half {padding-inline-start: var(--a2-size-half, 0.125rem)}
778
+ .a2-p-inline-start-quarter {padding-inline-start: var(--a2-size-quarter, 0.0625rem)}
779
+ .a2-p-quarter {padding: var(--a2-size-quarter, 0.0625rem)}
669
780
  .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
- .a2-bg-danger-default {background-color: var(--background-color-danger, #e13212)}
671
- .a2-bg-danger-subdued {background-color: var(--background-color-danger-subdued, #ffece9)}
672
- .a2-bg-default {background-color: var(--background-color, #ffffff)}
673
- .a2-bg-disabled {background-color: var(--background-color-disabled, #606162)}
674
- .a2-bg-inverted-default {background-color: var(--background-color-inverted, #2d2e31)}
675
- .a2-bg-inverted-strong {background-color: var(--background-color-inverted-strong, #141414)}
676
- .a2-bg-overlay-active-danger {background-color: var(--overlay-color-active-danger, #e132124D)}
677
- .a2-bg-overlay-active-default {background-color: var(--overlay-color-active, #14141429)}
678
- .a2-bg-overlay-active-on-danger {background-color: var(--overlay-color-active-on-danger, #14141466)}
679
- .a2-bg-overlay-active-on-default {background-color: var(--overlay-color-active-on, #14141429)}
680
- .a2-bg-overlay-active-on-primary {background-color: var(--overlay-color-active-on-primary, #14141466)}
681
- .a2-bg-overlay-active-primary {background-color: var(--overlay-color-active-primary, #0265DC4D)}
682
- .a2-bg-overlay-hover-danger {background-color: var(--overlay-color-hover-danger, #e132121A)}
683
- .a2-bg-overlay-hover-default {background-color: var(--overlay-color-hover, #14141414)}
684
- .a2-bg-overlay-hover-on-danger {background-color: var(--overlay-color-hover-on-danger, #14141433)}
685
- .a2-bg-overlay-hover-on-default {background-color: var(--overlay-color-hover-on, #14141414)}
686
- .a2-bg-overlay-hover-on-primary {background-color: var(--overlay-color-hover-on-primary, #14141433)}
687
- .a2-bg-overlay-hover-primary {background-color: var(--overlay-color-hover-primary, #0265DC1A)}
688
- .a2-bg-primary-default {background-color: var(--background-color-primary, #0265DC)}
689
- .a2-bg-primary-subdued {background-color: var(--background-color-primary-subdued, #E0F2FF)}
690
- .a2-bg-status-danger {background-color: var(--status-color-danger, #e13212)}
691
- .a2-bg-status-info {background-color: var(--status-color-info, #0265DC)}
692
- .a2-bg-status-success {background-color: var(--status-color-success, #007A4D)}
693
- .a2-bg-status-warning {background-color: var(--status-color-warning, #ffbe00)}
694
- .a2-bg-strong {background-color: var(--background-color-strong, #f7f7f7)}
695
- .a2-bg-stronger {background-color: var(--background-color-stronger, #eeeeee)}
696
- .a2-bg-strongest {background-color: var(--background-color-strongest, #bcbcbd)}
697
- .a2-bg-success-default {background-color: var(--background-color-success, #007A4D)}
698
- .a2-bg-success-subdued {background-color: var(--background-color-success-subdued, #CEF8E0)}
699
- .a2-bg-warning-default {background-color: var(--background-color-warning, #ffbe00)}
700
- .a2-border-color-danger {border-color: var(--border-color-danger, #e13212)}
701
- .a2-border-color-default {border-color: var(--border-color, #949596)}
702
- .a2-border-color-primary {border-color: var(--border-color-primary, #0265DC)}
703
- .a2-border-color-status-info {border-color: var(--status-color-info, #0265DC)}
704
- .a2-border-color-status-success {border-color: var(--status-color-success, #007A4D)}
705
- .a2-border-color-status-warning {border-color: var(--status-color-warning, #ffbe00)}
706
- .a2-border-color-strong {border-color: var(--border-color-strong, #444445)}
707
- .a2-border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
708
- .a2-border-color-success {border-color: var(--border-color-success, #007A4D)}
709
- .a2-c-active-danger {color: var(--foreground-color-active-danger, #bf2a00)}
710
- .a2-c-active-primary {color: var(--foreground-color-active-primary, #004491)}
711
- .a2-c-danger {color: var(--foreground-color-danger, #e13212)}
712
- .a2-c-default {color: var(--foreground-color, #141414)}
713
- .a2-c-hover-danger {color: var(--foreground-color-hover-danger, #bf2a00)}
714
- .a2-c-hover-primary {color: var(--foreground-color-hover-primary, #004491)}
715
- .a2-c-inverted {color: var(--foreground-color-inverted, #ffffff)}
716
- .a2-c-on-danger-default {color: var(--foreground-color-on-danger, #ffffff)}
717
- .a2-c-on-danger-subdued {color: var(--foreground-color-on-danger-subdued, #bf2a00)}
718
- .a2-c-on-primary {color: var(--foreground-color-on-primary, #ffffff)}
719
- .a2-c-on-warning {color: var(--foreground-color-on-warning, #141414)}
720
- .a2-c-primary {color: var(--foreground-color-primary, #0265DC)}
721
- .a2-c-status-danger {color: var(--status-color-danger, #e13212)}
722
- .a2-c-status-info {color: var(--status-color-info, #0265DC)}
723
- .a2-c-status-success {color: var(--status-color-success, #007A4D)}
724
- .a2-c-status-warning {color: var(--status-color-warning, #ffbe00)}
725
- .a2-c-subdued {color: var(--foreground-color-subdued, #737475)}
781
+ .a2-bg-danger {background-color: var(--a2-background-color-danger, var(--a2-status-color-danger, var(--a2-color-red-600, #d62100)))}
782
+ .a2-bg-danger-active {background-color: var(--a2-background-color-danger-active, var(--a2-color-red-800, #731100))}
783
+ .a2-bg-danger-faint {background-color: var(--a2-background-color-danger-faint, var(--a2-color-red-10, #fffbfa))}
784
+ .a2-bg-danger-faint-active {background-color: var(--a2-background-color-danger-faint-active, var(--a2-color-red-100, #ffd4cc))}
785
+ .a2-bg-danger-faint-hover {background-color: var(--a2-background-color-danger-faint-hover, var(--a2-color-red-50, #ffe9e5))}
786
+ .a2-bg-danger-hover {background-color: var(--a2-background-color-danger-hover, var(--a2-color-red-700, #a31900))}
787
+ .a2-bg-danger-subdued {background-color: var(--a2-background-color-danger-subdued, var(--a2-color-red-50, #ffe9e5))}
788
+ .a2-bg-danger-subdued-active {background-color: var(--a2-background-color-danger-subdued-active, var(--a2-color-red-200, #ffac9e))}
789
+ .a2-bg-danger-subdued-hover {background-color: var(--a2-background-color-danger-subdued-hover, var(--a2-color-red-100, #ffd4cc))}
790
+ .a2-bg-default {background-color: var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff))}
791
+ .a2-bg-default-active {background-color: var(--a2-background-color-default-active, var(--a2-color-neutral-40, #f1f1f1))}
792
+ .a2-bg-default-hover {background-color: var(--a2-background-color-default-hover, var(--a2-color-neutral-20, #f9f9f9))}
793
+ .a2-bg-disabled {background-color: var(--a2-background-color-disabled, var(--a2-color-neutral-600, #545454))}
794
+ .a2-bg-inverted {background-color: var(--a2-background-color-inverted, var(--a2-color-neutral-800, #292929))}
795
+ .a2-bg-inverted-active {background-color: var(--a2-background-color-inverted-active, var(--a2-color-neutral-800, #292929))}
796
+ .a2-bg-inverted-hover {background-color: var(--a2-background-color-inverted-hover, var(--a2-color-neutral-800, #292929))}
797
+ .a2-bg-inverted-strong {background-color: var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a))}
798
+ .a2-bg-inverted-strong-active {background-color: var(--a2-background-color-inverted-strong-active, var(--a2-color-neutral-900, #1a1a1a))}
799
+ .a2-bg-inverted-strong-hover {background-color: var(--a2-background-color-inverted-strong-hover, var(--a2-color-neutral-900, #1a1a1a))}
800
+ .a2-bg-primary {background-color: var(--a2-background-color-primary, var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc)))}
801
+ .a2-bg-primary-active {background-color: var(--a2-background-color-primary-active, var(--a2-color-blue-800, #003472))}
802
+ .a2-bg-primary-faint {background-color: var(--a2-background-color-primary-faint, var(--a2-color-blue-10, #fafcff))}
803
+ .a2-bg-primary-faint-active {background-color: var(--a2-background-color-primary-faint-active, var(--a2-color-blue-100, #cce3ff))}
804
+ .a2-bg-primary-faint-hover {background-color: var(--a2-background-color-primary-faint-hover, var(--a2-color-blue-50, #e6f1ff))}
805
+ .a2-bg-primary-hover {background-color: var(--a2-background-color-primary-hover, var(--a2-color-blue-700, #1d4ca3))}
806
+ .a2-bg-primary-subdued {background-color: var(--a2-background-color-primary-subdued, var(--a2-color-blue-50, #e6f1ff))}
807
+ .a2-bg-primary-subdued-active {background-color: var(--a2-background-color-primary-subdued-active, var(--a2-color-blue-200, #9ecaff))}
808
+ .a2-bg-primary-subdued-hover {background-color: var(--a2-background-color-primary-subdued-hover, var(--a2-color-blue-100, #cce3ff))}
809
+ .a2-bg-secondary {background-color: var(--a2-background-color-secondary, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 6%, transparent))}
810
+ .a2-bg-secondary-active {background-color: var(--a2-background-color-secondary-active, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 16%, transparent))}
811
+ .a2-bg-secondary-hover {background-color: var(--a2-background-color-secondary-hover, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 8%, transparent))}
812
+ .a2-bg-secondary-strong {background-color: var(--a2-background-color-secondary-strong, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 15%, transparent))}
813
+ .a2-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))}
814
+ .a2-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))}
815
+ .a2-bg-status-danger {background-color: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100))}
816
+ .a2-bg-status-info {background-color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
817
+ .a2-bg-status-success {background-color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
818
+ .a2-bg-status-warning {background-color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
819
+ .a2-bg-strong {background-color: var(--a2-background-color-strong, var(--a2-color-neutral-20, #f9f9f9))}
820
+ .a2-bg-strong-active {background-color: var(--a2-background-color-strong-active, var(--a2-color-neutral-70, #e8e8e8))}
821
+ .a2-bg-strong-hover {background-color: var(--a2-background-color-strong-hover, var(--a2-color-neutral-50, #eeeeee))}
822
+ .a2-bg-stronger {background-color: var(--a2-background-color-stronger, var(--a2-color-neutral-50, #eeeeee))}
823
+ .a2-bg-stronger-active {background-color: var(--a2-background-color-stronger-active, var(--a2-color-neutral-100, #dfdfdf))}
824
+ .a2-bg-stronger-hover {background-color: var(--a2-background-color-stronger-hover, var(--a2-color-neutral-90, #e5e5e5))}
825
+ .a2-bg-strongest {background-color: var(--a2-background-color-strongest, var(--a2-color-neutral-200, #c4c4c4))}
826
+ .a2-bg-strongest-active {background-color: var(--a2-background-color-strongest-active, var(--a2-color-neutral-400, #8b8b8b))}
827
+ .a2-bg-strongest-hover {background-color: var(--a2-background-color-strongest-hover, var(--a2-color-neutral-300, #a8a8a8))}
828
+ .a2-bg-success {background-color: var(--a2-background-color-success, var(--a2-status-color-success, var(--a2-color-green-600, #077e50)))}
829
+ .a2-bg-success-active {background-color: var(--a2-background-color-success-active, var(--a2-color-green-800, #04482e))}
830
+ .a2-bg-success-faint {background-color: var(--a2-background-color-success-faint, var(--a2-color-green-10, #f5fefb))}
831
+ .a2-bg-success-faint-active {background-color: var(--a2-background-color-success-faint-active, var(--a2-color-green-100, #b8f5dd))}
832
+ .a2-bg-success-faint-hover {background-color: var(--a2-background-color-success-faint-hover, var(--a2-color-green-50, #d3fded))}
833
+ .a2-bg-success-hover {background-color: var(--a2-background-color-success-hover, var(--a2-color-green-700, #05613e))}
834
+ .a2-bg-success-subdued {background-color: var(--a2-background-color-success-subdued, var(--a2-color-green-50, #d3fded))}
835
+ .a2-bg-success-subdued-active {background-color: var(--a2-background-color-success-subdued-active, var(--a2-color-green-200, #70ebbc))}
836
+ .a2-bg-success-subdued-hover {background-color: var(--a2-background-color-success-subdued-hover, var(--a2-color-green-100, #b8f5dd))}
837
+ .a2-bg-transparent-danger {background-color: var(--a2-background-color-transparent-danger, rgba(0, 0, 0, 0))}
838
+ .a2-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))}
839
+ .a2-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))}
840
+ .a2-bg-transparent-default {background-color: var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0))}
841
+ .a2-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))}
842
+ .a2-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))}
843
+ .a2-bg-transparent-primary {background-color: var(--a2-background-color-transparent-primary, rgba(0, 0, 0, 0))}
844
+ .a2-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))}
845
+ .a2-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))}
846
+ .a2-bg-warning {background-color: var(--a2-background-color-warning, var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00)))}
847
+ .a2-bg-warning-active {background-color: var(--a2-background-color-warning-active, var(--a2-color-yellow-600, #de9500))}
848
+ .a2-bg-warning-faint {background-color: var(--a2-background-color-warning-faint, var(--a2-color-yellow-10, #fffef8))}
849
+ .a2-bg-warning-faint-active {background-color: var(--a2-background-color-warning-faint-active, var(--a2-color-yellow-100, #fff9e2))}
850
+ .a2-bg-warning-faint-hover {background-color: var(--a2-background-color-warning-faint-hover, var(--a2-color-yellow-50, #fffcf0))}
851
+ .a2-bg-warning-hover {background-color: var(--a2-background-color-warning-hover, var(--a2-color-yellow-600, #de9500))}
852
+ .a2-bg-warning-subdued {background-color: var(--a2-background-color-warning-subdued, var(--a2-color-yellow-100, #fff9e2))}
853
+ .a2-bg-warning-subdued-active {background-color: var(--a2-background-color-warning-subdued-active, var(--a2-color-yellow-300, #ffe278))}
854
+ .a2-bg-warning-subdued-hover {background-color: var(--a2-background-color-warning-subdued-hover, var(--a2-color-yellow-200, #fff0b1))}
855
+ .a2-border-color-danger {border-color: var(--a2-border-color-danger, var(--a2-color-red-600, #d62100))}
856
+ .a2-border-color-default {border-color: var(--a2-border-color-default, var(--a2-color-neutral-400, #8b8b8b))}
857
+ .a2-border-color-primary {border-color: var(--a2-border-color-primary, var(--a2-color-blue-600, #0265dc))}
858
+ .a2-border-color-status-info {border-color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
859
+ .a2-border-color-status-success {border-color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
860
+ .a2-border-color-status-warning {border-color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
861
+ .a2-border-color-strong {border-color: var(--a2-border-color-strong, var(--a2-color-neutral-700, #404040))}
862
+ .a2-border-color-subdued {border-color: var(--a2-border-color-subdued, var(--a2-color-neutral-80, #e6e6e6))}
863
+ .a2-border-color-success {border-color: var(--a2-border-color-success, var(--a2-color-green-600, #077e50))}
864
+ .a2-border-color-warning {border-color: var(--a2-border-color-warning, var(--a2-color-yellow-700, #c98600))}
865
+ .a2-c-danger {color: var(--a2-foreground-color-danger, var(--a2-color-red-600, #d62100))}
866
+ .a2-c-danger-active {color: var(--a2-foreground-color-danger-active, var(--a2-color-red-800, #731100))}
867
+ .a2-c-danger-hover {color: var(--a2-foreground-color-danger-hover, var(--a2-color-red-700, #a31900))}
868
+ .a2-c-default {color: var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))}
869
+ .a2-c-default-active {color: var(--a2-foreground-color-default-active, var(--a2-color-neutral-950, #040404))}
870
+ .a2-c-default-hover {color: var(--a2-foreground-color-default-hover, var(--a2-color-neutral-950, #040404))}
871
+ .a2-c-inverted {color: var(--a2-foreground-color-inverted, var(--a2-color-neutral-0, #ffffff))}
872
+ .a2-c-on-danger {color: var(--a2-foreground-color-on-danger, var(--a2-color-neutral-0, #ffffff))}
873
+ .a2-c-on-danger-active {color: var(--a2-foreground-color-on-danger-active, var(--a2-color-neutral-0, #ffffff))}
874
+ .a2-c-on-danger-hover {color: var(--a2-foreground-color-on-danger-hover, var(--a2-color-neutral-0, #ffffff))}
875
+ .a2-c-on-danger-subdued {color: var(--a2-foreground-color-on-danger-subdued, var(--a2-color-red-700, #a31900))}
876
+ .a2-c-on-danger-subdued-active {color: var(--a2-foreground-color-on-danger-subdued-active, var(--a2-color-red-900, #470b00))}
877
+ .a2-c-on-danger-subdued-hover {color: var(--a2-foreground-color-on-danger-subdued-hover, var(--a2-color-red-800, #731100))}
878
+ .a2-c-on-primary {color: var(--a2-foreground-color-on-primary, var(--a2-color-neutral-0, #ffffff))}
879
+ .a2-c-on-primary-active {color: var(--a2-foreground-color-on-primary-active, var(--a2-color-neutral-0, #ffffff))}
880
+ .a2-c-on-primary-hover {color: var(--a2-foreground-color-on-primary-hover, var(--a2-color-neutral-0, #ffffff))}
881
+ .a2-c-on-success {color: var(--a2-foreground-color-on-success, var(--a2-color-neutral-0, #ffffff))}
882
+ .a2-c-on-warning {color: var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a))}
883
+ .a2-c-primary {color: var(--a2-foreground-color-primary, var(--a2-color-blue-600, #0265dc))}
884
+ .a2-c-primary-active {color: var(--a2-foreground-color-primary-active, var(--a2-color-blue-800, #003472))}
885
+ .a2-c-primary-hover {color: var(--a2-foreground-color-primary-hover, var(--a2-color-blue-700, #1d4ca3))}
886
+ .a2-c-status-danger {color: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100))}
887
+ .a2-c-status-info {color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
888
+ .a2-c-status-success {color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
889
+ .a2-c-status-warning {color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
890
+ .a2-c-subdued {color: var(--a2-foreground-color-subdued, var(--a2-color-neutral-500, #707070))}
891
+ .a2-c-subdued-active {color: var(--a2-foreground-color-subdued-active, var(--a2-color-neutral-600, #545454))}
892
+ .a2-c-subdued-hover {color: var(--a2-foreground-color-subdued-hover, var(--a2-color-neutral-500, #707070))}
726
893
 
727
894
  @supports (color: light-dark(#fff, #000)) {
728
- .a2-bg-danger-default {background-color: var(--background-color-danger, light-dark(#e13212, #ff745f))}
729
- .a2-bg-danger-subdued {background-color: var(--background-color-danger-subdued, light-dark(#ffece9, #ff745f33))}
730
- .a2-bg-default {background-color: var(--background-color, light-dark(#ffffff, #141414))}
731
- .a2-bg-disabled {background-color: var(--background-color-disabled, light-dark(#606162, #606162))}
732
- .a2-bg-inverted-default {background-color: var(--background-color-inverted, light-dark(#2d2e31, #fafafa))}
733
- .a2-bg-inverted-strong {background-color: var(--background-color-inverted-strong, light-dark(#141414, #ffffff))}
734
- .a2-bg-overlay-active-danger {background-color: var(--overlay-color-active-danger, light-dark(#e132124D, #f94d3240))}
735
- .a2-bg-overlay-active-default {background-color: var(--overlay-color-active, light-dark(#14141429, #ffffff29))}
736
- .a2-bg-overlay-active-on-danger {background-color: var(--overlay-color-active-on-danger, light-dark(#14141466, #14141429))}
737
- .a2-bg-overlay-active-on-default {background-color: var(--overlay-color-active-on, light-dark(#14141429, #14141429))}
738
- .a2-bg-overlay-active-on-primary {background-color: var(--overlay-color-active-on-primary, light-dark(#14141466, #14141429))}
739
- .a2-bg-overlay-active-primary {background-color: var(--overlay-color-active-primary, light-dark(#0265DC4D, #78BBFA40))}
740
- .a2-bg-overlay-hover-danger {background-color: var(--overlay-color-hover-danger, light-dark(#e132121A, #f94d3226))}
741
- .a2-bg-overlay-hover-default {background-color: var(--overlay-color-hover, light-dark(#14141414, #ffffff14))}
742
- .a2-bg-overlay-hover-on-danger {background-color: var(--overlay-color-hover-on-danger, light-dark(#14141433, #ffffff29))}
743
- .a2-bg-overlay-hover-on-default {background-color: var(--overlay-color-hover-on, light-dark(#14141414, #ffffff14))}
744
- .a2-bg-overlay-hover-on-primary {background-color: var(--overlay-color-hover-on-primary, light-dark(#14141433, #ffffff29))}
745
- .a2-bg-overlay-hover-primary {background-color: var(--overlay-color-hover-primary, light-dark(#0265DC1A, #78BBFA1A))}
746
- .a2-bg-primary-default {background-color: var(--background-color-primary, light-dark(#0265DC, #78BBFA))}
747
- .a2-bg-primary-subdued {background-color: var(--background-color-primary-subdued, light-dark(#E0F2FF, #78BBFA33))}
748
- .a2-bg-status-danger {background-color: var(--status-color-danger, light-dark(#e13212, #ff745f))}
749
- .a2-bg-status-info {background-color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
750
- .a2-bg-status-success {background-color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
751
- .a2-bg-status-warning {background-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
752
- .a2-bg-strong {background-color: var(--background-color-strong, light-dark(#f7f7f7, #2d2e31))}
753
- .a2-bg-stronger {background-color: var(--background-color-stronger, light-dark(#eeeeee, #444445))}
754
- .a2-bg-strongest {background-color: var(--background-color-strongest, light-dark(#bcbcbd, #737475))}
755
- .a2-bg-success-default {background-color: var(--background-color-success, light-dark(#007A4D, #49CC93))}
756
- .a2-bg-success-subdued {background-color: var(--background-color-success-subdued, light-dark(#CEF8E0, #49CC9333))}
757
- .a2-bg-warning-default {background-color: var(--background-color-warning, light-dark(#ffbe00, #ffe278))}
758
- .a2-border-color-danger {border-color: var(--border-color-danger, light-dark(#e13212, #ff745f))}
759
- .a2-border-color-default {border-color: var(--border-color, light-dark(#949596, #606162))}
760
- .a2-border-color-primary {border-color: var(--border-color-primary, light-dark(#0265DC, #78BBFA))}
761
- .a2-border-color-status-info {border-color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
762
- .a2-border-color-status-success {border-color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
763
- .a2-border-color-status-warning {border-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
764
- .a2-border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
765
- .a2-border-color-subdued {border-color: var(--border-color-subdued, light-dark(#dfe0e1, #444445))}
766
- .a2-border-color-success {border-color: var(--border-color-success, light-dark(#007A4D, #49CC93))}
767
- .a2-c-active-danger {color: var(--foreground-color-active-danger, light-dark(#bf2a00, #ff745f))}
768
- .a2-c-active-primary {color: var(--foreground-color-active-primary, light-dark(#004491, #B5DEFF))}
769
- .a2-c-danger {color: var(--foreground-color-danger, light-dark(#e13212, #ff745f))}
770
- .a2-c-default {color: var(--foreground-color, light-dark(#141414, #ffffff))}
771
- .a2-c-hover-danger {color: var(--foreground-color-hover-danger, light-dark(#bf2a00, #ff745f))}
772
- .a2-c-hover-primary {color: var(--foreground-color-hover-primary, light-dark(#004491, #B5DEFF))}
773
- .a2-c-inverted {color: var(--foreground-color-inverted, light-dark(#ffffff, #141414))}
774
- .a2-c-on-danger-default {color: var(--foreground-color-on-danger, light-dark(#ffffff, #141414))}
775
- .a2-c-on-danger-subdued {color: var(--foreground-color-on-danger-subdued, light-dark(#bf2a00, #ffffff))}
776
- .a2-c-on-primary {color: var(--foreground-color-on-primary, light-dark(#ffffff, #141414))}
777
- .a2-c-on-warning {color: var(--foreground-color-on-warning, light-dark(#141414, #141414))}
778
- .a2-c-primary {color: var(--foreground-color-primary, light-dark(#0265DC, #78BBFA))}
779
- .a2-c-status-danger {color: var(--status-color-danger, light-dark(#e13212, #ff745f))}
780
- .a2-c-status-info {color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
781
- .a2-c-status-success {color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
782
- .a2-c-status-warning {color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
783
- .a2-c-subdued {color: var(--foreground-color-subdued, light-dark(#737475, #bcbcbd))}
895
+ .a2-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))))}
896
+ .a2-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)))}
897
+ .a2-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)))}
898
+ .a2-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)))}
899
+ .a2-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)))}
900
+ .a2-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)))}
901
+ .a2-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)))}
902
+ .a2-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)))}
903
+ .a2-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)))}
904
+ .a2-bg-default {background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
905
+ .a2-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)))}
906
+ .a2-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)))}
907
+ .a2-bg-disabled {background-color: var(--a2-background-color-disabled, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-500, #707070)))}
908
+ .a2-bg-inverted {background-color: var(--a2-background-color-inverted, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)))}
909
+ .a2-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)))}
910
+ .a2-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)))}
911
+ .a2-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)))}
912
+ .a2-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)))}
913
+ .a2-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)))}
914
+ .a2-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))))}
915
+ .a2-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)))}
916
+ .a2-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)))}
917
+ .a2-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)))}
918
+ .a2-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)))}
919
+ .a2-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)))}
920
+ .a2-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)))}
921
+ .a2-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)))}
922
+ .a2-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)))}
923
+ .a2-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)))}
924
+ .a2-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)))}
925
+ .a2-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)))}
926
+ .a2-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)))}
927
+ .a2-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)))}
928
+ .a2-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)))}
929
+ .a2-bg-status-danger {background-color: var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
930
+ .a2-bg-status-info {background-color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
931
+ .a2-bg-status-success {background-color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
932
+ .a2-bg-status-warning {background-color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
933
+ .a2-bg-strong {background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)))}
934
+ .a2-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)))}
935
+ .a2-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)))}
936
+ .a2-bg-stronger {background-color: var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)))}
937
+ .a2-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)))}
938
+ .a2-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)))}
939
+ .a2-bg-strongest {background-color: var(--a2-background-color-strongest, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-500, #707070)))}
940
+ .a2-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)))}
941
+ .a2-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)))}
942
+ .a2-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))))}
943
+ .a2-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)))}
944
+ .a2-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)))}
945
+ .a2-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)))}
946
+ .a2-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)))}
947
+ .a2-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)))}
948
+ .a2-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)))}
949
+ .a2-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)))}
950
+ .a2-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)))}
951
+ .a2-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)))}
952
+ .a2-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)))}
953
+ .a2-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)))}
954
+ .a2-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)))}
955
+ .a2-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)))}
956
+ .a2-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)))}
957
+ .a2-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))))}
958
+ .a2-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)))}
959
+ .a2-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)))}
960
+ .a2-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)))}
961
+ .a2-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)))}
962
+ .a2-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)))}
963
+ .a2-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)))}
964
+ .a2-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)))}
965
+ .a2-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)))}
966
+ .a2-border-color-danger {border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)))}
967
+ .a2-border-color-default {border-color: var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)))}
968
+ .a2-border-color-primary {border-color: var(--a2-border-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-200, #9ecaff)))}
969
+ .a2-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)))}
970
+ .a2-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)))}
971
+ .a2-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)))}
972
+ .a2-border-color-strong {border-color: var(--a2-border-color-strong, light-dark(var(--a2-color-neutral-700, #404040), var(--a2-color-neutral-80, #e6e6e6)))}
973
+ .a2-border-color-subdued {border-color: var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040)))}
974
+ .a2-border-color-success {border-color: var(--a2-border-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-200, #70ebbc)))}
975
+ .a2-border-color-warning {border-color: var(--a2-border-color-warning, light-dark(var(--a2-color-yellow-700, #c98600), var(--a2-color-yellow-200, #fff0b1)))}
976
+ .a2-c-danger {color: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
977
+ .a2-c-danger-active {color: var(--a2-foreground-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e)))}
978
+ .a2-c-danger-hover {color: var(--a2-foreground-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670)))}
979
+ .a2-c-default {color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
980
+ .a2-c-default-active {color: var(--a2-foreground-color-default-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
981
+ .a2-c-default-hover {color: var(--a2-foreground-color-default-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
982
+ .a2-c-inverted {color: var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
983
+ .a2-c-on-danger {color: var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
984
+ .a2-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)))}
985
+ .a2-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)))}
986
+ .a2-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)))}
987
+ .a2-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)))}
988
+ .a2-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)))}
989
+ .a2-c-on-primary {color: var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
990
+ .a2-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)))}
991
+ .a2-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)))}
992
+ .a2-c-on-success {color: var(--a2-foreground-color-on-success, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
993
+ .a2-c-on-warning {color: var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a))}
994
+ .a2-c-primary {color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
995
+ .a2-c-primary-active {color: var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff)))}
996
+ .a2-c-primary-hover {color: var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff)))}
997
+ .a2-c-status-danger {color: var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
998
+ .a2-c-status-info {color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
999
+ .a2-c-status-success {color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
1000
+ .a2-c-status-warning {color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
1001
+ .a2-c-subdued {color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)))}
1002
+ .a2-c-subdued-active {color: var(--a2-foreground-color-subdued-active, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-100, #dfdfdf)))}
1003
+ .a2-c-subdued-hover {color: var(--a2-foreground-color-subdued-hover, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)))}
784
1004
  }
785
1005
  }