@graupl/core 1.0.0-beta.22 → 1.0.0-beta.24

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 (273) hide show
  1. package/dist/css/base/button.css +2 -2
  2. package/dist/css/base/button.css.map +1 -1
  3. package/dist/css/base/form.css +2 -2
  4. package/dist/css/base/form.css.map +1 -1
  5. package/dist/css/base/link.css +2 -2
  6. package/dist/css/base/link.css.map +1 -1
  7. package/dist/css/base/table.css +2 -2
  8. package/dist/css/base/table.css.map +1 -1
  9. package/dist/css/base.css +2 -2
  10. package/dist/css/base.css.map +1 -1
  11. package/dist/css/component/accordion.css +2 -5
  12. package/dist/css/component/accordion.css.map +1 -1
  13. package/dist/css/component/alert.css +2 -2
  14. package/dist/css/component/alert.css.map +1 -1
  15. package/dist/css/component/badge.css +2 -2
  16. package/dist/css/component/badge.css.map +1 -1
  17. package/dist/css/component/card.css +2 -2
  18. package/dist/css/component/card.css.map +1 -1
  19. package/dist/css/component/carousel.css +2 -2
  20. package/dist/css/component/carousel.css.map +1 -1
  21. package/dist/css/component/disclosure.css +2 -2
  22. package/dist/css/component/disclosure.css.map +1 -1
  23. package/dist/css/component/input-group.css +2 -2
  24. package/dist/css/component/input-group.css.map +1 -1
  25. package/dist/css/component/list.css +2 -2
  26. package/dist/css/component/list.css.map +1 -1
  27. package/dist/css/component/menu.css +2 -2
  28. package/dist/css/component/menu.css.map +1 -1
  29. package/dist/css/component/navigation.css +2 -2
  30. package/dist/css/component/navigation.css.map +1 -1
  31. package/dist/css/component.css +2 -5
  32. package/dist/css/component.css.map +1 -1
  33. package/dist/css/graupl.css +2 -5
  34. package/dist/css/graupl.css.map +1 -1
  35. package/dist/css/init.css +2 -2
  36. package/dist/css/init.css.map +1 -1
  37. package/dist/css/layout/columns.css +2 -2
  38. package/dist/css/layout/columns.css.map +1 -1
  39. package/dist/css/layout/container.css +2 -2
  40. package/dist/css/layout/container.css.map +1 -1
  41. package/dist/css/layout/flex-columns.css +2 -2
  42. package/dist/css/layout/flex-columns.css.map +1 -1
  43. package/dist/css/layout.css +2 -5
  44. package/dist/css/layout.css.map +1 -1
  45. package/dist/css/normalize.css +2 -2
  46. package/dist/css/normalize.css.map +1 -1
  47. package/dist/css/state/focus.css +2 -2
  48. package/dist/css/state/focus.css.map +1 -1
  49. package/dist/css/state.css +2 -2
  50. package/dist/css/state.css.map +1 -1
  51. package/dist/css/theme/color.css +2 -2
  52. package/dist/css/theme/color.css.map +1 -1
  53. package/dist/css/theme/typography.css +2 -2
  54. package/dist/css/theme/typography.css.map +1 -1
  55. package/dist/css/theme.css +2 -2
  56. package/dist/css/theme.css.map +1 -1
  57. package/dist/css/utilities/alignment.css +1 -1
  58. package/dist/css/utilities/alignment.css.map +1 -1
  59. package/dist/css/utilities/background.css +2 -2
  60. package/dist/css/utilities/background.css.map +1 -1
  61. package/dist/css/utilities/border.css +2 -2
  62. package/dist/css/utilities/border.css.map +1 -1
  63. package/dist/css/utilities/color.css +2 -2
  64. package/dist/css/utilities/color.css.map +1 -1
  65. package/dist/css/utilities/container.css +1 -1
  66. package/dist/css/utilities/container.css.map +1 -1
  67. package/dist/css/utilities/display.css +2 -2
  68. package/dist/css/utilities/display.css.map +1 -1
  69. package/dist/css/utilities/flex.css +2 -2
  70. package/dist/css/utilities/flex.css.map +1 -1
  71. package/dist/css/utilities/gradient.css +2 -2
  72. package/dist/css/utilities/gradient.css.map +1 -1
  73. package/dist/css/utilities/height.css +2 -2
  74. package/dist/css/utilities/height.css.map +1 -1
  75. package/dist/css/utilities/inset.css +2 -2
  76. package/dist/css/utilities/inset.css.map +1 -1
  77. package/dist/css/utilities/justification.css +1 -1
  78. package/dist/css/utilities/justification.css.map +1 -1
  79. package/dist/css/utilities/list.css +1 -1
  80. package/dist/css/utilities/list.css.map +1 -1
  81. package/dist/css/utilities/order.css +2 -2
  82. package/dist/css/utilities/order.css.map +1 -1
  83. package/dist/css/utilities/position.css +2 -2
  84. package/dist/css/utilities/position.css.map +1 -1
  85. package/dist/css/utilities/ratio.css +2 -2
  86. package/dist/css/utilities/ratio.css.map +1 -1
  87. package/dist/css/utilities/spacing.css +2 -2
  88. package/dist/css/utilities/spacing.css.map +1 -1
  89. package/dist/css/utilities/typography.css +2 -2
  90. package/dist/css/utilities/typography.css.map +1 -1
  91. package/dist/css/utilities/visibility.css +2 -2
  92. package/dist/css/utilities/visibility.css.map +1 -1
  93. package/dist/css/utilities/visually-hidden.css +2 -2
  94. package/dist/css/utilities/visually-hidden.css.map +1 -1
  95. package/dist/css/utilities/width.css +2 -2
  96. package/dist/css/utilities/width.css.map +1 -1
  97. package/dist/css/utilities/z-index.css +1 -1
  98. package/dist/css/utilities/z-index.css.map +1 -1
  99. package/dist/css/utilities.css +2 -2
  100. package/dist/css/utilities.css.map +1 -1
  101. package/dist/js/accordion.js.map +1 -1
  102. package/dist/js/alert.js.map +1 -1
  103. package/dist/js/carousel.js.map +1 -1
  104. package/dist/js/component/accordion.cjs.js.map +1 -1
  105. package/dist/js/component/accordion.es.js.map +1 -1
  106. package/dist/js/component/accordion.iife.js.map +1 -1
  107. package/dist/js/component/alert.cjs.js.map +1 -1
  108. package/dist/js/component/alert.es.js.map +1 -1
  109. package/dist/js/component/alert.iife.js.map +1 -1
  110. package/dist/js/component/carousel.cjs.js.map +1 -1
  111. package/dist/js/component/carousel.es.js.map +1 -1
  112. package/dist/js/component/carousel.iife.js.map +1 -1
  113. package/dist/js/component/disclosure.cjs.js +2 -2
  114. package/dist/js/component/disclosure.cjs.js.map +1 -1
  115. package/dist/js/component/disclosure.es.js +2 -2
  116. package/dist/js/component/disclosure.es.js.map +1 -1
  117. package/dist/js/component/disclosure.iife.js +2 -2
  118. package/dist/js/component/disclosure.iife.js.map +1 -1
  119. package/dist/js/component/tabs.cjs.js +5 -0
  120. package/dist/js/component/tabs.cjs.js.map +1 -0
  121. package/dist/js/component/tabs.es.js +5 -0
  122. package/dist/js/component/tabs.es.js.map +1 -0
  123. package/dist/js/component/tabs.iife.js +5 -0
  124. package/dist/js/component/tabs.iife.js.map +1 -0
  125. package/dist/js/disclosure.js +2 -2
  126. package/dist/js/disclosure.js.map +1 -1
  127. package/dist/js/generator/accordion.cjs.js.map +1 -1
  128. package/dist/js/generator/accordion.es.js.map +1 -1
  129. package/dist/js/generator/accordion.iife.js.map +1 -1
  130. package/dist/js/generator/alert.cjs.js.map +1 -1
  131. package/dist/js/generator/alert.es.js.map +1 -1
  132. package/dist/js/generator/alert.iife.js.map +1 -1
  133. package/dist/js/generator/carousel.cjs.js.map +1 -1
  134. package/dist/js/generator/carousel.es.js.map +1 -1
  135. package/dist/js/generator/carousel.iife.js.map +1 -1
  136. package/dist/js/generator/disclosure.cjs.js +2 -2
  137. package/dist/js/generator/disclosure.cjs.js.map +1 -1
  138. package/dist/js/generator/disclosure.es.js +2 -2
  139. package/dist/js/generator/disclosure.es.js.map +1 -1
  140. package/dist/js/generator/disclosure.iife.js +2 -2
  141. package/dist/js/generator/disclosure.iife.js.map +1 -1
  142. package/dist/js/generator/navigation.cjs.js.map +1 -1
  143. package/dist/js/generator/navigation.es.js.map +1 -1
  144. package/dist/js/generator/navigation.iife.js.map +1 -1
  145. package/dist/js/generator/tabs.cjs.js +5 -0
  146. package/dist/js/generator/tabs.cjs.js.map +1 -0
  147. package/dist/js/generator/tabs.es.js +5 -0
  148. package/dist/js/generator/tabs.es.js.map +1 -0
  149. package/dist/js/generator/tabs.iife.js +5 -0
  150. package/dist/js/generator/tabs.iife.js.map +1 -0
  151. package/dist/js/graupl.js +5 -5
  152. package/dist/js/graupl.js.map +1 -1
  153. package/dist/js/navigation.js.map +1 -1
  154. package/dist/js/tabs.js +5 -0
  155. package/dist/js/tabs.js.map +1 -0
  156. package/package.json +4 -3
  157. package/src/js/disclosure/Disclosure.js +25 -45
  158. package/src/js/domHelpers.js +39 -22
  159. package/src/js/tabs/TabToggle.js +378 -0
  160. package/src/js/tabs/Tabs.js +1091 -0
  161. package/src/js/tabs/generator.js +32 -0
  162. package/src/js/tabs/index.js +5 -0
  163. package/src/scss/_defaults.scss +21 -88
  164. package/src/scss/_variables.scss +70 -0
  165. package/src/scss/base/button/_defaults.scss +2 -24
  166. package/src/scss/base/button/_index.scss +53 -52
  167. package/src/scss/base/button/_mixins.scss +24 -58
  168. package/src/scss/base/button/_variables.scss +139 -0
  169. package/src/scss/base/form/_defaults.scss +72 -2
  170. package/src/scss/base/form/_index.scss +196 -70
  171. package/src/scss/base/form/_variables.scss +166 -0
  172. package/src/scss/base/link/_defaults.scss +31 -0
  173. package/src/scss/base/link/_index.scss +177 -172
  174. package/src/scss/base/link/_variables.scss +215 -0
  175. package/src/scss/base/table/_defaults.scss +1 -11
  176. package/src/scss/base/table/_index.scss +126 -117
  177. package/src/scss/base/table/_variables.scss +214 -3
  178. package/src/scss/component/_index.scss +1 -0
  179. package/src/scss/component/accordion/_defaults.scss +73 -22
  180. package/src/scss/component/accordion/_index.scss +437 -62
  181. package/src/scss/component/accordion/_variables.scss +527 -101
  182. package/src/scss/component/alert/_defaults.scss +23 -32
  183. package/src/scss/component/alert/_index.scss +236 -30
  184. package/src/scss/component/alert/_variables.scss +155 -6
  185. package/src/scss/component/badge/_defaults.scss +1 -0
  186. package/src/scss/component/badge/_index.scss +25 -28
  187. package/src/scss/component/badge/_variables.scss +66 -2
  188. package/src/scss/component/card/_defaults.scss +64 -13
  189. package/src/scss/component/card/_index.scss +276 -30
  190. package/src/scss/component/card/_variables.scss +132 -0
  191. package/src/scss/component/carousel/_defaults.scss +73 -15
  192. package/src/scss/component/carousel/_index.scss +357 -41
  193. package/src/scss/component/carousel/_variables.scss +391 -0
  194. package/src/scss/component/disclosure/_index.scss +4 -4
  195. package/src/scss/component/disclosure/_variables.scss +127 -2
  196. package/src/scss/component/input-group/_defaults.scss +10 -3
  197. package/src/scss/component/input-group/_index.scss +72 -4
  198. package/src/scss/component/input-group/_variables.scss +37 -0
  199. package/src/scss/component/list/_defaults.scss +35 -2
  200. package/src/scss/component/list/_index.scss +159 -5
  201. package/src/scss/component/list/_variables.scss +152 -0
  202. package/src/scss/component/menu/_defaults.scss +49 -7
  203. package/src/scss/component/menu/_index.scss +325 -99
  204. package/src/scss/component/menu/_variables.scss +484 -1
  205. package/src/scss/component/navigation/_defaults.scss +45 -3
  206. package/src/scss/component/navigation/_index.scss +249 -98
  207. package/src/scss/component/navigation/_variables.scss +334 -5
  208. package/src/scss/component/tabs/_defaults.scss +82 -0
  209. package/src/scss/component/tabs/_index.scss +497 -0
  210. package/src/scss/component/tabs/_variables.scss +974 -0
  211. package/src/scss/layout/columns/_defaults.scss +5 -3
  212. package/src/scss/layout/columns/_index.scss +27 -21
  213. package/src/scss/layout/columns/_variables.scss +13 -0
  214. package/src/scss/layout/container/_defaults.scss +28 -11
  215. package/src/scss/layout/container/_index.scss +305 -161
  216. package/src/scss/layout/container/_variables.scss +148 -15
  217. package/src/scss/layout/flex-columns/_defaults.scss +5 -3
  218. package/src/scss/layout/flex-columns/_index.scss +28 -20
  219. package/src/scss/layout/flex-columns/_variables.scss +9 -0
  220. package/src/scss/mixins/_state.scss +37 -0
  221. package/src/scss/mixins/_theme.scss +36 -1
  222. package/src/scss/state/focus/_index.scss +17 -12
  223. package/src/scss/state/focus/_variables.scss +30 -4
  224. package/src/scss/theme/color/_defaults.scss +6 -35
  225. package/src/scss/theme/color/_index.scss +167 -1
  226. package/src/scss/theme/color/_variables.scss +155 -0
  227. package/src/scss/theme/typography/_defaults.scss +26 -19
  228. package/src/scss/theme/typography/_index.scss +176 -20
  229. package/src/scss/theme/typography/_variables.scss +186 -0
  230. package/src/scss/utilities/_template/_index.scss +0 -1
  231. package/src/scss/utilities/alignment/_defaults.scss +0 -33
  232. package/src/scss/utilities/alignment/_index.scss +24 -25
  233. package/src/scss/utilities/background/_defaults.scss +0 -77
  234. package/src/scss/utilities/background/_index.scss +32 -37
  235. package/src/scss/utilities/border/_defaults.scss +0 -33
  236. package/src/scss/utilities/border/_index.scss +25 -26
  237. package/src/scss/utilities/color/_defaults.scss +0 -19
  238. package/src/scss/utilities/color/_index.scss +22 -22
  239. package/src/scss/utilities/container/_defaults.scss +0 -11
  240. package/src/scss/utilities/container/_index.scss +20 -19
  241. package/src/scss/utilities/display/_defaults.scss +0 -11
  242. package/src/scss/utilities/display/_index.scss +20 -19
  243. package/src/scss/utilities/flex/_defaults.scss +0 -55
  244. package/src/scss/utilities/flex/_index.scss +28 -31
  245. package/src/scss/utilities/gradient/_defaults.scss +0 -28
  246. package/src/scss/utilities/gradient/_index.scss +27 -28
  247. package/src/scss/utilities/gradient/_variables.scss +15 -0
  248. package/src/scss/utilities/height/_defaults.scss +0 -8
  249. package/src/scss/utilities/height/_index.scss +22 -21
  250. package/src/scss/utilities/inset/_defaults.scss +0 -16
  251. package/src/scss/utilities/inset/_index.scss +20 -20
  252. package/src/scss/utilities/justification/_defaults.scss +0 -33
  253. package/src/scss/utilities/justification/_index.scss +24 -25
  254. package/src/scss/utilities/list/_defaults.scss +0 -22
  255. package/src/scss/utilities/list/_index.scss +22 -22
  256. package/src/scss/utilities/order/_defaults.scss +0 -8
  257. package/src/scss/utilities/order/_index.scss +20 -19
  258. package/src/scss/utilities/position/_defaults.scss +0 -11
  259. package/src/scss/utilities/position/_index.scss +20 -19
  260. package/src/scss/utilities/ratio/_defaults.scss +0 -8
  261. package/src/scss/utilities/ratio/_index.scss +22 -21
  262. package/src/scss/utilities/ratio/_variables.scss +6 -0
  263. package/src/scss/utilities/spacing/_defaults.scss +0 -11
  264. package/src/scss/utilities/spacing/_index.scss +18 -17
  265. package/src/scss/utilities/typography/_defaults.scss +0 -22
  266. package/src/scss/utilities/typography/_index.scss +27 -26
  267. package/src/scss/utilities/visibility/_defaults.scss +0 -11
  268. package/src/scss/utilities/visibility/_index.scss +19 -18
  269. package/src/scss/utilities/visually-hidden/_index.scss +19 -17
  270. package/src/scss/utilities/width/_defaults.scss +0 -8
  271. package/src/scss/utilities/width/_index.scss +21 -20
  272. package/src/scss/utilities/z-index/_defaults.scss +0 -11
  273. package/src/scss/utilities/z-index/_index.scss +19 -18
package/dist/css/component/accordion.css CHANGED
@@ -1,5 +1,2 @@
1
- @charset "UTF-8";@layer graupl.base{.accordion-item-toggle{align-items:center;border-radius:var(--graupl-button-border-radius,var(--graupl-button-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-button-border-style,var(--graupl-button-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-button-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-button-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-button-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-button-border-width,var(--graupl-button-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));cursor:pointer;display:flex;font-size:var(--graupl-button-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1)));justify-content:center;min-height:var(--graupl-button-min-height,44px);min-width:var(--graupl-button-min-width,44px);padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));transform:var(--graupl-button-transform,none);transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.accordion-item-toggle.visited,.accordion-item-toggle:visited{transform:var(--graupl-button-visited-transform,var(--graupl-button-transform,none))}.accordion-item-toggle:focus-visible{transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none))}.accordion-item-toggle.focus{transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none))}.accordion-item-toggle.hover,.accordion-item-toggle:hover{transform:var(--graupl-button-hover-transform,var(--graupl-button-transform,none))}.accordion-item-toggle.active,.accordion-item-toggle:active{transform:var(--graupl-button-active-transform,scale(.95))}.accordion-item-toggle:disabled{cursor:not-allowed}.accordion-item-toggle:disabled,.accordion-item-toggle:disabled.visited,.accordion-item-toggle:disabled:visited{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle:disabled:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle:disabled.active,.accordion-item-toggle:disabled.focus,.accordion-item-toggle:disabled.hover,.accordion-item-toggle:disabled:active,.accordion-item-toggle:disabled:hover,.accordion-item-toggle[disabled]{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle[disabled]{cursor:not-allowed}.accordion-item-toggle[disabled].visited,.accordion-item-toggle[disabled]:visited{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle[disabled]:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle[aria-disabled=true],.accordion-item-toggle[disabled].active,.accordion-item-toggle[disabled].focus,.accordion-item-toggle[disabled].hover,.accordion-item-toggle[disabled]:active,.accordion-item-toggle[disabled]:hover{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle[aria-disabled=true]{cursor:not-allowed}.accordion-item-toggle[aria-disabled=true].visited,.accordion-item-toggle[aria-disabled=true]:visited{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle[aria-disabled=true]:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle.disabled,.accordion-item-toggle[aria-disabled=true].active,.accordion-item-toggle[aria-disabled=true].focus,.accordion-item-toggle[aria-disabled=true].hover,.accordion-item-toggle[aria-disabled=true]:active,.accordion-item-toggle[aria-disabled=true]:hover{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle.disabled{cursor:not-allowed}.accordion-item-toggle.disabled.visited,.accordion-item-toggle.disabled:visited{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle.disabled:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle.disabled.active,.accordion-item-toggle.disabled.focus,.accordion-item-toggle.disabled.hover,.accordion-item-toggle.disabled:active,.accordion-item-toggle.disabled:hover{transform:var(--graupl-button-disabled-transform,none)}@media (prefers-reduced-motion:reduce){.accordion-item-toggle{--graupl-button-transition:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}}}@layer graupl.component{.accordion{display:flex;flex-flow:column nowrap;gap:var(--graupl-accordion-gap,var(--graupl-accordion-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-accordion-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));padding:var(--graupl-accordion-padding,var(--graupl-accordion-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-accordion-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}.accordion>.accordion-item:not(:first-child){margin-top:calc(-1 * min(var(--graupl-accordion-item-border-top-width, var(--graupl-border-top-width, var(--graupl-border-width, .125rem))), var(--graupl-accordion-item-border-bottom-width, var(--graupl-border-bottom-width, var(--graupl-border-width, .125rem)))))}.accordion-item{border-radius:var(--graupl-accordion-item-border-radius,var(--graupl-accordion-item-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-accordion-item-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-accordion-item-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-accordion-item-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-accordion-item-border-style,var(--graupl-accordion-item-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-accordion-item-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-accordion-item-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-accordion-item-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-accordion-item-border-width,var(--graupl-accordion-item-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-accordion-item-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-accordion-item-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-accordion-item-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));isolation:isolate;overflow:hidden;transition:var(--graupl-accordion-transition,height var(--graupl-transition-duration-slow,.3s) var(--graupl-transition-timing-function,ease))}.accordion-item.hide .accordion-item-content{display:none}.accordion-item.show .accordion-item-content{opacity:1;transform:var(--graupl-accordion-item-content-open-transform,translateY(0))}.accordion-item.transitioning .accordion-item-content{display:flex}.accordion-item-toggle{padding:var(--graupl-accordion-item-toggle-padding,var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)))));transform:var(--graupl-accordion-item-toggle-transform,none);transition:var(--graupl-accordion-item-toggle-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease));z-index:2}.accordion-item-toggle.visited,.accordion-item-toggle:visited{--graupl-accordion-item-toggle-transform:var(--graupl-accordion-item-toggle-visited-transform,none)}.accordion-item-toggle:focus-visible{--graupl-accordion-item-toggle-transform:var(--graupl-accordion-item-toggle-focus-transform,none)}.accordion-item-toggle.focus{--graupl-accordion-item-toggle-transform:var(--graupl-accordion-item-toggle-focus-transform,none)}.accordion-item-toggle.hover,.accordion-item-toggle:hover{--graupl-accordion-item-toggle-transform:var(--graupl-accordion-item-toggle-hover-transform,none)}.accordion-item-toggle.active,.accordion-item-toggle:active{--graupl-accordion-item-toggle-transform:var(--graupl-accordion-item-toggle-active-transform,none)}.accordion-item-toggle.disabled,.accordion-item-toggle:disabled,.accordion-item-toggle[aria-disabled=true],.accordion-item-toggle[disabled]{--graupl-accordion-item-toggle-transform:var(--graupl-accordion-item-toggle-disabled-transform,none)}.accordion-item-toggle:after{align-items:center;content:"▼";display:flex;justify-content:center;margin-left:auto;transform:var(--graupl-accordion-item-toggle-pseudo-transform,none);transition:var(--graupl-accordion-transition,transform var(--graupl-transition-duration-slow,.3s) var(--graupl-transition-timing-function,ease))}.accordion-item-toggle[aria-expanded=true]:after{transform:var(--graupl-accordion-item-toggle-pseudo-open-transform,rotate(-180deg))}.accordion-item-header{margin:var(--graupl-accordion-item-header-margin,calc(-1 * min(var(--graupl-accordion-item-border-top-width, var(--graupl-border-top-width, var(--graupl-border-width, .125rem))), var(--graupl-accordion-item-border-bottom-width, var(--graupl-border-bottom-width, var(--graupl-border-width, .125rem))), var(--graupl-accordion-item-border-left-width, var(--graupl-border-left-width, var(--graupl-border-width, .125rem))), var(--graupl-accordion-item-border-right-width, var(--graupl-border-right-width, var(--graupl-border-width, .125rem))))));padding:var(--graupl-accordion-item-header-padding,var(--graupl-accordion-item-header-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-accordion-item-header-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}.accordion-item-title{margin:var(--graupl-accordion-item-title-margin,var(--graupl-accordion-item-title-margin-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-accordion-item-title-margin-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));padding:var(--graupl-accordion-item-title-padding,var(--graupl-accordion-item-title-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-accordion-item-title-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}.accordion-item-title,.accordion-item-title .accordion-item-toggle{align-items:center;display:flex;justify-content:flex-start;width:100%}.accordion-item-content{display:flex;flex-flow:column nowrap;gap:var(--graupl-accordion-item-content-gap,var(--graupl-accordion-item-content-column-gap,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-accordion-item-content-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));opacity:0;padding:var(--graupl-accordion-item-content-padding,var(--graupl-accordion-item-content-padding-y,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))) var(--graupl-accordion-item-content-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));transform:var(--graupl-accordion-item-content-transform,translateY(-100%));transition:var(--graupl-accordion-transition,opacity var(--graupl-transition-duration-slow,.3s) var(--graupl-transition-timing-function,ease) transform var(--graupl-transition-duration-slow,.3s) var(--graupl-transition-timing-function,ease))}.accordion-item-body{padding:var(--graupl-accordion-item-body-padding,var(--graupl-accordion-item-body-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-accordion-item-body-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}.accordion-item-footer{padding:var(--graupl-accordion-item-footer-padding,var(--graupl-accordion-item-footer-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-accordion-item-footer-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}}@layer graupl.state{.accordion-item .accordion-item-toggle{--graupl-focus-outline-offset:calc(-1 * (min(var(--graupl-accordion-item-border-top-width, var(--graupl-border-top-width, var(--graupl-border-width, 0.125rem))),
2
- var(--graupl-accordion-item-border-bottom-width, var(--graupl-border-bottom-width, var(--graupl-border-width, 0.125rem))),
3
- var(--graupl-accordion-item-border-left-width, var(--graupl-border-left-width, var(--graupl-border-width, 0.125rem))),
4
- var(--graupl-accordion-item-border-right-width, var(--graupl-border-right-width, var(--graupl-border-width, 0.125rem)))) + var(--graupl-focus-width, var(--graupl-border-width, 0.125rem))))}}@layer graupl.theme{.accordion{background:var(--graupl-accordion-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));color:var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.accordion-item{border-color:var(--graupl-accordion-item-border-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.accordion-item-toggle{background:var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.accordion-item-toggle.primary{--graupl-button-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-hover-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-disabled-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-button-disabled-border-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.accordion-item-toggle.secondary{--graupl-button-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-hover-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-disabled-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-button-disabled-border-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.accordion-item-toggle.tertiary{--graupl-button-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-hover-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-disabled-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-button-disabled-border-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.accordion-item-toggle.visited,.accordion-item-toggle:visited{background:var(--graupl-button-visited-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-visited-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-visited-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.accordion-item-toggle:focus-visible{background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.accordion-item-toggle.focus{background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.accordion-item-toggle.hover,.accordion-item-toggle:hover{background:var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));border-color:var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))}.accordion-item-toggle.active,.accordion-item-toggle:active{background:var(--graupl-button-active-background,var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));border-color:var(--graupl-button-active-border-color,var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-active-color,var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))}.accordion-item-toggle:disabled,.accordion-item-toggle:disabled.visited,.accordion-item-toggle:disabled:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle:disabled:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle:disabled.active,.accordion-item-toggle:disabled.focus,.accordion-item-toggle:disabled.hover,.accordion-item-toggle:disabled:active,.accordion-item-toggle:disabled:hover,.accordion-item-toggle[disabled],.accordion-item-toggle[disabled].visited,.accordion-item-toggle[disabled]:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle[disabled]:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle[aria-disabled=true],.accordion-item-toggle[aria-disabled=true].visited,.accordion-item-toggle[aria-disabled=true]:visited,.accordion-item-toggle[disabled].active,.accordion-item-toggle[disabled].focus,.accordion-item-toggle[disabled].hover,.accordion-item-toggle[disabled]:active,.accordion-item-toggle[disabled]:hover{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle[aria-disabled=true]:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle.disabled,.accordion-item-toggle.disabled.visited,.accordion-item-toggle.disabled:visited,.accordion-item-toggle[aria-disabled=true].active,.accordion-item-toggle[aria-disabled=true].focus,.accordion-item-toggle[aria-disabled=true].hover,.accordion-item-toggle[aria-disabled=true]:active,.accordion-item-toggle[aria-disabled=true]:hover{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle.disabled:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle.disabled.active,.accordion-item-toggle.disabled.focus,.accordion-item-toggle.disabled.hover,.accordion-item-toggle.disabled:active,.accordion-item-toggle.disabled:hover{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-title,.accordion-item-title .accordion-item-toggle{font-family:var(--graupl-accordion-title-font-family,var(--graupl-h5-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif))));font-size:var(--graupl-accordion-title-font-size,var(--graupl-h5-font-size,var(--graupl-font-xl,calc(var(--graupl-font-size-base, 1rem)*1.44))));font-weight:var(--graupl-accordion-title-font-weight,var(--graupl-h5-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)))));line-height:var(--graupl-accordion-title-line-height,var(--graupl-h5-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em))))}}
5
- /*# sourceMappingURL=accordion.css.map */
1
+ @layer graupl.base{.accordion-item-toggle{min-width:var(--graupl-button-min-width,44px);min-height:var(--graupl-button-min-height,44px);padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem))))var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem)))));transform:var(--graupl-button-transform,none);transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,.15s)var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s)var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s)var(--graupl-transition-timing-function,ease));border-width:var(--graupl-button-border-width,var(--graupl-button-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem)))var(--graupl-button-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))var(--graupl-button-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem)))var(--graupl-button-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));border-style:var(--graupl-button-border-style,var(--graupl-button-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid)))var(--graupl-button-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid)))var(--graupl-button-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid)))var(--graupl-button-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-radius:var(--graupl-button-border-radius,var(--graupl-button-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem)))var(--graupl-button-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-button-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-button-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));font-size:var(--graupl-button-font-size,var(--graupl-font-base,calc(1*var(--graupl-font-size-base,1rem))));cursor:pointer;justify-content:center;align-items:center;display:flex}.accordion-item-toggle:visited,.accordion-item-toggle.visited{transform:var(--graupl-button-visited-transform,var(--graupl-button-transform,none))}.accordion-item-toggle:focus-visible,.accordion-item-toggle.focus{transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none))}.accordion-item-toggle:hover,.accordion-item-toggle.hover{transform:var(--graupl-button-hover-transform,var(--graupl-button-transform,none))}.accordion-item-toggle:active,.accordion-item-toggle.active{transform:var(--graupl-button-active-transform,scale(.95))}.accordion-item-toggle:disabled,.accordion-item-toggle:disabled:visited,.accordion-item-toggle:disabled.visited,.accordion-item-toggle:disabled:focus-visible,.accordion-item-toggle:disabled.focus,.accordion-item-toggle:disabled:hover,.accordion-item-toggle:disabled.hover,.accordion-item-toggle:disabled:active,.accordion-item-toggle:disabled.active,.accordion-item-toggle:disabled[aria-selected=true],.accordion-item-toggle:disabled.selected,.accordion-item-toggle:disabled[aria-current=true],.accordion-item-toggle:disabled.current,.accordion-item-toggle[disabled],.accordion-item-toggle[disabled]:visited,.accordion-item-toggle[disabled].visited,.accordion-item-toggle[disabled]:focus-visible,.accordion-item-toggle[disabled].focus,.accordion-item-toggle[disabled]:hover,.accordion-item-toggle[disabled].hover,.accordion-item-toggle[disabled]:active,.accordion-item-toggle[disabled].active,.accordion-item-toggle[disabled][aria-selected=true],.accordion-item-toggle[disabled].selected,.accordion-item-toggle[disabled][aria-current=true],.accordion-item-toggle[disabled].current,.accordion-item-toggle[aria-disabled=true],.accordion-item-toggle[aria-disabled=true]:visited,.accordion-item-toggle[aria-disabled=true].visited,.accordion-item-toggle[aria-disabled=true]:focus-visible,.accordion-item-toggle[aria-disabled=true].focus,.accordion-item-toggle[aria-disabled=true]:hover,.accordion-item-toggle[aria-disabled=true].hover,.accordion-item-toggle[aria-disabled=true]:active,.accordion-item-toggle[aria-disabled=true].active,.accordion-item-toggle[aria-disabled=true][aria-selected=true],.accordion-item-toggle[aria-disabled=true].selected,.accordion-item-toggle[aria-disabled=true][aria-current=true],.accordion-item-toggle[aria-disabled=true].current,.accordion-item-toggle.disabled,.accordion-item-toggle.disabled:visited,.accordion-item-toggle.disabled.visited,.accordion-item-toggle.disabled:focus-visible,.accordion-item-toggle.disabled.focus,.accordion-item-toggle.disabled:hover,.accordion-item-toggle.disabled.hover,.accordion-item-toggle.disabled:active,.accordion-item-toggle.disabled.active,.accordion-item-toggle.disabled[aria-selected=true],.accordion-item-toggle.disabled.selected,.accordion-item-toggle.disabled[aria-current=true],.accordion-item-toggle.disabled.current{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle:disabled,.accordion-item-toggle[disabled],.accordion-item-toggle[aria-disabled=true],.accordion-item-toggle.disabled{cursor:not-allowed}@media (prefers-reduced-motion:reduce){.accordion-item-toggle{--graupl-button-transition:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}}}@layer graupl.component{.accordion{padding:var(--graupl-accordion-padding,var(--graupl-accordion-padding-y,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem))))var(--graupl-accordion-padding-x,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem)))));gap:var(--graupl-accordion-gap,var(--graupl-accordion-column-gap,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem))))var(--graupl-accordion-row-gap,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem)))));flex-flow:column;display:flex}.accordion>.accordion-item:not(:first-child){margin-top:calc(-1*min(var(--graupl-accordion-item-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))),var(--graupl-accordion-item-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem)))))}.accordion-item{transition:var(--graupl-accordion-item-transition,height var(--graupl-accordion-transition-duration,var(--graupl-transition-duration-slow,.3s))var(--graupl-accordion-transition-timing-function,var(--graupl-transition-timing-function,ease)));border-width:var(--graupl-accordion-item-border-width,var(--graupl-accordion-item-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem)))var(--graupl-accordion-item-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))var(--graupl-accordion-item-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem)))var(--graupl-accordion-item-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));border-style:var(--graupl-accordion-item-border-style,var(--graupl-accordion-item-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid)))var(--graupl-accordion-item-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid)))var(--graupl-accordion-item-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid)))var(--graupl-accordion-item-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-radius:var(--graupl-accordion-item-border-radius,var(--graupl-accordion-item-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem)))var(--graupl-accordion-item-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-accordion-item-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-accordion-item-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));isolation:isolate;overflow:hidden}.accordion-item.hide .accordion-item-content{display:none}.accordion-item.show .accordion-item-content{transform:var(--graupl-accordion-item-content-open-transform,translateY(0));opacity:1}.accordion-item.transitioning .accordion-item-content{display:flex}.accordion-item-toggle{z-index:2;padding:var(--graupl-accordion-item-toggle-padding,var(--graupl-accordion-item-toggle-padding-y,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem)))))var(--graupl-accordion-item-toggle-padding-x,var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))));transform:var(--graupl-accordion-item-toggle-transform,none);transition:var(--graupl-accordion-item-toggle-transition,background var(--graupl-accordion-transition-duration,var(--graupl-transition-duration-slow,.3s))var(--graupl-accordion-transition-timing-function,var(--graupl-transition-timing-function,ease)),color var(--graupl-accordion-transition-duration,var(--graupl-transition-duration-slow,.3s))var(--graupl-accordion-transition-timing-function,var(--graupl-transition-timing-function,ease)),transform var(--graupl-accordion-transition-duration,var(--graupl-transition-duration-slow,.3s))var(--graupl-accordion-transition-timing-function,var(--graupl-transition-timing-function,ease)))}.accordion-item-toggle:visited,.accordion-item-toggle.visited{transform:var(--graupl-accordion-item-toggle-visited-transform,var(--graupl-accordion-item-toggle-transform,none))}.accordion-item-toggle:focus-visible,.accordion-item-toggle.focus{transform:var(--graupl-accordion-item-toggle-focus-transform,var(--graupl-accordion-item-toggle-transform,none))}.accordion-item-toggle:hover,.accordion-item-toggle.hover{transform:var(--graupl-accordion-item-toggle-hover-transform,var(--graupl-accordion-item-toggle-transform,none))}.accordion-item-toggle:active,.accordion-item-toggle.active{transform:var(--graupl-accordion-item-toggle-active-transform,none)}.accordion-item-toggle:disabled,.accordion-item-toggle:disabled:visited,.accordion-item-toggle:disabled.visited,.accordion-item-toggle:disabled:focus-visible,.accordion-item-toggle:disabled.focus,.accordion-item-toggle:disabled:hover,.accordion-item-toggle:disabled.hover,.accordion-item-toggle:disabled:active,.accordion-item-toggle:disabled.active,.accordion-item-toggle:disabled[aria-selected=true],.accordion-item-toggle:disabled.selected,.accordion-item-toggle:disabled[aria-current=true],.accordion-item-toggle:disabled.current,.accordion-item-toggle[disabled],.accordion-item-toggle[disabled]:visited,.accordion-item-toggle[disabled].visited,.accordion-item-toggle[disabled]:focus-visible,.accordion-item-toggle[disabled].focus,.accordion-item-toggle[disabled]:hover,.accordion-item-toggle[disabled].hover,.accordion-item-toggle[disabled]:active,.accordion-item-toggle[disabled].active,.accordion-item-toggle[disabled][aria-selected=true],.accordion-item-toggle[disabled].selected,.accordion-item-toggle[disabled][aria-current=true],.accordion-item-toggle[disabled].current,.accordion-item-toggle[aria-disabled=true],.accordion-item-toggle[aria-disabled=true]:visited,.accordion-item-toggle[aria-disabled=true].visited,.accordion-item-toggle[aria-disabled=true]:focus-visible,.accordion-item-toggle[aria-disabled=true].focus,.accordion-item-toggle[aria-disabled=true]:hover,.accordion-item-toggle[aria-disabled=true].hover,.accordion-item-toggle[aria-disabled=true]:active,.accordion-item-toggle[aria-disabled=true].active,.accordion-item-toggle[aria-disabled=true][aria-selected=true],.accordion-item-toggle[aria-disabled=true].selected,.accordion-item-toggle[aria-disabled=true][aria-current=true],.accordion-item-toggle[aria-disabled=true].current,.accordion-item-toggle.disabled,.accordion-item-toggle.disabled:visited,.accordion-item-toggle.disabled.visited,.accordion-item-toggle.disabled:focus-visible,.accordion-item-toggle.disabled.focus,.accordion-item-toggle.disabled:hover,.accordion-item-toggle.disabled.hover,.accordion-item-toggle.disabled:active,.accordion-item-toggle.disabled.active,.accordion-item-toggle.disabled[aria-selected=true],.accordion-item-toggle.disabled.selected,.accordion-item-toggle.disabled[aria-current=true],.accordion-item-toggle.disabled.current{transform:var(--graupl-accordion-item-toggle-disabled-transform,none)}.accordion-item-toggle:after{content:"▼";transform:var(--graupl-accordion-item-toggle-pseudo-transform,none);transition:var(--graupl-accordion-item-toggle-pseudo-transition,transform var(--graupl-accordion-transition-duration,var(--graupl-transition-duration-slow,.3s))var(--graupl-accordion-transition-timing-function,var(--graupl-transition-timing-function,ease)));justify-content:center;align-items:center;margin-left:auto;display:flex}.accordion-item-toggle[aria-expanded=true]:after{transform:var(--graupl-accordion-item-toggle-pseudo-open-transform,rotate(-180deg))}.accordion-item-header{margin:var(--graupl-accordion-item-header-margin,calc(-1*min(var(--graupl-accordion-item-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))),var(--graupl-accordion-item-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))),var(--graupl-accordion-item-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))),var(--graupl-accordion-item-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))))));padding:var(--graupl-accordion-item-header-padding,var(--graupl-accordion-item-header-padding-y,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem))))var(--graupl-accordion-item-header-padding-x,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem)))))}.accordion-item-title{margin:var(--graupl-accordion-item-title-margin,var(--graupl-accordion-item-title-margin-y,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem))))var(--graupl-accordion-item-title-margin-x,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem)))));padding:var(--graupl-accordion-item-title-padding,var(--graupl-accordion-item-title-padding-y,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem))))var(--graupl-accordion-item-title-padding-x,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem)))))}.accordion-item-title,.accordion-item-title .accordion-item-toggle{justify-content:flex-start;align-items:center;width:100%;display:flex}.accordion-item-content{padding:var(--graupl-accordion-item-content-padding,var(--graupl-accordion-item-content-padding-y,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem))))var(--graupl-accordion-item-content-padding-x,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem)))));transform:var(--graupl-accordion-item-content-transform,translateY(-100%));transition:var(--graupl-accordion-item-content-transition,opacity var(--graupl-accordion-transition-duration,var(--graupl-transition-duration-slow,.3s))var(--graupl-accordion-transition-timing-function,var(--graupl-transition-timing-function,ease))transform var(--graupl-accordion-transition-duration,var(--graupl-transition-duration-slow,.3s))var(--graupl-accordion-transition-timing-function,var(--graupl-transition-timing-function,ease)));opacity:0;gap:var(--graupl-accordion-item-content-gap,var(--graupl-accordion-item-content-column-gap,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem))))var(--graupl-accordion-item-content-row-gap,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem)))));flex-flow:column;display:flex}.accordion-item-body{padding:var(--graupl-accordion-item-body-padding,var(--graupl-accordion-item-body-padding-y,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem))))var(--graupl-accordion-item-body-padding-x,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem)))))}.accordion-item-footer{padding:var(--graupl-accordion-item-footer-padding,var(--graupl-accordion-item-footer-padding-y,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem))))var(--graupl-accordion-item-footer-padding-x,var(--graupl-spacer-0,calc(0*var(--graupl-spacer,1rem)))))}@media (prefers-reduced-motion:reduce){.accordion-item{transition:var(--graupl-accordion-item-transition-reduced-motion,none)}.accordion-item-toggle{transition:var(--graupl-accordion-item-toggle-transition-reduced-motion,background var(--graupl-accordion-transition-duration,var(--graupl-transition-duration-slow,.3s))var(--graupl-accordion-transition-timing-function,var(--graupl-transition-timing-function,ease)),color var(--graupl-accordion-transition-duration,var(--graupl-transition-duration-slow,.3s))var(--graupl-accordion-transition-timing-function,var(--graupl-transition-timing-function,ease)))}.accordion-item-toggle:after{transition:var(--graupl-accordion-item-toggle-pseudo-transition-reduced-motion,none)}.accordion-item-toggle .accordion-item-content{transition:var(--graupl-accordion-item-content-transition-reduced-motion,opacity var(--graupl-accordion-transition-duration,var(--graupl-transition-duration-slow,.3s))var(--graupl-accordion-transition-timing-function,var(--graupl-transition-timing-function,ease)))}}}@layer graupl.state{.accordion-item .accordion-item-toggle{--graupl-focus-outline-offset:calc(-1*( min(var(--graupl-accordion-item-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))),var(--graupl-accordion-item-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))),var(--graupl-accordion-item-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))),var(--graupl-accordion-item-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))) + var(--graupl-focus-width,var(--graupl-border-width,.125rem))))}}@layer graupl.theme{.accordion{border-color:var(--graupl-accordion-border-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));background:var(--graupl-accordion-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));color:var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.accordion-item{border-color:var(--graupl-accordion-item-border-color,var(--graupl-accordion-border-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));background:var(--graupl-accordion-item-background,var(--graupl-accordion-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));color:var(--graupl-accordion-item-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.accordion-item-content{background:var(--graupl-accordion-item-content-background,var(--graupl-accordion-item-background,var(--graupl-accordion-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))));color:var(--graupl-accordion-item-content-color,var(--graupl-accordion-item-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))}.accordion-item-toggle:visited,.accordion-item-toggle.visited{border-color:var(--graupl-button-visited-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));background:var(--graupl-button-visited-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));color:var(--graupl-button-visited-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.accordion-item-toggle:focus-visible,.accordion-item-toggle.focus{border-color:var(--graupl-button-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.accordion-item-toggle:hover,.accordion-item-toggle.hover{border-color:var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));background:var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));color:var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))}.accordion-item-toggle:active,.accordion-item-toggle.active{border-color:var(--graupl-button-active-border-color,var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));background:var(--graupl-button-active-background,var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-button-active-color,var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))}.accordion-item-toggle:disabled,.accordion-item-toggle:disabled:visited,.accordion-item-toggle:disabled.visited,.accordion-item-toggle:disabled:focus-visible,.accordion-item-toggle:disabled.focus,.accordion-item-toggle:disabled:hover,.accordion-item-toggle:disabled.hover,.accordion-item-toggle:disabled:active,.accordion-item-toggle:disabled.active,.accordion-item-toggle:disabled[aria-selected=true],.accordion-item-toggle:disabled.selected,.accordion-item-toggle:disabled[aria-current=true],.accordion-item-toggle:disabled.current,.accordion-item-toggle[disabled],.accordion-item-toggle[disabled]:visited,.accordion-item-toggle[disabled].visited,.accordion-item-toggle[disabled]:focus-visible,.accordion-item-toggle[disabled].focus,.accordion-item-toggle[disabled]:hover,.accordion-item-toggle[disabled].hover,.accordion-item-toggle[disabled]:active,.accordion-item-toggle[disabled].active,.accordion-item-toggle[disabled][aria-selected=true],.accordion-item-toggle[disabled].selected,.accordion-item-toggle[disabled][aria-current=true],.accordion-item-toggle[disabled].current,.accordion-item-toggle[aria-disabled=true],.accordion-item-toggle[aria-disabled=true]:visited,.accordion-item-toggle[aria-disabled=true].visited,.accordion-item-toggle[aria-disabled=true]:focus-visible,.accordion-item-toggle[aria-disabled=true].focus,.accordion-item-toggle[aria-disabled=true]:hover,.accordion-item-toggle[aria-disabled=true].hover,.accordion-item-toggle[aria-disabled=true]:active,.accordion-item-toggle[aria-disabled=true].active,.accordion-item-toggle[aria-disabled=true][aria-selected=true],.accordion-item-toggle[aria-disabled=true].selected,.accordion-item-toggle[aria-disabled=true][aria-current=true],.accordion-item-toggle[aria-disabled=true].current,.accordion-item-toggle.disabled,.accordion-item-toggle.disabled:visited,.accordion-item-toggle.disabled.visited,.accordion-item-toggle.disabled:focus-visible,.accordion-item-toggle.disabled.focus,.accordion-item-toggle.disabled:hover,.accordion-item-toggle.disabled.hover,.accordion-item-toggle.disabled:active,.accordion-item-toggle.disabled.active,.accordion-item-toggle.disabled[aria-selected=true],.accordion-item-toggle.disabled.selected,.accordion-item-toggle.disabled[aria-current=true],.accordion-item-toggle.disabled.current{border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle.primary{--graupl-button-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-hover-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-disabled-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-button-disabled-border-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.accordion-item-toggle.secondary{--graupl-button-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-hover-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-disabled-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-button-disabled-border-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.accordion-item-toggle.tertiary{--graupl-button-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-hover-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-disabled-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-button-disabled-border-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.accordion-item-toggle{border-color:var(--graupl-accordion-item-toggle-border-color,var(--graupl-accordion-item-border-color,var(--graupl-accordion-border-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))));background:var(--graupl-accordion-item-toggle-background,var(--graupl-accordion-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));color:var(--graupl-accordion-item-toggle-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.accordion-item-toggle:visited,.accordion-item-toggle.visited{border-color:var(--graupl-accordion-item-toggle-visited-border-color,var(--graupl-accordion-item-toggle-border-color,var(--graupl-accordion-item-border-color,var(--graupl-accordion-border-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))));color:var(--graupl-accordion-item-toggle-visited-color,var(--graupl-accordion-item-toggle-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));background:var(--graupl-accordion-item-toggle-visited-background,var(--graupl-accordion-item-toggle-background,var(--graupl-accordion-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))))}.accordion-item-toggle:focus-visible,.accordion-item-toggle.focus{border-color:var(--graupl-accordion-item-toggle-focus-border-color,var(--graupl-accordion-item-toggle-border-color,var(--graupl-accordion-item-border-color,var(--graupl-accordion-border-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))));color:var(--graupl-accordion-item-toggle-focus-color,var(--graupl-accordion-item-toggle-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));background:var(--graupl-accordion-item-toggle-focus-background,var(--graupl-accordion-item-toggle-background,var(--graupl-accordion-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))))}.accordion-item-toggle:hover,.accordion-item-toggle.hover{border-color:var(--graupl-accordion-item-toggle-hover-border-color,var(--graupl-accordion-item-border-color,var(--graupl-accordion-border-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))));color:var(--graupl-accordion-item-toggle-hover-color,var(--graupl-accordion-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));background:var(--graupl-accordion-item-toggle-hover-background,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.accordion-item-toggle:active,.accordion-item-toggle.active{border-color:var(--graupl-accordion-item-toggle-active-border-color,var(--graupl-accordion-item-toggle-hover-border-color,var(--graupl-accordion-item-border-color,var(--graupl-accordion-border-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))));color:var(--graupl-accordion-item-toggle-active-color,var(--graupl-accordion-item-toggle-hover-color,var(--graupl-accordion-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))));background:var(--graupl-accordion-item-toggle-active-background,var(--graupl-accordion-item-toggle-hover-background,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))}.accordion-item-toggle:disabled,.accordion-item-toggle:disabled:visited,.accordion-item-toggle:disabled.visited,.accordion-item-toggle:disabled:focus-visible,.accordion-item-toggle:disabled.focus,.accordion-item-toggle:disabled:hover,.accordion-item-toggle:disabled.hover,.accordion-item-toggle:disabled:active,.accordion-item-toggle:disabled.active,.accordion-item-toggle:disabled[aria-selected=true],.accordion-item-toggle:disabled.selected,.accordion-item-toggle:disabled[aria-current=true],.accordion-item-toggle:disabled.current,.accordion-item-toggle[disabled],.accordion-item-toggle[disabled]:visited,.accordion-item-toggle[disabled].visited,.accordion-item-toggle[disabled]:focus-visible,.accordion-item-toggle[disabled].focus,.accordion-item-toggle[disabled]:hover,.accordion-item-toggle[disabled].hover,.accordion-item-toggle[disabled]:active,.accordion-item-toggle[disabled].active,.accordion-item-toggle[disabled][aria-selected=true],.accordion-item-toggle[disabled].selected,.accordion-item-toggle[disabled][aria-current=true],.accordion-item-toggle[disabled].current,.accordion-item-toggle[aria-disabled=true],.accordion-item-toggle[aria-disabled=true]:visited,.accordion-item-toggle[aria-disabled=true].visited,.accordion-item-toggle[aria-disabled=true]:focus-visible,.accordion-item-toggle[aria-disabled=true].focus,.accordion-item-toggle[aria-disabled=true]:hover,.accordion-item-toggle[aria-disabled=true].hover,.accordion-item-toggle[aria-disabled=true]:active,.accordion-item-toggle[aria-disabled=true].active,.accordion-item-toggle[aria-disabled=true][aria-selected=true],.accordion-item-toggle[aria-disabled=true].selected,.accordion-item-toggle[aria-disabled=true][aria-current=true],.accordion-item-toggle[aria-disabled=true].current,.accordion-item-toggle.disabled,.accordion-item-toggle.disabled:visited,.accordion-item-toggle.disabled.visited,.accordion-item-toggle.disabled:focus-visible,.accordion-item-toggle.disabled.focus,.accordion-item-toggle.disabled:hover,.accordion-item-toggle.disabled.hover,.accordion-item-toggle.disabled:active,.accordion-item-toggle.disabled.active,.accordion-item-toggle.disabled[aria-selected=true],.accordion-item-toggle.disabled.selected,.accordion-item-toggle.disabled[aria-current=true],.accordion-item-toggle.disabled.current{border-color:var(--graupl-accordion-item-toggle-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-accordion-item-toggle-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));background:var(--graupl-accordion-item-toggle-disabled-background,var(--graupl-accordion-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))}.accordion-item-title{--graupl-accordion-item-toggle-color:var(--graupl-accordion-item-title-color,var(--graupl-accordion-item-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-accordion-item-toggle-background:var(--graupl-accordion-item-title-background,var(--graupl-accordion-item-background,var(--graupl-accordion-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))));--graupl-accordion-item-toggle-border-color:var(--graupl-accordion-item-title-border-color,var(--graupl-accordion-item-border-color,var(--graupl-accordion-border-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))))}.accordion-item-title,.accordion-item-title .accordion-item-toggle{border-color:var(--graupl-accordion-item-title-border-color,var(--graupl-accordion-item-border-color,var(--graupl-accordion-border-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))));background:var(--graupl-accordion-item-title-background,var(--graupl-accordion-item-background,var(--graupl-accordion-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))));color:var(--graupl-accordion-item-title-color,var(--graupl-accordion-item-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));font-family:var(--graupl-accordion-item-title-font-family,var(--graupl-h5-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif))));font-size:var(--graupl-accordion-item-title-font-size,var(--graupl-h5-font-size,var(--graupl-font-xl,calc(1.44*var(--graupl-font-size-base,1rem)))));font-weight:var(--graupl-accordion-item-title-font-weight,var(--graupl-h5-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)))));line-height:var(--graupl-accordion-item-title-line-height,var(--graupl-h5-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em))))}}
2
+ /*# sourceMappingURL=accordion.css.map */