@servicetitan/anvil2 3.2.0 → 3.3.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 (110) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/{AnvilProvider-Cw_zTBqJ.js → AnvilProvider-CwAHiQ_0.js} +29 -1
  3. package/dist/AnvilProvider-CwAHiQ_0.js.map +1 -0
  4. package/dist/AnvilProvider.js +1 -1
  5. package/dist/Combobox.js +1 -1
  6. package/dist/{DataTable-D_ZP3kZw.js → DataTable-CnRkAUpI.js} +8 -7
  7. package/dist/DataTable-CnRkAUpI.js.map +1 -0
  8. package/dist/DataTable.css +10 -6
  9. package/dist/MultiSelectFieldSync-DNJ1TBf8.js.map +1 -1
  10. package/dist/MultiSelectMenuSync-LD931FAV.js.map +1 -1
  11. package/dist/SavedFiltersButton-3VadkBsA.js.map +1 -1
  12. package/dist/SelectFieldLabel-CvJhwy_6.js.map +1 -1
  13. package/dist/SelectFieldSync-z_kyrBvL.js.map +1 -1
  14. package/dist/SelectMenuSync-BD8oedGs.js.map +1 -1
  15. package/dist/SelectOptions-CBSsSyFd.js.map +1 -1
  16. package/dist/{SelectTrigger-BtmYsL2p.js → SelectTrigger-CtiLCoHx.js} +2 -2
  17. package/dist/{SelectTrigger-BtmYsL2p.js.map → SelectTrigger-CtiLCoHx.js.map} +1 -1
  18. package/dist/SelectTrigger.js +1 -1
  19. package/dist/{SelectTriggerBase-CyyzAOmG.js → SelectTriggerBase-aE_iVDpL.js} +5 -3
  20. package/dist/SelectTriggerBase-aE_iVDpL.js.map +1 -0
  21. package/dist/Table.js +1 -1
  22. package/dist/TreeSelectFieldSync-CB1H4ZTC.js.map +1 -1
  23. package/dist/a2-border.css +25 -0
  24. package/dist/a2-color.css +223 -0
  25. package/dist/a2-font.css +21 -0
  26. package/dist/a2-spacing.css +238 -0
  27. package/dist/a2-utils.css +500 -0
  28. package/dist/beta.js +92 -7
  29. package/dist/beta.js.map +1 -1
  30. package/dist/filter-state-C-4lebJG.js.map +1 -1
  31. package/dist/index.js +7 -3
  32. package/dist/index.js.map +1 -1
  33. package/dist/src/beta/components/FilterBar/internal/adapters/asyncMultiSelect.d.ts +1 -1
  34. package/dist/src/beta/components/FilterBar/internal/adapters/asyncSelect.d.ts +1 -1
  35. package/dist/src/beta/components/FilterBar/internal/adapters/multiSelect.d.ts +1 -1
  36. package/dist/src/beta/components/FilterBar/internal/adapters/singleSelect.d.ts +1 -1
  37. package/dist/src/beta/components/FilterBar/internal/types.d.ts +2 -2
  38. package/dist/src/beta/components/Table/createColumnHelper.d.ts +1 -1
  39. package/dist/src/beta/components/Table/types.d.ts +6 -6
  40. package/dist/src/beta/components/TreeSelectField/internal/TreeSelectFieldInput.d.ts +1 -1
  41. package/dist/src/beta/components/TreeSelectField/types.d.ts +1 -1
  42. package/dist/src/beta/components/deprecatedReexports/MultiSelectField.d.ts +21 -0
  43. package/dist/src/beta/components/deprecatedReexports/MultiSelectMenu.d.ts +21 -0
  44. package/dist/src/beta/components/deprecatedReexports/SelectField.d.ts +21 -0
  45. package/dist/src/beta/components/deprecatedReexports/SelectMenu.d.ts +21 -0
  46. package/dist/src/beta/components/deprecatedReexports/constants.d.ts +10 -0
  47. package/dist/src/beta/components/deprecatedReexports/deprecatedBetaImport.d.ts +7 -0
  48. package/dist/src/beta/components/index.d.ts +6 -6
  49. package/dist/src/components/Combobox/Combobox.d.ts +2 -0
  50. package/dist/src/{beta/components → components}/MultiSelectField/MultiSelectFieldSync.d.ts +1 -1
  51. package/dist/src/{beta/components → components}/MultiSelectField/internal/MultiSelectFieldInput.d.ts +1 -1
  52. package/dist/src/{beta/components → components}/MultiSelectField/internal/MultiSelectFieldTrigger.d.ts +1 -1
  53. package/dist/src/{beta/components → components}/MultiSelectField/internal/types.d.ts +2 -2
  54. package/dist/src/{beta/components → components}/MultiSelectField/internal/useComboMultiple.d.ts +2 -2
  55. package/dist/src/{beta/components → components}/MultiSelectField/internal/useSelectModeMultiple.d.ts +2 -2
  56. package/dist/src/{beta/components → components}/MultiSelectField/types.d.ts +4 -4
  57. package/dist/src/{beta/components → components}/MultiSelectMenu/MultiSelectMenuSync.d.ts +1 -1
  58. package/dist/src/{beta/components → components}/MultiSelectMenu/types.d.ts +3 -3
  59. package/dist/src/{beta/components → components}/SelectField/SelectFieldSync.d.ts +1 -1
  60. package/dist/src/{beta/components → components}/SelectField/internal/SelectFieldComboboxMode.d.ts +1 -1
  61. package/dist/src/{beta/components → components}/SelectField/internal/SelectFieldInput.d.ts +1 -1
  62. package/dist/src/{beta/components → components}/SelectField/internal/SelectFieldLabel.d.ts +1 -1
  63. package/dist/src/{beta/components → components}/SelectField/internal/SelectFieldSelectMode.d.ts +1 -1
  64. package/dist/src/{beta/components → components}/SelectField/internal/SelectFieldTrigger.d.ts +1 -1
  65. package/dist/src/{beta/components → components}/SelectField/internal/useCombo.d.ts +1 -1
  66. package/dist/src/{beta/components → components}/SelectField/internal/useSelectMode.d.ts +1 -1
  67. package/dist/src/{beta/components → components}/SelectField/types.d.ts +3 -3
  68. package/dist/src/{beta/components → components}/SelectMenu/SelectMenuSync.d.ts +1 -1
  69. package/dist/src/{beta/components → components}/SelectMenu/internal/useMenuInteraction.d.ts +2 -2
  70. package/dist/src/{beta/components → components}/SelectMenu/types.d.ts +1 -1
  71. package/dist/src/components/SelectTrigger/internal/SelectTriggerBase.d.ts +2 -1
  72. package/dist/src/components/index.d.ts +4 -0
  73. package/dist/src/internal/components/MultiSelectOptions.d.ts +1 -1
  74. package/dist/src/internal/components/SelectOptions.d.ts +1 -1
  75. package/dist/src/internal/functions/buildSelectItems.d.ts +1 -1
  76. package/dist/src/internal/functions/syncFilterUtils.d.ts +1 -1
  77. package/dist/src/internal/hooks/useGroupedOptions.d.ts +1 -1
  78. package/dist/src/internal/hooks/usePinnedOptions.d.ts +1 -1
  79. package/dist/src/internal/hooks/useProcessedOptions.d.ts +1 -1
  80. package/dist/src/internal/hooks/useSelectFieldLoading/useSelectFieldLoading.d.ts +1 -1
  81. package/dist/src/internal/hooks/useSelectOrchestration.d.ts +1 -1
  82. package/dist/src/internal/hooks/useToggleSelection.d.ts +1 -1
  83. package/dist/src/internal/types/bulkActionTypes.d.ts +1 -1
  84. package/dist/src/internal/types/selectFieldInternalTypes.d.ts +1 -1
  85. package/dist/src/providers/AnvilProvider/AnvilProviderContext.d.ts +7 -0
  86. package/dist/src/providers/AnvilProvider/index.d.ts +1 -1
  87. package/dist/syncFilterUtils-JUsufAHA.js.map +1 -1
  88. package/dist/useChipLayout-BWZfKDgd.js.map +1 -1
  89. package/dist/{useInfiniteCombobox-D6FRVziM.js → useInfiniteCombobox-D77w-hHb.js} +8 -3
  90. package/dist/useInfiniteCombobox-D77w-hHb.js.map +1 -0
  91. package/dist/useMenuInteraction-NEJXUD4I.js.map +1 -1
  92. package/dist/useToggleSelection-a18uaSE7.js.map +1 -1
  93. package/package.json +1 -1
  94. package/dist/AnvilProvider-Cw_zTBqJ.js.map +0 -1
  95. package/dist/DataTable-D_ZP3kZw.js.map +0 -1
  96. package/dist/SelectTriggerBase-CyyzAOmG.js.map +0 -1
  97. package/dist/useInfiniteCombobox-D6FRVziM.js.map +0 -1
  98. /package/dist/src/{beta/components → components}/MultiSelectField/MultiSelectField.d.ts +0 -0
  99. /package/dist/src/{beta/components → components}/MultiSelectField/index.d.ts +0 -0
  100. /package/dist/src/{beta/components → components}/MultiSelectField/internal/MultiSelectFieldComboboxMode.d.ts +0 -0
  101. /package/dist/src/{beta/components → components}/MultiSelectField/internal/MultiSelectFieldSelectMode.d.ts +0 -0
  102. /package/dist/src/{beta/components → components}/MultiSelectField/internal/useChipLayout.d.ts +0 -0
  103. /package/dist/src/{beta/components → components}/MultiSelectField/stories/MultiSelectField.stories.data.d.ts +0 -0
  104. /package/dist/src/{beta/components → components}/MultiSelectMenu/MultiSelectMenu.d.ts +0 -0
  105. /package/dist/src/{beta/components → components}/MultiSelectMenu/index.d.ts +0 -0
  106. /package/dist/src/{beta/components → components}/SelectField/SelectField.d.ts +0 -0
  107. /package/dist/src/{beta/components → components}/SelectField/index.d.ts +0 -0
  108. /package/dist/src/{beta/components → components}/SelectField/stories/SelectField.stories.data.d.ts +0 -0
  109. /package/dist/src/{beta/components → components}/SelectMenu/SelectMenu.d.ts +0 -0
  110. /package/dist/src/{beta/components → components}/SelectMenu/index.d.ts +0 -0
package/dist/a2-color.css ADDED
@@ -0,0 +1,223 @@
1
+ .anvil2 .a2-bg-danger {background-color: var(--a2-background-color-danger, var(--a2-status-color-danger, var(--a2-color-red-600, #d62100)))}
2
+ .anvil2 .a2-bg-danger-active {background-color: var(--a2-background-color-danger-active, var(--a2-color-red-800, #731100))}
3
+ .anvil2 .a2-bg-danger-faint {background-color: var(--a2-background-color-danger-faint, var(--a2-color-red-10, #fffbfa))}
4
+ .anvil2 .a2-bg-danger-faint-active {background-color: var(--a2-background-color-danger-faint-active, var(--a2-color-red-100, #ffd4cc))}
5
+ .anvil2 .a2-bg-danger-faint-hover {background-color: var(--a2-background-color-danger-faint-hover, var(--a2-color-red-50, #ffe9e5))}
6
+ .anvil2 .a2-bg-danger-hover {background-color: var(--a2-background-color-danger-hover, var(--a2-color-red-700, #a31900))}
7
+ .anvil2 .a2-bg-danger-subdued {background-color: var(--a2-background-color-danger-subdued, var(--a2-color-red-50, #ffe9e5))}
8
+ .anvil2 .a2-bg-danger-subdued-active {background-color: var(--a2-background-color-danger-subdued-active, var(--a2-color-red-200, #ffac9e))}
9
+ .anvil2 .a2-bg-danger-subdued-hover {background-color: var(--a2-background-color-danger-subdued-hover, var(--a2-color-red-100, #ffd4cc))}
10
+ .anvil2 .a2-bg-default {background-color: var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff))}
11
+ .anvil2 .a2-bg-default-active {background-color: var(--a2-background-color-default-active, var(--a2-color-neutral-40, #f1f1f1))}
12
+ .anvil2 .a2-bg-default-hover {background-color: var(--a2-background-color-default-hover, var(--a2-color-neutral-20, #f9f9f9))}
13
+ .anvil2 .a2-bg-disabled {background-color: var(--a2-background-color-disabled, var(--a2-color-neutral-600, #545454))}
14
+ .anvil2 .a2-bg-inverted {background-color: var(--a2-background-color-inverted, var(--a2-color-neutral-800, #292929))}
15
+ .anvil2 .a2-bg-inverted-active {background-color: var(--a2-background-color-inverted-active, var(--a2-color-neutral-800, #292929))}
16
+ .anvil2 .a2-bg-inverted-hover {background-color: var(--a2-background-color-inverted-hover, var(--a2-color-neutral-800, #292929))}
17
+ .anvil2 .a2-bg-inverted-strong {background-color: var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a))}
18
+ .anvil2 .a2-bg-inverted-strong-active {background-color: var(--a2-background-color-inverted-strong-active, var(--a2-color-neutral-900, #1a1a1a))}
19
+ .anvil2 .a2-bg-inverted-strong-hover {background-color: var(--a2-background-color-inverted-strong-hover, var(--a2-color-neutral-900, #1a1a1a))}
20
+ .anvil2 .a2-bg-primary {background-color: var(--a2-background-color-primary, var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc)))}
21
+ .anvil2 .a2-bg-primary-active {background-color: var(--a2-background-color-primary-active, var(--a2-color-blue-800, #003472))}
22
+ .anvil2 .a2-bg-primary-faint {background-color: var(--a2-background-color-primary-faint, var(--a2-color-blue-10, #fafcff))}
23
+ .anvil2 .a2-bg-primary-faint-active {background-color: var(--a2-background-color-primary-faint-active, var(--a2-color-blue-100, #cce3ff))}
24
+ .anvil2 .a2-bg-primary-faint-hover {background-color: var(--a2-background-color-primary-faint-hover, var(--a2-color-blue-50, #e6f1ff))}
25
+ .anvil2 .a2-bg-primary-hover {background-color: var(--a2-background-color-primary-hover, var(--a2-color-blue-700, #1d4ca3))}
26
+ .anvil2 .a2-bg-primary-subdued {background-color: var(--a2-background-color-primary-subdued, var(--a2-color-blue-50, #e6f1ff))}
27
+ .anvil2 .a2-bg-primary-subdued-active {background-color: var(--a2-background-color-primary-subdued-active, var(--a2-color-blue-200, #9ecaff))}
28
+ .anvil2 .a2-bg-primary-subdued-hover {background-color: var(--a2-background-color-primary-subdued-hover, var(--a2-color-blue-100, #cce3ff))}
29
+ .anvil2 .a2-bg-secondary {background-color: var(--a2-background-color-secondary, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 6%, transparent))}
30
+ .anvil2 .a2-bg-secondary-active {background-color: var(--a2-background-color-secondary-active, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 16%, transparent))}
31
+ .anvil2 .a2-bg-secondary-hover {background-color: var(--a2-background-color-secondary-hover, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 8%, transparent))}
32
+ .anvil2 .a2-bg-secondary-strong {background-color: var(--a2-background-color-secondary-strong, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 15%, transparent))}
33
+ .anvil2 .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))}
34
+ .anvil2 .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))}
35
+ .anvil2 .a2-bg-status-danger {background-color: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100))}
36
+ .anvil2 .a2-bg-status-info {background-color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
37
+ .anvil2 .a2-bg-status-success {background-color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
38
+ .anvil2 .a2-bg-status-warning {background-color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
39
+ .anvil2 .a2-bg-strong {background-color: var(--a2-background-color-strong, var(--a2-color-neutral-20, #f9f9f9))}
40
+ .anvil2 .a2-bg-strong-active {background-color: var(--a2-background-color-strong-active, var(--a2-color-neutral-70, #e8e8e8))}
41
+ .anvil2 .a2-bg-strong-hover {background-color: var(--a2-background-color-strong-hover, var(--a2-color-neutral-50, #eeeeee))}
42
+ .anvil2 .a2-bg-stronger {background-color: var(--a2-background-color-stronger, var(--a2-color-neutral-50, #eeeeee))}
43
+ .anvil2 .a2-bg-stronger-active {background-color: var(--a2-background-color-stronger-active, var(--a2-color-neutral-100, #dfdfdf))}
44
+ .anvil2 .a2-bg-stronger-hover {background-color: var(--a2-background-color-stronger-hover, var(--a2-color-neutral-90, #e5e5e5))}
45
+ .anvil2 .a2-bg-strongest {background-color: var(--a2-background-color-strongest, var(--a2-color-neutral-200, #c4c4c4))}
46
+ .anvil2 .a2-bg-strongest-active {background-color: var(--a2-background-color-strongest-active, var(--a2-color-neutral-400, #8b8b8b))}
47
+ .anvil2 .a2-bg-strongest-hover {background-color: var(--a2-background-color-strongest-hover, var(--a2-color-neutral-300, #a8a8a8))}
48
+ .anvil2 .a2-bg-success {background-color: var(--a2-background-color-success, var(--a2-status-color-success, var(--a2-color-green-600, #077e50)))}
49
+ .anvil2 .a2-bg-success-active {background-color: var(--a2-background-color-success-active, var(--a2-color-green-800, #04482e))}
50
+ .anvil2 .a2-bg-success-faint {background-color: var(--a2-background-color-success-faint, var(--a2-color-green-10, #f5fefb))}
51
+ .anvil2 .a2-bg-success-faint-active {background-color: var(--a2-background-color-success-faint-active, var(--a2-color-green-100, #b8f5dd))}
52
+ .anvil2 .a2-bg-success-faint-hover {background-color: var(--a2-background-color-success-faint-hover, var(--a2-color-green-50, #d3fded))}
53
+ .anvil2 .a2-bg-success-hover {background-color: var(--a2-background-color-success-hover, var(--a2-color-green-700, #05613e))}
54
+ .anvil2 .a2-bg-success-subdued {background-color: var(--a2-background-color-success-subdued, var(--a2-color-green-50, #d3fded))}
55
+ .anvil2 .a2-bg-success-subdued-active {background-color: var(--a2-background-color-success-subdued-active, var(--a2-color-green-200, #70ebbc))}
56
+ .anvil2 .a2-bg-success-subdued-hover {background-color: var(--a2-background-color-success-subdued-hover, var(--a2-color-green-100, #b8f5dd))}
57
+ .anvil2 .a2-bg-transparent-danger {background-color: var(--a2-background-color-transparent-danger, rgba(0, 0, 0, 0))}
58
+ .anvil2 .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))}
59
+ .anvil2 .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))}
60
+ .anvil2 .a2-bg-transparent-default {background-color: var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0))}
61
+ .anvil2 .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))}
62
+ .anvil2 .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))}
63
+ .anvil2 .a2-bg-transparent-primary {background-color: var(--a2-background-color-transparent-primary, rgba(0, 0, 0, 0))}
64
+ .anvil2 .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))}
65
+ .anvil2 .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))}
66
+ .anvil2 .a2-bg-warning {background-color: var(--a2-background-color-warning, var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00)))}
67
+ .anvil2 .a2-bg-warning-active {background-color: var(--a2-background-color-warning-active, var(--a2-color-yellow-600, #de9500))}
68
+ .anvil2 .a2-bg-warning-faint {background-color: var(--a2-background-color-warning-faint, var(--a2-color-yellow-10, #fffef8))}
69
+ .anvil2 .a2-bg-warning-faint-active {background-color: var(--a2-background-color-warning-faint-active, var(--a2-color-yellow-100, #fff9e2))}
70
+ .anvil2 .a2-bg-warning-faint-hover {background-color: var(--a2-background-color-warning-faint-hover, var(--a2-color-yellow-50, #fffcf0))}
71
+ .anvil2 .a2-bg-warning-hover {background-color: var(--a2-background-color-warning-hover, var(--a2-color-yellow-600, #de9500))}
72
+ .anvil2 .a2-bg-warning-subdued {background-color: var(--a2-background-color-warning-subdued, var(--a2-color-yellow-100, #fff9e2))}
73
+ .anvil2 .a2-bg-warning-subdued-active {background-color: var(--a2-background-color-warning-subdued-active, var(--a2-color-yellow-300, #ffe278))}
74
+ .anvil2 .a2-bg-warning-subdued-hover {background-color: var(--a2-background-color-warning-subdued-hover, var(--a2-color-yellow-200, #fff0b1))}
75
+ .anvil2 .a2-border-color-danger {border-color: var(--a2-border-color-danger, var(--a2-color-red-600, #d62100))}
76
+ .anvil2 .a2-border-color-default {border-color: var(--a2-border-color-default, var(--a2-color-neutral-400, #8b8b8b))}
77
+ .anvil2 .a2-border-color-primary {border-color: var(--a2-border-color-primary, var(--a2-color-blue-600, #0265dc))}
78
+ .anvil2 .a2-border-color-status-info {border-color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
79
+ .anvil2 .a2-border-color-status-success {border-color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
80
+ .anvil2 .a2-border-color-status-warning {border-color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
81
+ .anvil2 .a2-border-color-strong {border-color: var(--a2-border-color-strong, var(--a2-color-neutral-700, #404040))}
82
+ .anvil2 .a2-border-color-subdued {border-color: var(--a2-border-color-subdued, var(--a2-color-neutral-80, #e6e6e6))}
83
+ .anvil2 .a2-border-color-success {border-color: var(--a2-border-color-success, var(--a2-color-green-600, #077e50))}
84
+ .anvil2 .a2-border-color-warning {border-color: var(--a2-border-color-warning, var(--a2-color-yellow-700, #c98600))}
85
+ .anvil2 .a2-c-danger {color: var(--a2-foreground-color-danger, var(--a2-color-red-600, #d62100))}
86
+ .anvil2 .a2-c-danger-active {color: var(--a2-foreground-color-danger-active, var(--a2-color-red-800, #731100))}
87
+ .anvil2 .a2-c-danger-hover {color: var(--a2-foreground-color-danger-hover, var(--a2-color-red-700, #a31900))}
88
+ .anvil2 .a2-c-default {color: var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))}
89
+ .anvil2 .a2-c-default-active {color: var(--a2-foreground-color-default-active, var(--a2-color-neutral-950, #040404))}
90
+ .anvil2 .a2-c-default-hover {color: var(--a2-foreground-color-default-hover, var(--a2-color-neutral-950, #040404))}
91
+ .anvil2 .a2-c-inverted {color: var(--a2-foreground-color-inverted, var(--a2-color-neutral-0, #ffffff))}
92
+ .anvil2 .a2-c-on-danger {color: var(--a2-foreground-color-on-danger, var(--a2-color-neutral-0, #ffffff))}
93
+ .anvil2 .a2-c-on-danger-active {color: var(--a2-foreground-color-on-danger-active, var(--a2-color-neutral-0, #ffffff))}
94
+ .anvil2 .a2-c-on-danger-hover {color: var(--a2-foreground-color-on-danger-hover, var(--a2-color-neutral-0, #ffffff))}
95
+ .anvil2 .a2-c-on-danger-subdued {color: var(--a2-foreground-color-on-danger-subdued, var(--a2-color-red-700, #a31900))}
96
+ .anvil2 .a2-c-on-danger-subdued-active {color: var(--a2-foreground-color-on-danger-subdued-active, var(--a2-color-red-900, #470b00))}
97
+ .anvil2 .a2-c-on-danger-subdued-hover {color: var(--a2-foreground-color-on-danger-subdued-hover, var(--a2-color-red-800, #731100))}
98
+ .anvil2 .a2-c-on-primary {color: var(--a2-foreground-color-on-primary, var(--a2-color-neutral-0, #ffffff))}
99
+ .anvil2 .a2-c-on-primary-active {color: var(--a2-foreground-color-on-primary-active, var(--a2-color-neutral-0, #ffffff))}
100
+ .anvil2 .a2-c-on-primary-hover {color: var(--a2-foreground-color-on-primary-hover, var(--a2-color-neutral-0, #ffffff))}
101
+ .anvil2 .a2-c-on-success {color: var(--a2-foreground-color-on-success, var(--a2-color-neutral-0, #ffffff))}
102
+ .anvil2 .a2-c-on-warning {color: var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a))}
103
+ .anvil2 .a2-c-primary {color: var(--a2-foreground-color-primary, var(--a2-color-blue-600, #0265dc))}
104
+ .anvil2 .a2-c-primary-active {color: var(--a2-foreground-color-primary-active, var(--a2-color-blue-800, #003472))}
105
+ .anvil2 .a2-c-primary-hover {color: var(--a2-foreground-color-primary-hover, var(--a2-color-blue-700, #1d4ca3))}
106
+ .anvil2 .a2-c-status-danger {color: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100))}
107
+ .anvil2 .a2-c-status-info {color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
108
+ .anvil2 .a2-c-status-success {color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
109
+ .anvil2 .a2-c-status-warning {color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
110
+ .anvil2 .a2-c-subdued {color: var(--a2-foreground-color-subdued, var(--a2-color-neutral-500, #707070))}
111
+ .anvil2 .a2-c-subdued-active {color: var(--a2-foreground-color-subdued-active, var(--a2-color-neutral-600, #545454))}
112
+ .anvil2 .a2-c-subdued-hover {color: var(--a2-foreground-color-subdued-hover, var(--a2-color-neutral-500, #707070))}
113
+ @supports (color: light-dark(#fff, #000)) {
114
+ .anvil2 .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))))}
115
+ .anvil2 .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)))}
116
+ .anvil2 .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)))}
117
+ .anvil2 .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)))}
118
+ .anvil2 .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)))}
119
+ .anvil2 .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)))}
120
+ .anvil2 .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)))}
121
+ .anvil2 .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)))}
122
+ .anvil2 .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)))}
123
+ .anvil2 .a2-bg-default {background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
124
+ .anvil2 .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)))}
125
+ .anvil2 .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)))}
126
+ .anvil2 .a2-bg-disabled {background-color: var(--a2-background-color-disabled, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-500, #707070)))}
127
+ .anvil2 .a2-bg-inverted {background-color: var(--a2-background-color-inverted, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)))}
128
+ .anvil2 .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)))}
129
+ .anvil2 .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)))}
130
+ .anvil2 .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)))}
131
+ .anvil2 .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)))}
132
+ .anvil2 .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)))}
133
+ .anvil2 .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))))}
134
+ .anvil2 .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)))}
135
+ .anvil2 .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)))}
136
+ .anvil2 .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)))}
137
+ .anvil2 .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)))}
138
+ .anvil2 .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)))}
139
+ .anvil2 .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)))}
140
+ .anvil2 .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)))}
141
+ .anvil2 .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)))}
142
+ .anvil2 .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)))}
143
+ .anvil2 .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)))}
144
+ .anvil2 .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)))}
145
+ .anvil2 .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)))}
146
+ .anvil2 .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)))}
147
+ .anvil2 .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)))}
148
+ .anvil2 .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)))}
149
+ .anvil2 .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)))}
150
+ .anvil2 .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)))}
151
+ .anvil2 .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)))}
152
+ .anvil2 .a2-bg-strong {background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)))}
153
+ .anvil2 .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)))}
154
+ .anvil2 .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)))}
155
+ .anvil2 .a2-bg-stronger {background-color: var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)))}
156
+ .anvil2 .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)))}
157
+ .anvil2 .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)))}
158
+ .anvil2 .a2-bg-strongest {background-color: var(--a2-background-color-strongest, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-500, #707070)))}
159
+ .anvil2 .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)))}
160
+ .anvil2 .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)))}
161
+ .anvil2 .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))))}
162
+ .anvil2 .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)))}
163
+ .anvil2 .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)))}
164
+ .anvil2 .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)))}
165
+ .anvil2 .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)))}
166
+ .anvil2 .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)))}
167
+ .anvil2 .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)))}
168
+ .anvil2 .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)))}
169
+ .anvil2 .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)))}
170
+ .anvil2 .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)))}
171
+ .anvil2 .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)))}
172
+ .anvil2 .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)))}
173
+ .anvil2 .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)))}
174
+ .anvil2 .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)))}
175
+ .anvil2 .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)))}
176
+ .anvil2 .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))))}
177
+ .anvil2 .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)))}
178
+ .anvil2 .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)))}
179
+ .anvil2 .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)))}
180
+ .anvil2 .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)))}
181
+ .anvil2 .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)))}
182
+ .anvil2 .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)))}
183
+ .anvil2 .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)))}
184
+ .anvil2 .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)))}
185
+ .anvil2 .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)))}
186
+ .anvil2 .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)))}
187
+ .anvil2 .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)))}
188
+ .anvil2 .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)))}
189
+ .anvil2 .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)))}
190
+ .anvil2 .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)))}
191
+ .anvil2 .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)))}
192
+ .anvil2 .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)))}
193
+ .anvil2 .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)))}
194
+ .anvil2 .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)))}
195
+ .anvil2 .a2-c-danger {color: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
196
+ .anvil2 .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)))}
197
+ .anvil2 .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)))}
198
+ .anvil2 .a2-c-default {color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
199
+ .anvil2 .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)))}
200
+ .anvil2 .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)))}
201
+ .anvil2 .a2-c-inverted {color: var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
202
+ .anvil2 .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)))}
203
+ .anvil2 .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)))}
204
+ .anvil2 .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)))}
205
+ .anvil2 .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)))}
206
+ .anvil2 .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)))}
207
+ .anvil2 .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)))}
208
+ .anvil2 .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)))}
209
+ .anvil2 .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)))}
210
+ .anvil2 .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)))}
211
+ .anvil2 .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)))}
212
+ .anvil2 .a2-c-on-warning {color: var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a))}
213
+ .anvil2 .a2-c-primary {color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
214
+ .anvil2 .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)))}
215
+ .anvil2 .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)))}
216
+ .anvil2 .a2-c-status-danger {color: var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
217
+ .anvil2 .a2-c-status-info {color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
218
+ .anvil2 .a2-c-status-success {color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
219
+ .anvil2 .a2-c-status-warning {color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
220
+ .anvil2 .a2-c-subdued {color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)))}
221
+ .anvil2 .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)))}
222
+ .anvil2 .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)))}
223
+ }
package/dist/a2-font.css ADDED
@@ -0,0 +1,21 @@
1
+ .anvil2 .a2-ff-heading {font-family: 'Sofia Pro', SofiaPro, sans-serif}
2
+ .anvil2 .a2-ff-label {font-family: 'Nunito Sans', sans-serif}
3
+ .anvil2 .a2-ff-paragraph {font-family: 'Nunito Sans', sans-serif}
4
+ .anvil2 .a2-fs-heading-default {font-size: 1.25rem}
5
+ .anvil2 .a2-fs-heading-large {font-size: 1.5rem}
6
+ .anvil2 .a2-fs-heading-small {font-size: 1rem}
7
+ .anvil2 .a2-fs-heading-xlarge {font-size: 2rem}
8
+ .anvil2 .a2-fs-heading-xsmall {font-size: 0.875rem}
9
+ .anvil2 .a2-fs-label-default {font-size: 0.875rem}
10
+ .anvil2 .a2-fs-label-large {font-size: 1rem}
11
+ .anvil2 .a2-fs-label-small {font-size: 0.75rem}
12
+ .anvil2 .a2-fs-label-xlarge {font-size: 1.25rem}
13
+ .anvil2 .a2-fs-label-xsmall {font-size: 0.625rem}
14
+ .anvil2 .a2-fs-paragraph-default {font-size: 1rem}
15
+ .anvil2 .a2-fs-paragraph-large {font-size: 1.25rem}
16
+ .anvil2 .a2-fs-paragraph-small {font-size: 0.875rem}
17
+ .anvil2 .a2-fs-paragraph-xlarge {font-size: 1.5rem}
18
+ .anvil2 .a2-fs-paragraph-xsmall {font-size: 0.75rem}
19
+ .anvil2 .a2-fw-heading {font-weight: 700}
20
+ .anvil2 .a2-fw-label {font-weight: 600}
21
+ .anvil2 .a2-fw-paragraph {font-weight: 400}
package/dist/a2-spacing.css ADDED
@@ -0,0 +1,238 @@
1
+ .anvil2 .a2-m-0 {margin: var(--a2-size-0, 0rem)}
2
+ .anvil2 .a2-m-1 {margin: var(--a2-size-1, 0.25rem)}
3
+ .anvil2 .a2-m-10 {margin: var(--a2-size-10, 2.5rem)}
4
+ .anvil2 .a2-m-11 {margin: var(--a2-size-11, 2.75rem)}
5
+ .anvil2 .a2-m-12 {margin: var(--a2-size-12, 3rem)}
6
+ .anvil2 .a2-m-13 {margin: var(--a2-size-13, 3.25rem)}
7
+ .anvil2 .a2-m-14 {margin: var(--a2-size-14, 3.5rem)}
8
+ .anvil2 .a2-m-2 {margin: var(--a2-size-2, 0.5rem)}
9
+ .anvil2 .a2-m-3 {margin: var(--a2-size-3, 0.75rem)}
10
+ .anvil2 .a2-m-4 {margin: var(--a2-size-4, 1rem)}
11
+ .anvil2 .a2-m-5 {margin: var(--a2-size-5, 1.25rem)}
12
+ .anvil2 .a2-m-6 {margin: var(--a2-size-6, 1.5rem)}
13
+ .anvil2 .a2-m-7 {margin: var(--a2-size-7, 1.75rem)}
14
+ .anvil2 .a2-m-8 {margin: var(--a2-size-8, 2rem)}
15
+ .anvil2 .a2-m-9 {margin: var(--a2-size-9, 2.25rem)}
16
+ .anvil2 .a2-m-block-0 {margin-block: var(--a2-size-0, 0rem)}
17
+ .anvil2 .a2-m-block-1 {margin-block: var(--a2-size-1, 0.25rem)}
18
+ .anvil2 .a2-m-block-10 {margin-block: var(--a2-size-10, 2.5rem)}
19
+ .anvil2 .a2-m-block-11 {margin-block: var(--a2-size-11, 2.75rem)}
20
+ .anvil2 .a2-m-block-12 {margin-block: var(--a2-size-12, 3rem)}
21
+ .anvil2 .a2-m-block-13 {margin-block: var(--a2-size-13, 3.25rem)}
22
+ .anvil2 .a2-m-block-14 {margin-block: var(--a2-size-14, 3.5rem)}
23
+ .anvil2 .a2-m-block-2 {margin-block: var(--a2-size-2, 0.5rem)}
24
+ .anvil2 .a2-m-block-3 {margin-block: var(--a2-size-3, 0.75rem)}
25
+ .anvil2 .a2-m-block-4 {margin-block: var(--a2-size-4, 1rem)}
26
+ .anvil2 .a2-m-block-5 {margin-block: var(--a2-size-5, 1.25rem)}
27
+ .anvil2 .a2-m-block-6 {margin-block: var(--a2-size-6, 1.5rem)}
28
+ .anvil2 .a2-m-block-7 {margin-block: var(--a2-size-7, 1.75rem)}
29
+ .anvil2 .a2-m-block-8 {margin-block: var(--a2-size-8, 2rem)}
30
+ .anvil2 .a2-m-block-9 {margin-block: var(--a2-size-9, 2.25rem)}
31
+ .anvil2 .a2-m-block-end-0 {margin-block-end: var(--a2-size-0, 0rem)}
32
+ .anvil2 .a2-m-block-end-1 {margin-block-end: var(--a2-size-1, 0.25rem)}
33
+ .anvil2 .a2-m-block-end-10 {margin-block-end: var(--a2-size-10, 2.5rem)}
34
+ .anvil2 .a2-m-block-end-11 {margin-block-end: var(--a2-size-11, 2.75rem)}
35
+ .anvil2 .a2-m-block-end-12 {margin-block-end: var(--a2-size-12, 3rem)}
36
+ .anvil2 .a2-m-block-end-13 {margin-block-end: var(--a2-size-13, 3.25rem)}
37
+ .anvil2 .a2-m-block-end-14 {margin-block-end: var(--a2-size-14, 3.5rem)}
38
+ .anvil2 .a2-m-block-end-2 {margin-block-end: var(--a2-size-2, 0.5rem)}
39
+ .anvil2 .a2-m-block-end-3 {margin-block-end: var(--a2-size-3, 0.75rem)}
40
+ .anvil2 .a2-m-block-end-4 {margin-block-end: var(--a2-size-4, 1rem)}
41
+ .anvil2 .a2-m-block-end-5 {margin-block-end: var(--a2-size-5, 1.25rem)}
42
+ .anvil2 .a2-m-block-end-6 {margin-block-end: var(--a2-size-6, 1.5rem)}
43
+ .anvil2 .a2-m-block-end-7 {margin-block-end: var(--a2-size-7, 1.75rem)}
44
+ .anvil2 .a2-m-block-end-8 {margin-block-end: var(--a2-size-8, 2rem)}
45
+ .anvil2 .a2-m-block-end-9 {margin-block-end: var(--a2-size-9, 2.25rem)}
46
+ .anvil2 .a2-m-block-end-half {margin-block-end: var(--a2-size-half, 0.125rem)}
47
+ .anvil2 .a2-m-block-end-quarter {margin-block-end: var(--a2-size-quarter, 0.0625rem)}
48
+ .anvil2 .a2-m-block-half {margin-block: var(--a2-size-half, 0.125rem)}
49
+ .anvil2 .a2-m-block-quarter {margin-block: var(--a2-size-quarter, 0.0625rem)}
50
+ .anvil2 .a2-m-block-start-0 {margin-block-start: var(--a2-size-0, 0rem)}
51
+ .anvil2 .a2-m-block-start-1 {margin-block-start: var(--a2-size-1, 0.25rem)}
52
+ .anvil2 .a2-m-block-start-10 {margin-block-start: var(--a2-size-10, 2.5rem)}
53
+ .anvil2 .a2-m-block-start-11 {margin-block-start: var(--a2-size-11, 2.75rem)}
54
+ .anvil2 .a2-m-block-start-12 {margin-block-start: var(--a2-size-12, 3rem)}
55
+ .anvil2 .a2-m-block-start-13 {margin-block-start: var(--a2-size-13, 3.25rem)}
56
+ .anvil2 .a2-m-block-start-14 {margin-block-start: var(--a2-size-14, 3.5rem)}
57
+ .anvil2 .a2-m-block-start-2 {margin-block-start: var(--a2-size-2, 0.5rem)}
58
+ .anvil2 .a2-m-block-start-3 {margin-block-start: var(--a2-size-3, 0.75rem)}
59
+ .anvil2 .a2-m-block-start-4 {margin-block-start: var(--a2-size-4, 1rem)}
60
+ .anvil2 .a2-m-block-start-5 {margin-block-start: var(--a2-size-5, 1.25rem)}
61
+ .anvil2 .a2-m-block-start-6 {margin-block-start: var(--a2-size-6, 1.5rem)}
62
+ .anvil2 .a2-m-block-start-7 {margin-block-start: var(--a2-size-7, 1.75rem)}
63
+ .anvil2 .a2-m-block-start-8 {margin-block-start: var(--a2-size-8, 2rem)}
64
+ .anvil2 .a2-m-block-start-9 {margin-block-start: var(--a2-size-9, 2.25rem)}
65
+ .anvil2 .a2-m-block-start-half {margin-block-start: var(--a2-size-half, 0.125rem)}
66
+ .anvil2 .a2-m-block-start-quarter {margin-block-start: var(--a2-size-quarter, 0.0625rem)}
67
+ .anvil2 .a2-m-half {margin: var(--a2-size-half, 0.125rem)}
68
+ .anvil2 .a2-m-inline-0 {margin-inline: var(--a2-size-0, 0rem)}
69
+ .anvil2 .a2-m-inline-1 {margin-inline: var(--a2-size-1, 0.25rem)}
70
+ .anvil2 .a2-m-inline-10 {margin-inline: var(--a2-size-10, 2.5rem)}
71
+ .anvil2 .a2-m-inline-11 {margin-inline: var(--a2-size-11, 2.75rem)}
72
+ .anvil2 .a2-m-inline-12 {margin-inline: var(--a2-size-12, 3rem)}
73
+ .anvil2 .a2-m-inline-13 {margin-inline: var(--a2-size-13, 3.25rem)}
74
+ .anvil2 .a2-m-inline-14 {margin-inline: var(--a2-size-14, 3.5rem)}
75
+ .anvil2 .a2-m-inline-2 {margin-inline: var(--a2-size-2, 0.5rem)}
76
+ .anvil2 .a2-m-inline-3 {margin-inline: var(--a2-size-3, 0.75rem)}
77
+ .anvil2 .a2-m-inline-4 {margin-inline: var(--a2-size-4, 1rem)}
78
+ .anvil2 .a2-m-inline-5 {margin-inline: var(--a2-size-5, 1.25rem)}
79
+ .anvil2 .a2-m-inline-6 {margin-inline: var(--a2-size-6, 1.5rem)}
80
+ .anvil2 .a2-m-inline-7 {margin-inline: var(--a2-size-7, 1.75rem)}
81
+ .anvil2 .a2-m-inline-8 {margin-inline: var(--a2-size-8, 2rem)}
82
+ .anvil2 .a2-m-inline-9 {margin-inline: var(--a2-size-9, 2.25rem)}
83
+ .anvil2 .a2-m-inline-end-0 {margin-inline-end: var(--a2-size-0, 0rem)}
84
+ .anvil2 .a2-m-inline-end-1 {margin-inline-end: var(--a2-size-1, 0.25rem)}
85
+ .anvil2 .a2-m-inline-end-10 {margin-inline-end: var(--a2-size-10, 2.5rem)}
86
+ .anvil2 .a2-m-inline-end-11 {margin-inline-end: var(--a2-size-11, 2.75rem)}
87
+ .anvil2 .a2-m-inline-end-12 {margin-inline-end: var(--a2-size-12, 3rem)}
88
+ .anvil2 .a2-m-inline-end-13 {margin-inline-end: var(--a2-size-13, 3.25rem)}
89
+ .anvil2 .a2-m-inline-end-14 {margin-inline-end: var(--a2-size-14, 3.5rem)}
90
+ .anvil2 .a2-m-inline-end-2 {margin-inline-end: var(--a2-size-2, 0.5rem)}
91
+ .anvil2 .a2-m-inline-end-3 {margin-inline-end: var(--a2-size-3, 0.75rem)}
92
+ .anvil2 .a2-m-inline-end-4 {margin-inline-end: var(--a2-size-4, 1rem)}
93
+ .anvil2 .a2-m-inline-end-5 {margin-inline-end: var(--a2-size-5, 1.25rem)}
94
+ .anvil2 .a2-m-inline-end-6 {margin-inline-end: var(--a2-size-6, 1.5rem)}
95
+ .anvil2 .a2-m-inline-end-7 {margin-inline-end: var(--a2-size-7, 1.75rem)}
96
+ .anvil2 .a2-m-inline-end-8 {margin-inline-end: var(--a2-size-8, 2rem)}
97
+ .anvil2 .a2-m-inline-end-9 {margin-inline-end: var(--a2-size-9, 2.25rem)}
98
+ .anvil2 .a2-m-inline-end-half {margin-inline-end: var(--a2-size-half, 0.125rem)}
99
+ .anvil2 .a2-m-inline-end-quarter {margin-inline-end: var(--a2-size-quarter, 0.0625rem)}
100
+ .anvil2 .a2-m-inline-half {margin-inline: var(--a2-size-half, 0.125rem)}
101
+ .anvil2 .a2-m-inline-quarter {margin-inline: var(--a2-size-quarter, 0.0625rem)}
102
+ .anvil2 .a2-m-inline-start-0 {margin-inline-start: var(--a2-size-0, 0rem)}
103
+ .anvil2 .a2-m-inline-start-1 {margin-inline-start: var(--a2-size-1, 0.25rem)}
104
+ .anvil2 .a2-m-inline-start-10 {margin-inline-start: var(--a2-size-10, 2.5rem)}
105
+ .anvil2 .a2-m-inline-start-11 {margin-inline-start: var(--a2-size-11, 2.75rem)}
106
+ .anvil2 .a2-m-inline-start-12 {margin-inline-start: var(--a2-size-12, 3rem)}
107
+ .anvil2 .a2-m-inline-start-13 {margin-inline-start: var(--a2-size-13, 3.25rem)}
108
+ .anvil2 .a2-m-inline-start-14 {margin-inline-start: var(--a2-size-14, 3.5rem)}
109
+ .anvil2 .a2-m-inline-start-2 {margin-inline-start: var(--a2-size-2, 0.5rem)}
110
+ .anvil2 .a2-m-inline-start-3 {margin-inline-start: var(--a2-size-3, 0.75rem)}
111
+ .anvil2 .a2-m-inline-start-4 {margin-inline-start: var(--a2-size-4, 1rem)}
112
+ .anvil2 .a2-m-inline-start-5 {margin-inline-start: var(--a2-size-5, 1.25rem)}
113
+ .anvil2 .a2-m-inline-start-6 {margin-inline-start: var(--a2-size-6, 1.5rem)}
114
+ .anvil2 .a2-m-inline-start-7 {margin-inline-start: var(--a2-size-7, 1.75rem)}
115
+ .anvil2 .a2-m-inline-start-8 {margin-inline-start: var(--a2-size-8, 2rem)}
116
+ .anvil2 .a2-m-inline-start-9 {margin-inline-start: var(--a2-size-9, 2.25rem)}
117
+ .anvil2 .a2-m-inline-start-half {margin-inline-start: var(--a2-size-half, 0.125rem)}
118
+ .anvil2 .a2-m-inline-start-quarter {margin-inline-start: var(--a2-size-quarter, 0.0625rem)}
119
+ .anvil2 .a2-m-quarter {margin: var(--a2-size-quarter, 0.0625rem)}
120
+ .anvil2 .a2-p-0 {padding: var(--a2-size-0, 0rem)}
121
+ .anvil2 .a2-p-1 {padding: var(--a2-size-1, 0.25rem)}
122
+ .anvil2 .a2-p-10 {padding: var(--a2-size-10, 2.5rem)}
123
+ .anvil2 .a2-p-11 {padding: var(--a2-size-11, 2.75rem)}
124
+ .anvil2 .a2-p-12 {padding: var(--a2-size-12, 3rem)}
125
+ .anvil2 .a2-p-13 {padding: var(--a2-size-13, 3.25rem)}
126
+ .anvil2 .a2-p-14 {padding: var(--a2-size-14, 3.5rem)}
127
+ .anvil2 .a2-p-2 {padding: var(--a2-size-2, 0.5rem)}
128
+ .anvil2 .a2-p-3 {padding: var(--a2-size-3, 0.75rem)}
129
+ .anvil2 .a2-p-4 {padding: var(--a2-size-4, 1rem)}
130
+ .anvil2 .a2-p-5 {padding: var(--a2-size-5, 1.25rem)}
131
+ .anvil2 .a2-p-6 {padding: var(--a2-size-6, 1.5rem)}
132
+ .anvil2 .a2-p-7 {padding: var(--a2-size-7, 1.75rem)}
133
+ .anvil2 .a2-p-8 {padding: var(--a2-size-8, 2rem)}
134
+ .anvil2 .a2-p-9 {padding: var(--a2-size-9, 2.25rem)}
135
+ .anvil2 .a2-p-block-0 {padding-block: var(--a2-size-0, 0rem)}
136
+ .anvil2 .a2-p-block-1 {padding-block: var(--a2-size-1, 0.25rem)}
137
+ .anvil2 .a2-p-block-10 {padding-block: var(--a2-size-10, 2.5rem)}
138
+ .anvil2 .a2-p-block-11 {padding-block: var(--a2-size-11, 2.75rem)}
139
+ .anvil2 .a2-p-block-12 {padding-block: var(--a2-size-12, 3rem)}
140
+ .anvil2 .a2-p-block-13 {padding-block: var(--a2-size-13, 3.25rem)}
141
+ .anvil2 .a2-p-block-14 {padding-block: var(--a2-size-14, 3.5rem)}
142
+ .anvil2 .a2-p-block-2 {padding-block: var(--a2-size-2, 0.5rem)}
143
+ .anvil2 .a2-p-block-3 {padding-block: var(--a2-size-3, 0.75rem)}
144
+ .anvil2 .a2-p-block-4 {padding-block: var(--a2-size-4, 1rem)}
145
+ .anvil2 .a2-p-block-5 {padding-block: var(--a2-size-5, 1.25rem)}
146
+ .anvil2 .a2-p-block-6 {padding-block: var(--a2-size-6, 1.5rem)}
147
+ .anvil2 .a2-p-block-7 {padding-block: var(--a2-size-7, 1.75rem)}
148
+ .anvil2 .a2-p-block-8 {padding-block: var(--a2-size-8, 2rem)}
149
+ .anvil2 .a2-p-block-9 {padding-block: var(--a2-size-9, 2.25rem)}
150
+ .anvil2 .a2-p-block-end-0 {padding-block-end: var(--a2-size-0, 0rem)}
151
+ .anvil2 .a2-p-block-end-1 {padding-block-end: var(--a2-size-1, 0.25rem)}
152
+ .anvil2 .a2-p-block-end-10 {padding-block-end: var(--a2-size-10, 2.5rem)}
153
+ .anvil2 .a2-p-block-end-11 {padding-block-end: var(--a2-size-11, 2.75rem)}
154
+ .anvil2 .a2-p-block-end-12 {padding-block-end: var(--a2-size-12, 3rem)}
155
+ .anvil2 .a2-p-block-end-13 {padding-block-end: var(--a2-size-13, 3.25rem)}
156
+ .anvil2 .a2-p-block-end-14 {padding-block-end: var(--a2-size-14, 3.5rem)}
157
+ .anvil2 .a2-p-block-end-2 {padding-block-end: var(--a2-size-2, 0.5rem)}
158
+ .anvil2 .a2-p-block-end-3 {padding-block-end: var(--a2-size-3, 0.75rem)}
159
+ .anvil2 .a2-p-block-end-4 {padding-block-end: var(--a2-size-4, 1rem)}
160
+ .anvil2 .a2-p-block-end-5 {padding-block-end: var(--a2-size-5, 1.25rem)}
161
+ .anvil2 .a2-p-block-end-6 {padding-block-end: var(--a2-size-6, 1.5rem)}
162
+ .anvil2 .a2-p-block-end-7 {padding-block-end: var(--a2-size-7, 1.75rem)}
163
+ .anvil2 .a2-p-block-end-8 {padding-block-end: var(--a2-size-8, 2rem)}
164
+ .anvil2 .a2-p-block-end-9 {padding-block-end: var(--a2-size-9, 2.25rem)}
165
+ .anvil2 .a2-p-block-end-half {padding-block-end: var(--a2-size-half, 0.125rem)}
166
+ .anvil2 .a2-p-block-end-quarter {padding-block-end: var(--a2-size-quarter, 0.0625rem)}
167
+ .anvil2 .a2-p-block-half {padding-block: var(--a2-size-half, 0.125rem)}
168
+ .anvil2 .a2-p-block-quarter {padding-block: var(--a2-size-quarter, 0.0625rem)}
169
+ .anvil2 .a2-p-block-start-0 {padding-block-start: var(--a2-size-0, 0rem)}
170
+ .anvil2 .a2-p-block-start-1 {padding-block-start: var(--a2-size-1, 0.25rem)}
171
+ .anvil2 .a2-p-block-start-10 {padding-block-start: var(--a2-size-10, 2.5rem)}
172
+ .anvil2 .a2-p-block-start-11 {padding-block-start: var(--a2-size-11, 2.75rem)}
173
+ .anvil2 .a2-p-block-start-12 {padding-block-start: var(--a2-size-12, 3rem)}
174
+ .anvil2 .a2-p-block-start-13 {padding-block-start: var(--a2-size-13, 3.25rem)}
175
+ .anvil2 .a2-p-block-start-14 {padding-block-start: var(--a2-size-14, 3.5rem)}
176
+ .anvil2 .a2-p-block-start-2 {padding-block-start: var(--a2-size-2, 0.5rem)}
177
+ .anvil2 .a2-p-block-start-3 {padding-block-start: var(--a2-size-3, 0.75rem)}
178
+ .anvil2 .a2-p-block-start-4 {padding-block-start: var(--a2-size-4, 1rem)}
179
+ .anvil2 .a2-p-block-start-5 {padding-block-start: var(--a2-size-5, 1.25rem)}
180
+ .anvil2 .a2-p-block-start-6 {padding-block-start: var(--a2-size-6, 1.5rem)}
181
+ .anvil2 .a2-p-block-start-7 {padding-block-start: var(--a2-size-7, 1.75rem)}
182
+ .anvil2 .a2-p-block-start-8 {padding-block-start: var(--a2-size-8, 2rem)}
183
+ .anvil2 .a2-p-block-start-9 {padding-block-start: var(--a2-size-9, 2.25rem)}
184
+ .anvil2 .a2-p-block-start-half {padding-block-start: var(--a2-size-half, 0.125rem)}
185
+ .anvil2 .a2-p-block-start-quarter {padding-block-start: var(--a2-size-quarter, 0.0625rem)}
186
+ .anvil2 .a2-p-half {padding: var(--a2-size-half, 0.125rem)}
187
+ .anvil2 .a2-p-inline-0 {padding-inline: var(--a2-size-0, 0rem)}
188
+ .anvil2 .a2-p-inline-1 {padding-inline: var(--a2-size-1, 0.25rem)}
189
+ .anvil2 .a2-p-inline-10 {padding-inline: var(--a2-size-10, 2.5rem)}
190
+ .anvil2 .a2-p-inline-11 {padding-inline: var(--a2-size-11, 2.75rem)}
191
+ .anvil2 .a2-p-inline-12 {padding-inline: var(--a2-size-12, 3rem)}
192
+ .anvil2 .a2-p-inline-13 {padding-inline: var(--a2-size-13, 3.25rem)}
193
+ .anvil2 .a2-p-inline-14 {padding-inline: var(--a2-size-14, 3.5rem)}
194
+ .anvil2 .a2-p-inline-2 {padding-inline: var(--a2-size-2, 0.5rem)}
195
+ .anvil2 .a2-p-inline-3 {padding-inline: var(--a2-size-3, 0.75rem)}
196
+ .anvil2 .a2-p-inline-4 {padding-inline: var(--a2-size-4, 1rem)}
197
+ .anvil2 .a2-p-inline-5 {padding-inline: var(--a2-size-5, 1.25rem)}
198
+ .anvil2 .a2-p-inline-6 {padding-inline: var(--a2-size-6, 1.5rem)}
199
+ .anvil2 .a2-p-inline-7 {padding-inline: var(--a2-size-7, 1.75rem)}
200
+ .anvil2 .a2-p-inline-8 {padding-inline: var(--a2-size-8, 2rem)}
201
+ .anvil2 .a2-p-inline-9 {padding-inline: var(--a2-size-9, 2.25rem)}
202
+ .anvil2 .a2-p-inline-end-0 {padding-inline-end: var(--a2-size-0, 0rem)}
203
+ .anvil2 .a2-p-inline-end-1 {padding-inline-end: var(--a2-size-1, 0.25rem)}
204
+ .anvil2 .a2-p-inline-end-10 {padding-inline-end: var(--a2-size-10, 2.5rem)}
205
+ .anvil2 .a2-p-inline-end-11 {padding-inline-end: var(--a2-size-11, 2.75rem)}
206
+ .anvil2 .a2-p-inline-end-12 {padding-inline-end: var(--a2-size-12, 3rem)}
207
+ .anvil2 .a2-p-inline-end-13 {padding-inline-end: var(--a2-size-13, 3.25rem)}
208
+ .anvil2 .a2-p-inline-end-14 {padding-inline-end: var(--a2-size-14, 3.5rem)}
209
+ .anvil2 .a2-p-inline-end-2 {padding-inline-end: var(--a2-size-2, 0.5rem)}
210
+ .anvil2 .a2-p-inline-end-3 {padding-inline-end: var(--a2-size-3, 0.75rem)}
211
+ .anvil2 .a2-p-inline-end-4 {padding-inline-end: var(--a2-size-4, 1rem)}
212
+ .anvil2 .a2-p-inline-end-5 {padding-inline-end: var(--a2-size-5, 1.25rem)}
213
+ .anvil2 .a2-p-inline-end-6 {padding-inline-end: var(--a2-size-6, 1.5rem)}
214
+ .anvil2 .a2-p-inline-end-7 {padding-inline-end: var(--a2-size-7, 1.75rem)}
215
+ .anvil2 .a2-p-inline-end-8 {padding-inline-end: var(--a2-size-8, 2rem)}
216
+ .anvil2 .a2-p-inline-end-9 {padding-inline-end: var(--a2-size-9, 2.25rem)}
217
+ .anvil2 .a2-p-inline-end-half {padding-inline-end: var(--a2-size-half, 0.125rem)}
218
+ .anvil2 .a2-p-inline-end-quarter {padding-inline-end: var(--a2-size-quarter, 0.0625rem)}
219
+ .anvil2 .a2-p-inline-half {padding-inline: var(--a2-size-half, 0.125rem)}
220
+ .anvil2 .a2-p-inline-quarter {padding-inline: var(--a2-size-quarter, 0.0625rem)}
221
+ .anvil2 .a2-p-inline-start-0 {padding-inline-start: var(--a2-size-0, 0rem)}
222
+ .anvil2 .a2-p-inline-start-1 {padding-inline-start: var(--a2-size-1, 0.25rem)}
223
+ .anvil2 .a2-p-inline-start-10 {padding-inline-start: var(--a2-size-10, 2.5rem)}
224
+ .anvil2 .a2-p-inline-start-11 {padding-inline-start: var(--a2-size-11, 2.75rem)}
225
+ .anvil2 .a2-p-inline-start-12 {padding-inline-start: var(--a2-size-12, 3rem)}
226
+ .anvil2 .a2-p-inline-start-13 {padding-inline-start: var(--a2-size-13, 3.25rem)}
227
+ .anvil2 .a2-p-inline-start-14 {padding-inline-start: var(--a2-size-14, 3.5rem)}
228
+ .anvil2 .a2-p-inline-start-2 {padding-inline-start: var(--a2-size-2, 0.5rem)}
229
+ .anvil2 .a2-p-inline-start-3 {padding-inline-start: var(--a2-size-3, 0.75rem)}
230
+ .anvil2 .a2-p-inline-start-4 {padding-inline-start: var(--a2-size-4, 1rem)}
231
+ .anvil2 .a2-p-inline-start-5 {padding-inline-start: var(--a2-size-5, 1.25rem)}
232
+ .anvil2 .a2-p-inline-start-6 {padding-inline-start: var(--a2-size-6, 1.5rem)}
233
+ .anvil2 .a2-p-inline-start-7 {padding-inline-start: var(--a2-size-7, 1.75rem)}
234
+ .anvil2 .a2-p-inline-start-8 {padding-inline-start: var(--a2-size-8, 2rem)}
235
+ .anvil2 .a2-p-inline-start-9 {padding-inline-start: var(--a2-size-9, 2.25rem)}
236
+ .anvil2 .a2-p-inline-start-half {padding-inline-start: var(--a2-size-half, 0.125rem)}
237
+ .anvil2 .a2-p-inline-start-quarter {padding-inline-start: var(--a2-size-quarter, 0.0625rem)}
238
+ .anvil2 .a2-p-quarter {padding: var(--a2-size-quarter, 0.0625rem)}