@graupl/graupl 1.0.0-alpha.9 → 1.0.0-beta.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 (346) hide show
  1. package/.github/workflows/codeql-analysis.yml +3 -3
  2. package/.husky/commit-msg +0 -1
  3. package/.husky/pre-commit +0 -1
  4. package/CHANGELOG.md +153 -0
  5. package/build.js +7 -0
  6. package/dist/css/base/button.css +2 -0
  7. package/dist/css/base/button.css.map +1 -0
  8. package/dist/css/base/form.css +2 -0
  9. package/dist/css/base/form.css.map +1 -0
  10. package/dist/css/base/link.css +2 -0
  11. package/dist/css/base/link.css.map +1 -0
  12. package/dist/css/base/table.css +2 -0
  13. package/dist/css/base/table.css.map +1 -0
  14. package/dist/css/base.css +2 -0
  15. package/dist/css/base.css.map +1 -0
  16. package/dist/css/component/accordion.css +2 -0
  17. package/dist/css/component/accordion.css.map +1 -0
  18. package/dist/css/component/alert.css +2 -0
  19. package/dist/css/component/alert.css.map +1 -0
  20. package/dist/css/component/card.css +2 -0
  21. package/dist/css/component/card.css.map +1 -0
  22. package/dist/css/component/carousel.css +2 -0
  23. package/dist/css/component/carousel.css.map +1 -0
  24. package/dist/{component → css/component}/input-group.css +1 -1
  25. package/dist/css/component/input-group.css.map +1 -0
  26. package/dist/css/component/menu.css +2 -0
  27. package/dist/css/component/menu.css.map +1 -0
  28. package/dist/css/component/navigation.css +2 -0
  29. package/dist/css/component/navigation.css.map +1 -0
  30. package/dist/css/component.css +2 -0
  31. package/dist/css/component.css.map +1 -0
  32. package/dist/css/graupl.css +2 -0
  33. package/dist/css/graupl.css.map +1 -0
  34. package/dist/css/init.css +2 -0
  35. package/dist/css/init.css.map +1 -0
  36. package/dist/css/layout/columns.css +2 -0
  37. package/dist/css/layout/columns.css.map +1 -0
  38. package/dist/css/layout/container.css.map +1 -0
  39. package/dist/css/layout/flex-columns.css +2 -0
  40. package/dist/css/layout/flex-columns.css.map +1 -0
  41. package/dist/css/layout.css +2 -0
  42. package/dist/css/layout.css.map +1 -0
  43. package/dist/css/normalize.css +2 -0
  44. package/dist/css/normalize.css.map +1 -0
  45. package/dist/css/state/focus.css +2 -0
  46. package/dist/css/state/focus.css.map +1 -0
  47. package/dist/css/state.css +2 -0
  48. package/dist/css/state.css.map +1 -0
  49. package/dist/css/theme/color.css +2 -0
  50. package/dist/css/theme/color.css.map +1 -0
  51. package/dist/css/theme/typography.css +2 -0
  52. package/dist/css/theme/typography.css.map +1 -0
  53. package/dist/css/theme.css +2 -0
  54. package/dist/css/theme.css.map +1 -0
  55. package/dist/css/utilities/alignment.css +2 -0
  56. package/dist/css/utilities/alignment.css.map +1 -0
  57. package/dist/{utilities/colors.css → css/utilities/color.css} +2 -2
  58. package/dist/css/utilities/color.css.map +1 -0
  59. package/dist/css/utilities/display.css +2 -0
  60. package/dist/css/utilities/display.css.map +1 -0
  61. package/dist/css/utilities/flex.css +2 -0
  62. package/dist/css/utilities/flex.css.map +1 -0
  63. package/dist/css/utilities/height.css +2 -0
  64. package/dist/css/utilities/height.css.map +1 -0
  65. package/dist/css/utilities/inset.css +2 -0
  66. package/dist/css/utilities/inset.css.map +1 -0
  67. package/dist/css/utilities/justification.css +2 -0
  68. package/dist/css/utilities/justification.css.map +1 -0
  69. package/dist/css/utilities/list.css +2 -0
  70. package/dist/css/utilities/list.css.map +1 -0
  71. package/dist/css/utilities/order.css +2 -0
  72. package/dist/css/utilities/order.css.map +1 -0
  73. package/dist/css/utilities/postion.css +2 -0
  74. package/dist/css/utilities/postion.css.map +1 -0
  75. package/dist/css/utilities/ratio.css +2 -0
  76. package/dist/css/utilities/ratio.css.map +1 -0
  77. package/dist/css/utilities/spacing.css +2 -0
  78. package/dist/css/utilities/spacing.css.map +1 -0
  79. package/dist/css/utilities/typography.css +2 -0
  80. package/dist/css/utilities/typography.css.map +1 -0
  81. package/dist/css/utilities/visibility.css +2 -0
  82. package/dist/css/utilities/visibility.css.map +1 -0
  83. package/dist/css/utilities/width.css +2 -0
  84. package/dist/css/utilities/width.css.map +1 -0
  85. package/dist/css/utilities.css +2 -0
  86. package/dist/css/utilities.css.map +1 -0
  87. package/dist/js/component/accordion.cjs.js +3 -0
  88. package/dist/js/component/accordion.esm.js +1289 -0
  89. package/dist/js/component/accordion.iife.js +3 -0
  90. package/dist/js/component/alert.cjs.js +3 -0
  91. package/dist/js/component/alert.esm.js +529 -0
  92. package/dist/js/component/alert.iife.js +3 -0
  93. package/dist/js/component/carousel.cjs.js +3 -0
  94. package/dist/js/component/carousel.esm.js +1110 -0
  95. package/dist/js/component/carousel.iife.js +3 -0
  96. package/dist/js/graupl.cjs.js +5 -0
  97. package/dist/js/graupl.esm.js +1462 -0
  98. package/dist/js/graupl.iife.js +5 -0
  99. package/docs/.vitepress/config.js +39 -12
  100. package/docs/components/alert.md +130 -0
  101. package/docs/components/button.md +84 -0
  102. package/docs/components/card.md +369 -0
  103. package/docs/components/index.md +1 -0
  104. package/docs/components/inputgroup.md +159 -0
  105. package/docs/components/menu.md +326 -0
  106. package/docs/components/navigation.md +158 -0
  107. package/docs/content.md +237 -0
  108. package/docs/defaults.md +121 -0
  109. package/docs/forms.md +79 -0
  110. package/docs/functions.md +9 -0
  111. package/docs/getting-started.md +1 -0
  112. package/docs/index.md +1 -7
  113. package/docs/introduction.md +22 -2
  114. package/docs/layout.md +200 -0
  115. package/docs/mixins.md +47 -0
  116. package/docs/state.md +67 -0
  117. package/docs/theme.md +258 -0
  118. package/docs/utilities.md +357 -0
  119. package/eslint.config.js +1 -0
  120. package/index.html +816 -327
  121. package/index.js +12 -0
  122. package/package.json +31 -10
  123. package/scss/base/button.scss +3 -0
  124. package/scss/base/form.scss +1 -1
  125. package/scss/base/link.scss +1 -1
  126. package/scss/base/table.scss +1 -1
  127. package/scss/base.scss +1 -1
  128. package/scss/component/accordion.scss +3 -0
  129. package/scss/component/alert.scss +3 -0
  130. package/scss/component/card.scss +3 -0
  131. package/scss/component/carousel.scss +3 -0
  132. package/scss/component/input-group.scss +1 -1
  133. package/scss/component/menu.scss +3 -0
  134. package/scss/component/navigation.scss +3 -0
  135. package/scss/component.scss +1 -1
  136. package/scss/graupl.scss +1 -3
  137. package/scss/init.scss +3 -0
  138. package/scss/layout/columns.scss +1 -1
  139. package/scss/layout/container.scss +1 -1
  140. package/scss/layout/flex-columns.scss +3 -0
  141. package/scss/layout.scss +1 -1
  142. package/scss/normalize.scss +3 -0
  143. package/scss/state/focus.scss +1 -1
  144. package/scss/state.scss +1 -1
  145. package/scss/theme/color.scss +1 -1
  146. package/scss/theme/typography.scss +1 -1
  147. package/scss/theme.scss +1 -1
  148. package/scss/utilities/alignment.scss +3 -0
  149. package/scss/utilities/color.scss +3 -0
  150. package/scss/utilities/display.scss +3 -0
  151. package/scss/utilities/flex.scss +3 -0
  152. package/scss/utilities/height.scss +3 -0
  153. package/scss/utilities/inset.scss +3 -0
  154. package/scss/utilities/justification.scss +3 -0
  155. package/scss/utilities/list.scss +3 -0
  156. package/scss/utilities/order.scss +3 -0
  157. package/scss/utilities/postion.scss +3 -0
  158. package/scss/utilities/ratio.scss +3 -0
  159. package/scss/utilities/spacing.scss +1 -1
  160. package/scss/utilities/typography.scss +1 -1
  161. package/scss/utilities/visibility.scss +3 -0
  162. package/scss/utilities/width.scss +3 -0
  163. package/scss/utilities.scss +1 -1
  164. package/src/js/accordion/Accordion.js +1163 -0
  165. package/src/js/accordion/AccordionItem.js +496 -0
  166. package/src/js/accordion/index.js +10 -0
  167. package/src/js/alert/Alert.js +581 -0
  168. package/src/js/alert/index.js +11 -0
  169. package/src/js/carousel/Carousel.js +1427 -0
  170. package/src/js/carousel/index.js +10 -0
  171. package/src/js/domHelpers.js +37 -0
  172. package/src/js/eventHandlers.js +39 -0
  173. package/src/js/navigation/index.js +36 -0
  174. package/src/js/storage.js +106 -0
  175. package/src/js/validate.js +225 -0
  176. package/src/scss/_defaults.scss +74 -5
  177. package/src/scss/_index.scss +4 -3
  178. package/src/scss/_init.scss +2 -2
  179. package/src/scss/_normalize.scss +197 -0
  180. package/src/scss/_variables.scss +7 -7
  181. package/src/scss/base/_index.scss +2 -1
  182. package/src/scss/base/button/_defaults.scss +60 -0
  183. package/src/scss/base/button/_index.scss +107 -0
  184. package/src/scss/base/button/_mixins.scss +166 -0
  185. package/src/scss/{component → base}/button/_variables.scss +64 -19
  186. package/src/scss/base/form/_defaults.scss +14 -4
  187. package/src/scss/base/form/_index.scss +23 -20
  188. package/src/scss/base/form/_variables.scss +14 -2
  189. package/src/scss/base/link/_defaults.scss +48 -5
  190. package/src/scss/base/link/_index.scss +111 -10
  191. package/src/scss/base/link/_variables.scss +234 -4
  192. package/src/scss/base/table/_defaults.scss +49 -4
  193. package/src/scss/base/table/_index.scss +102 -8
  194. package/src/scss/base/table/_variables.scss +75 -5
  195. package/src/scss/component/_index.scss +7 -3
  196. package/src/scss/component/accordion/_defaults.scss +40 -0
  197. package/src/scss/component/accordion/_index.scss +180 -0
  198. package/src/scss/component/accordion/_variables.scss +316 -0
  199. package/src/scss/component/alert/_defaults.scss +49 -0
  200. package/src/scss/component/alert/_index.scss +118 -0
  201. package/src/scss/component/alert/_variables.scss +173 -0
  202. package/src/scss/component/card/_defaults.scss +32 -0
  203. package/src/scss/component/card/_index.scss +178 -0
  204. package/src/scss/component/card/_variables.scss +186 -0
  205. package/src/scss/component/carousel/_defaults.scss +43 -0
  206. package/src/scss/component/carousel/_index.scss +188 -0
  207. package/src/scss/component/carousel/_variables.scss +104 -0
  208. package/src/scss/component/input-group/_defaults.scss +11 -4
  209. package/src/scss/component/input-group/_index.scss +13 -11
  210. package/src/scss/component/input-group/_variables.scss +4 -1
  211. package/src/scss/component/menu/_defaults.scss +66 -0
  212. package/src/scss/component/menu/_index.scss +305 -0
  213. package/src/scss/component/menu/_variables.scss +500 -0
  214. package/src/scss/component/navigation/_defaults.scss +29 -0
  215. package/src/scss/component/navigation/_index.scss +189 -0
  216. package/src/scss/component/navigation/_variables.scss +237 -0
  217. package/src/scss/functions/_important.scss +2 -0
  218. package/src/scss/functions/_screen.scss +30 -0
  219. package/src/scss/functions/_theme.scss +28 -7
  220. package/src/scss/layout/_index.scss +2 -1
  221. package/src/scss/layout/columns/_defaults.scss +12 -4
  222. package/src/scss/layout/columns/_index.scss +29 -7
  223. package/src/scss/layout/columns/_variables.scss +6 -2
  224. package/src/scss/layout/container/_defaults.scss +13 -4
  225. package/src/scss/layout/container/_index.scss +12 -7
  226. package/src/scss/layout/container/_variables.scss +4 -1
  227. package/src/scss/layout/flex-columns/_defaults.scss +18 -0
  228. package/src/scss/layout/flex-columns/_index.scss +80 -0
  229. package/src/scss/layout/flex-columns/_variables.scss +26 -0
  230. package/src/scss/mixins/_animation.scss +15 -0
  231. package/src/scss/mixins/_layer.scss +3 -5
  232. package/src/scss/mixins/_screen.scss +56 -0
  233. package/src/scss/mixins/_utility.scss +30 -0
  234. package/src/scss/mixins/_visually-hidden.scss +20 -0
  235. package/src/scss/state/_index.scss +1 -1
  236. package/src/scss/state/focus/_defaults.scss +6 -4
  237. package/src/scss/state/focus/_index.scss +7 -7
  238. package/src/scss/state/focus/_mixins.scss +15 -0
  239. package/src/scss/state/focus/_variables.scss +6 -2
  240. package/src/scss/theme/_index.scss +1 -1
  241. package/src/scss/theme/color/_defaults.scss +101 -19
  242. package/src/scss/theme/color/_index.scss +17 -17
  243. package/src/scss/theme/color/_variables.scss +72 -64
  244. package/src/scss/theme/typography/_defaults.scss +7 -5
  245. package/src/scss/theme/typography/_index.scss +1 -1
  246. package/src/scss/theme/typography/_variables.scss +11 -7
  247. package/src/scss/utilities/_index.scss +14 -2
  248. package/src/scss/utilities/alignment/_defaults.scss +62 -0
  249. package/src/scss/utilities/alignment/_index.scss +75 -0
  250. package/src/scss/utilities/alignment/_variables.scss +6 -0
  251. package/src/scss/utilities/color/_defaults.scss +35 -0
  252. package/src/scss/utilities/color/_index.scss +91 -0
  253. package/src/scss/utilities/color/_variables.scss +6 -0
  254. package/src/scss/utilities/display/_defaults.scss +32 -0
  255. package/src/scss/utilities/display/_index.scss +61 -0
  256. package/src/scss/utilities/display/_variables.scss +6 -0
  257. package/src/scss/utilities/flex/_defaults.scss +63 -0
  258. package/src/scss/utilities/flex/_index.scss +71 -0
  259. package/src/scss/utilities/flex/_variables.scss +6 -0
  260. package/src/scss/utilities/height/_defaults.scss +41 -0
  261. package/src/scss/utilities/height/_index.scss +98 -0
  262. package/src/scss/utilities/height/_variables.scss +6 -0
  263. package/src/scss/utilities/inset/_defaults.scss +41 -0
  264. package/src/scss/utilities/inset/_index.scss +37 -0
  265. package/src/scss/utilities/inset/_variables.scss +6 -0
  266. package/src/scss/utilities/justification/_defaults.scss +59 -0
  267. package/src/scss/utilities/justification/_index.scss +75 -0
  268. package/src/scss/utilities/justification/_variables.scss +6 -0
  269. package/src/scss/utilities/list/_defaults.scss +39 -0
  270. package/src/scss/utilities/list/_index.scss +56 -0
  271. package/src/scss/utilities/list/_variables.scss +6 -0
  272. package/src/scss/utilities/order/_defaults.scss +22 -0
  273. package/src/scss/utilities/order/_index.scss +63 -0
  274. package/src/scss/utilities/order/_variables.scss +6 -0
  275. package/src/scss/utilities/position/_defaults.scss +26 -0
  276. package/src/scss/utilities/position/_index.scss +37 -0
  277. package/src/scss/utilities/position/_variables.scss +6 -0
  278. package/src/scss/utilities/ratio/_defaults.scss +28 -0
  279. package/src/scss/utilities/ratio/_index.scss +52 -0
  280. package/src/scss/utilities/ratio/_variables.scss +9 -0
  281. package/src/scss/utilities/spacing/_defaults.scss +9 -4
  282. package/src/scss/utilities/spacing/_index.scss +134 -29
  283. package/src/scss/utilities/spacing/_variables.scss +5 -2
  284. package/src/scss/utilities/typography/_defaults.scss +29 -4
  285. package/src/scss/utilities/typography/_index.scss +155 -23
  286. package/src/scss/utilities/typography/_variables.scss +5 -2
  287. package/src/scss/utilities/visibility/_defaults.scss +25 -0
  288. package/src/scss/utilities/visibility/_index.scss +36 -0
  289. package/src/scss/utilities/visibility/_variables.scss +6 -0
  290. package/src/scss/utilities/width/_defaults.scss +41 -0
  291. package/src/scss/utilities/width/_index.scss +98 -0
  292. package/src/scss/utilities/width/_variables.scss +6 -0
  293. package/stylelint.config.js +5 -0
  294. package/vite.config.js +57 -0
  295. package/dist/base/form.css +0 -2
  296. package/dist/base/form.css.map +0 -1
  297. package/dist/base/link.css +0 -2
  298. package/dist/base/link.css.map +0 -1
  299. package/dist/base/table.css +0 -2
  300. package/dist/base/table.css.map +0 -1
  301. package/dist/base.css +0 -2
  302. package/dist/base.css.map +0 -1
  303. package/dist/component/button.css +0 -2
  304. package/dist/component/button.css.map +0 -1
  305. package/dist/component/input-group.css.map +0 -1
  306. package/dist/component/table.css +0 -2
  307. package/dist/component/table.css.map +0 -1
  308. package/dist/component.css +0 -2
  309. package/dist/component.css.map +0 -1
  310. package/dist/graupl.css +0 -2
  311. package/dist/graupl.css.map +0 -1
  312. package/dist/layout/columns.css +0 -2
  313. package/dist/layout/columns.css.map +0 -1
  314. package/dist/layout/container.css.map +0 -1
  315. package/dist/layout.css +0 -2
  316. package/dist/layout.css.map +0 -1
  317. package/dist/state/focus.css +0 -2
  318. package/dist/state/focus.css.map +0 -1
  319. package/dist/state.css +0 -2
  320. package/dist/state.css.map +0 -1
  321. package/dist/theme/color.css +0 -2
  322. package/dist/theme/color.css.map +0 -1
  323. package/dist/theme/typography.css +0 -2
  324. package/dist/theme/typography.css.map +0 -1
  325. package/dist/theme.css +0 -2
  326. package/dist/theme.css.map +0 -1
  327. package/dist/utilities/colors.css.map +0 -1
  328. package/dist/utilities/spacing.css +0 -2
  329. package/dist/utilities/spacing.css.map +0 -1
  330. package/dist/utilities/typography.css +0 -2
  331. package/dist/utilities/typography.css.map +0 -1
  332. package/dist/utilities.css +0 -2
  333. package/dist/utilities.css.map +0 -1
  334. package/scss/component/button.scss +0 -3
  335. package/scss/component/table.scss +0 -3
  336. package/scss/utilities/colors.scss +0 -3
  337. package/src/scss/component/button/_defaults.scss +0 -39
  338. package/src/scss/component/button/_index.scss +0 -98
  339. package/src/scss/component/table/_defaults.scss +0 -30
  340. package/src/scss/component/table/_index.scss +0 -77
  341. package/src/scss/component/table/_variables.scss +0 -64
  342. package/src/scss/mixins/_media-queries.scss +0 -26
  343. package/src/scss/utilities/colors/_defaults.scss +0 -5
  344. package/src/scss/utilities/colors/_index.scss +0 -22
  345. package/src/scss/utilities/colors/_variables.scss +0 -3
  346. /package/dist/{layout → css/layout}/container.css +0 -0
package/dist/css/component/alert.css ADDED
@@ -0,0 +1,2 @@
1
+ @layer graupl.component{.alert{--graupl-button-border:0;border:var(--graupl-alert-border,var(--graupl-alert-border-width,var(--graupl-border-width,2px)) var(--graupl-alert-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-alert-border-radius,var(--graupl-alert-top-left-border-radius,var(--graupl-border-radius,.125rem)) var(--graupl-alert-top-right-border-radius,var(--graupl-border-radius,.125rem)) var(--graupl-alert-bottom-right-border-radius,var(--graupl-border-radius,.125rem)) var(--graupl-alert-bottom-left-border-radius,var(--graupl-border-radius,.125rem)));display:grid;gap:var(--graupl-alert-gap,var(--graupl-alert-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-alert-row-gap,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))));grid-template-columns:[content-start] 1fr [content-end dismiss-start] auto [dismiss-end];grid-template-rows:[header-start] auto [header-end body-start] auto [body-end footer-start] auto [footer-end];padding:var(--graupl-alert-padding,var(--graupl-alert-padding-y,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))) var(--graupl-alert-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));transition:var(--graupl-alert-transition,opacity 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))}.alert.hide{display:none}.alert.transitioning{display:grid;opacity:0}.alert.show{display:grid}@media (prefers-reduced-motion:reduce){.alert .alert{--graupl-alert-transition:var(--graupl-alert-transition-reduced-motion,opacity var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease))}}}@layer graupl.theme{.alert{--graupl-button-background:var(--graupl-alert-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-focus-background:var(--graupl-alert-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-link-color:var(--graupl-alert-link-color);--graupl-link-visited-color:var(--graupl-alert-link-visited-color);--graupl-link-focus-color:var(--graupl-alert-link-focus-color);--graupl-link-hover-color:var(--graupl-alert-link-hover-color);--graupl-link-active-color:var(--graupl-alert-link-active-color);--graupl-link-disabled-color:var(--graupl-alert-link-disabled-color);background-color:var(--graupl-alert-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-alert-border-color,var(--graupl-alert-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-alert-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.alert.primary{--graupl-alert-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-alert-background:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-alert-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-alert-title-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)));--graupl-alert-button-border-color:transparent;--graupl-alert-link-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)));--graupl-alert-link-visited-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)));--graupl-alert-link-focus-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)));--graupl-alert-link-hover-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-alert-link-active-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-alert-link-disabled-color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))}.alert.secondary{--graupl-alert-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-alert-background:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-alert-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-alert-title-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)));--graupl-alert-button-border-color:transparent;--graupl-alert-link-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)));--graupl-alert-link-visited-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)));--graupl-alert-link-focus-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)));--graupl-alert-link-hover-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-alert-link-active-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-alert-link-disabled-color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))}.alert.tertiary{--graupl-alert-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-alert-background:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-alert-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-alert-title-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)));--graupl-alert-button-border-color:transparent;--graupl-alert-link-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)));--graupl-alert-link-visited-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)));--graupl-alert-link-focus-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)));--graupl-alert-link-hover-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-alert-link-active-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-alert-link-disabled-color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))}}@layer graupl.component{.alert-header{grid-column:content;grid-row:header;padding:var(--graupl-alert-header-padding,var(--graupl-alert-header-padding-y,0) var(--graupl-alert-header-padding-x,0))}.alert-body{grid-column:content;grid-row:body;padding:var(--graupl-alert-body-padding,var(--graupl-alert-body-padding-y,0) var(--graupl-alert-body-padding-x,0))}.alert-footer{grid-column:content;grid-row:footer;padding:var(--graupl-alert-footer-padding,var(--graupl-alert-footer-padding-y,0) var(--graupl-alert-footer-padding-x,0))}}@layer graupl.component{}@layer graupl.component{}@layer graupl.base{.alert-dismisser{align-items:center;border:var(--graupl-button-border,var(--graupl-button-border-width,var(--graupl-border-width,2px)) var(--graupl-botton-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-button-border-radius,var(--graupl-border-radius,.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))}.alert-dismisser.visited,.alert-dismisser:visited{--graupl-button-transform:var(--graupl-button-visited-transform,none)}.alert-dismisser.focus{--graupl-button-transform:var(--graupl-button-focus-transform,none)}.alert-dismisser:focus-visible{--graupl-button-transform:var(--graupl-button-focus-transform,none)}.alert-dismisser.hover,.alert-dismisser:hover{--graupl-button-transform:var(--graupl-button-hover-transform,none)}.alert-dismisser.active,.alert-dismisser:active{--graupl-button-transform:var(--graupl-button-active-transform,scale(0.95))}.alert-dismisser.disabled,.alert-dismisser.disabled.focus,.alert-dismisser.disabled.visited,.alert-dismisser.disabled:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.alert-dismisser.disabled,.alert-dismisser.disabled:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.alert-dismisser.disabled,.alert-dismisser.disabled.active,.alert-dismisser.disabled.disabled,.alert-dismisser.disabled.hover,.alert-dismisser.disabled:active,.alert-dismisser.disabled:disabled,.alert-dismisser.disabled:hover,.alert-dismisser.disabled[aria-disabled=true],.alert-dismisser.disabled[disabled],.alert-dismisser:disabled,.alert-dismisser:disabled.focus,.alert-dismisser:disabled.visited,.alert-dismisser:disabled:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.alert-dismisser:disabled,.alert-dismisser:disabled:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.alert-dismisser:disabled,.alert-dismisser:disabled.active,.alert-dismisser:disabled.disabled,.alert-dismisser:disabled.hover,.alert-dismisser:disabled:active,.alert-dismisser:disabled:disabled,.alert-dismisser:disabled:hover,.alert-dismisser:disabled[aria-disabled=true],.alert-dismisser:disabled[disabled],.alert-dismisser[disabled],.alert-dismisser[disabled].focus,.alert-dismisser[disabled].visited,.alert-dismisser[disabled]:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.alert-dismisser[disabled],.alert-dismisser[disabled]:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.alert-dismisser[aria-disabled=true],.alert-dismisser[aria-disabled=true].focus,.alert-dismisser[aria-disabled=true].visited,.alert-dismisser[aria-disabled=true]:visited,.alert-dismisser[disabled],.alert-dismisser[disabled].active,.alert-dismisser[disabled].disabled,.alert-dismisser[disabled].hover,.alert-dismisser[disabled]:active,.alert-dismisser[disabled]:disabled,.alert-dismisser[disabled]:hover,.alert-dismisser[disabled][aria-disabled=true],.alert-dismisser[disabled][disabled]{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.alert-dismisser[aria-disabled=true],.alert-dismisser[aria-disabled=true]:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.alert-dismisser[aria-disabled=true],.alert-dismisser[aria-disabled=true].active,.alert-dismisser[aria-disabled=true].disabled,.alert-dismisser[aria-disabled=true].hover,.alert-dismisser[aria-disabled=true]:active,.alert-dismisser[aria-disabled=true]:disabled,.alert-dismisser[aria-disabled=true]:hover,.alert-dismisser[aria-disabled=true][aria-disabled=true],.alert-dismisser[aria-disabled=true][disabled]{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}@media (prefers-reduced-motion:reduce){.alert-dismisser{--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.theme{.alert-dismisser{background:var(--graupl-button-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-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-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.alert-dismisser.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-visited-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-visited-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-focus-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-focus-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-active-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-active-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-active-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)))}.alert-dismisser.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-visited-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-visited-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-focus-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-focus-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-active-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-active-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-active-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)))}.alert-dismisser.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-visited-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-visited-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-focus-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-focus-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-active-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-active-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-active-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)))}.alert-dismisser.visited,.alert-dismisser:visited{--graupl-button-border-color:var(--graupl-button-visited-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-visited-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-visited-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.alert-dismisser.focus{--graupl-button-border-color:var(--graupl-button-focus-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-focus-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-focus-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.alert-dismisser:focus-visible{--graupl-button-border-color:var(--graupl-button-focus-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-focus-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-focus-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.alert-dismisser.hover,.alert-dismisser:hover{--graupl-button-border-color:var(--graupl-button-hover-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-hover-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-button-color:var(--graupl-button-hover-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))}.alert-dismisser.active,.alert-dismisser:active{--graupl-button-border-color:var(--graupl-button-active-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-active-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-button-color:var(--graupl-button-active-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))}.alert-dismisser.disabled,.alert-dismisser.disabled.focus,.alert-dismisser.disabled.visited,.alert-dismisser.disabled:visited{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-dismisser.disabled,.alert-dismisser.disabled:focus-visible{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-dismisser.disabled,.alert-dismisser.disabled.active,.alert-dismisser.disabled.disabled,.alert-dismisser.disabled.hover,.alert-dismisser.disabled:active,.alert-dismisser.disabled:disabled,.alert-dismisser.disabled:hover,.alert-dismisser.disabled[aria-disabled=true],.alert-dismisser.disabled[disabled],.alert-dismisser:disabled,.alert-dismisser:disabled.focus,.alert-dismisser:disabled.visited,.alert-dismisser:disabled:visited{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-dismisser:disabled,.alert-dismisser:disabled:focus-visible{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-dismisser:disabled,.alert-dismisser:disabled.active,.alert-dismisser:disabled.disabled,.alert-dismisser:disabled.hover,.alert-dismisser:disabled:active,.alert-dismisser:disabled:disabled,.alert-dismisser:disabled:hover,.alert-dismisser:disabled[aria-disabled=true],.alert-dismisser:disabled[disabled],.alert-dismisser[disabled],.alert-dismisser[disabled].focus,.alert-dismisser[disabled].visited,.alert-dismisser[disabled]:visited{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-dismisser[disabled],.alert-dismisser[disabled]:focus-visible{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-dismisser[aria-disabled=true],.alert-dismisser[aria-disabled=true].focus,.alert-dismisser[aria-disabled=true].visited,.alert-dismisser[aria-disabled=true]:visited,.alert-dismisser[disabled],.alert-dismisser[disabled].active,.alert-dismisser[disabled].disabled,.alert-dismisser[disabled].hover,.alert-dismisser[disabled]:active,.alert-dismisser[disabled]:disabled,.alert-dismisser[disabled]:hover,.alert-dismisser[disabled][aria-disabled=true],.alert-dismisser[disabled][disabled]{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-dismisser[aria-disabled=true],.alert-dismisser[aria-disabled=true]:focus-visible{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-dismisser[aria-disabled=true],.alert-dismisser[aria-disabled=true].active,.alert-dismisser[aria-disabled=true].disabled,.alert-dismisser[aria-disabled=true].hover,.alert-dismisser[aria-disabled=true]:active,.alert-dismisser[aria-disabled=true]:disabled,.alert-dismisser[aria-disabled=true]:hover,.alert-dismisser[aria-disabled=true][aria-disabled=true],.alert-dismisser[aria-disabled=true][disabled]{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}@layer graupl.component{.alert-dismisser{align-self:flex-start;grid-column:dismiss;grid-row:1/-1}.alert-title{margin:var(--graupl-alert-title-margin,0 0 0 0)}}@layer graupl.component{}@layer graupl.theme{.alert-title{color:var(--graupl-alert-title-color,var(--graupl-alert-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));font-size:var(--graupl-alert-title-font-size,var(--graupl-h4-font-size,var(--graupl-font-2xl,calc(var(--graupl-font-size-base, 1rem)*1.728))));font-weight:var(--graupl-alert-title-font-weight,var(--graupl-h4-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)))));line-height:var(--graupl-alert-title-line-height,var(--graupl-h4-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em))))}}
2
+ /*# sourceMappingURL=alert.css.map */
package/dist/css/component/alert.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/component/alert/_index.scss","../../../src/scss/component/alert/_variables.scss","alert.css","../../../src/scss/mixins/_animation.scss","../../../src/scss/base/button/_mixins.scss","../../../src/scss/base/button/_variables.scss"],"names":[],"mappings":"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","file":"alert.css"}
package/dist/css/component/card.css ADDED
@@ -0,0 +1,2 @@
1
+ @layer graupl.component{.card{border:var(--graupl-card-border,var(--graupl-card-border-width,var(--graupl-border-width,2px)) var(--graupl-card-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-card-border-radius,var(--graupl-card-top-left-border-radius,var(--graupl-border-radius,.125rem)) var(--graupl-card-top-right-border-radius,var(--graupl-border-radius,.125rem)) var(--graupl-card-bottom-right-border-radius,var(--graupl-border-radius,.125rem)) var(--graupl-card-bottom-left-border-radius,var(--graupl-border-radius,.125rem)));display:grid;gap:var(--graupl-card-gap,var(--graupl-card-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-card-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));grid-template-columns:1fr;isolation:isolate;padding:var(--graupl-card-padding,var(--graupl-card-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-card-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));position:relative;transform:var(--graupl-card-transform,none);transition:var(--graupl-card-transition,transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.card,.card.top{grid-template-rows:[image-start] var(--graupl-card-image-ratio,auto) [image-end content-start] var(--graupl-card-content-ratio,1fr) [content-end]}.card.bottom,.card.inverse{grid-template-rows:[content-start] var(--graupl-card-content-ratio,1fr) [content-end image-start] var(--graupl-card-image-ratio,auto) [image-end]}.card:hover{--graupl-card-transform:var(--graupl-card-hover-transform,none)}.card.horizontal,.card.horizontal.left{--graupl-card-content-ratio:var(--graupl-horizontal-card-content-ratio,3fr);--graupl-card-image-ratio:var(--graupl-horizontal-card-image-ratio,2fr);grid-template-columns:[image-start] var(--graupl-card-image-ratio,auto) [image-end content-start] var(--graupl-card-content-ratio,1fr) [content-end];grid-template-rows:1fr}.card.horizontal .card-image img,.card.horizontal.left .card-image img{border-radius:calc(var(--graupl-card-top-left-border-radius, var(--graupl-border-radius, .125rem)) - var(--graupl-card-border-width, var(--graupl-border-width, 2px))) 0 0 calc(var(--graupl-card-bottom-left-border-radius, var(--graupl-border-radius, .125rem)) - var(--graupl-card-border-width, var(--graupl-border-width, 2px)))}.card.horizontal.inverse,.card.horizontal.right{grid-template-columns:[content-start] var(--graupl-card-content-ratio,1fr) [content-end image-start] var(--graupl-card-image-ratio,auto) [image-end]}.card.horizontal.inverse .card-image img,.card.horizontal.right .card-image img{border-radius:0 calc(var(--graupl-card-top-right-border-radius, var(--graupl-border-radius, .125rem)) - var(--graupl-card-border-width, var(--graupl-border-width, 2px))) calc(var(--graupl-card-bottom-right-border-radius, var(--graupl-border-radius, .125rem)) - var(--graupl-card-border-width, var(--graupl-border-width, 2px))) 0}.card-image{grid-area:image;padding:var(--graupl-card-image-padding,var(--graupl-card-image-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-card-image-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}.card-image img{border-radius:calc(var(--graupl-card-top-left-border-radius, var(--graupl-border-radius, .125rem)) - var(--graupl-card-border-width, var(--graupl-border-width, 2px))) calc(var(--graupl-card-top-right-border-radius, var(--graupl-border-radius, .125rem)) - var(--graupl-card-border-width, var(--graupl-border-width, 2px))) 0 0;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card-content{display:flex;flex-direction:column;gap:var(--graupl-card-content-gap,var(--graupl-card-content-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-card-content-row-gap,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))));grid-area:content;padding:var(--graupl-card-content-padding,var(--graupl-card-content-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-card-content-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))))}.card-body{flex:1 0 auto}.card-footer,.card-title{flex:0 0 auto}@media screen and (width <= 71ch){.card.horizontal,.card.horizontal.bottom,.card.horizontal.inverse,.card.horizontal.left,.card.horizontal.right,.card.horizontal.top{--graupl-horizontal-card-image-ratio:auto;--graupl-horizontal-card-content-ratio:1fr;grid-template-columns:1fr}.card.horizontal,.card.horizontal.left,.card.horizontal.right,.card.horizontal.top{grid-template-rows:[image-start] var(--graupl-card-image-ratio,auto) [image-end content-start] var(--graupl-card-content-ratio,1fr) [content-end]}.card.horizontal.bottom,.card.horizontal.inverse{grid-template-rows:[content-start] var(--graupl-card-content-ratio,1fr) [content-end image-start] var(--graupl-card-image-ratio,auto) [image-end]}}@media (prefers-reduced-motion:reduce){.card{--graupl-card-transition:var(--graupl-card-transition-reduced-motion,none)}}}@layer graupl.theme{.card{background:var(--graupl-card-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-card-border-color,var(--graupl-card-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-card-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.card-title{color:var(--graupl-card-title-color,var(--graupl-card-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));font-size:var(--graupl-card-title-font-size,var(--graupl-h4-font-size,var(--graupl-font-2xl,calc(var(--graupl-font-size-base, 1rem)*1.728))));font-weight:var(--graupl-card-title-font-weight,var(--graupl-h4-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)))));line-height:var(--graupl-card-title-line-height,var(--graupl-h4-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em))))}}
2
+ /*# sourceMappingURL=card.css.map */
package/dist/css/component/card.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/component/card/_index.scss","../../../src/scss/component/card/_variables.scss","card.css","../../../src/scss/mixins/_screen.scss","../../../src/scss/mixins/_animation.scss"],"names":[],"mappings":"AAQE,wBCEA,MAOE,gKCmFU,CDlFV,8WCqEiB,CD5EjB,YAAA,CAQA,uMCmCO,CDzCP,yBAAA,CAOA,iBAAA,CANA,gNCOW,CDTX,iBAAA,CAGA,2CCqBa,CDpBb,4IEHF,CFSE,gBAEE,iJERJ,CFgBE,2BAEE,iJEfJ,CFuBE,YACE,+DErBJ,CFyBI,uCAEE,2EAAA,CACA,uEAAA,CAEA,oJACE,CAKF,sBE9BN,CFgCM,uEACE,sUE9BR,CFmCI,gDAEE,oJElCN,CFyCM,gFACE,wUEvCR,CF+CA,YACE,eAAA,CACA,kOE7CF,CF+CE,gBAGE,oUAAA,CADA,WAAA,CAGA,mBAAA,CAAA,gBAAA,CAJA,UE1CJ,CFkDA,cACE,YAAA,CAEA,qBAAA,CAEA,gOC0De,CD7Df,iBAAA,CAEA,yOE/CF,CFmDA,WACE,aEjDF,CFwDA,yBACE,aEnDF,CCvCA,kCHgGM,oIAME,yCAAA,CACA,0CAAA,CAEA,yBE5DN,CF+DI,mFAIE,iJEhEN,CFwEI,iDAEE,iJEvEN,CACF,CEjEA,uCJmJE,MACE,0EE/EF,CACF,CACF,CH1EE,oBC6JA,MAEE,0LC3Gc,CD0Gd,kNCnGgB,CDqGhB,2KEhFF,CFmFA,YACE,0MCNe,CDOf,6ICHmB,CDInB,iLAAA,CACA,+IEjFF,CACF","file":"card.css"}
package/dist/css/component/carousel.css ADDED
@@ -0,0 +1,2 @@
1
+ @charset "UTF-8";@layer graupl.component{.carousel{display:grid;grid-template-columns:[slide-start controls-start] auto [tabs-start] var(--graupl-carousel-tabs-width,1fr) [tabs-end] auto [controls-end slide-end];grid-template-rows:[slide-start controls-start] var(--graupl-carousel-controls-height,auto) [controls-end] var(--graupl-carousel-slide-height,1fr) [tabs-start] var(--graupl-carousel-tabs-height,auto) [tabs-end slide-end];isolation:isolate;padding:var(--graupl-carousel-padding,var(--graupl-carousel-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-carousel-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));position:relative}.carousel[data-graupl-action=next] .carousel-item.previous{transform:translateX(calc(var(--graupl-carousel-item-max-width, 100%)*-1))}.carousel[data-graupl-action=next] .carousel-item.previous.active{transform:none}.carousel[data-graupl-action=next] .carousel-item.next{transform:translateX(var(--graupl-carousel-item-max-width,100%))}.carousel[data-graupl-action=next] .carousel-item.next.active{transform:none}.carousel[data-graupl-action=previous] .carousel-item.previous{transform:translateX(var(--graupl-carousel-item-max-width,100%))}.carousel[data-graupl-action=previous] .carousel-item.previous.active{transform:none}.carousel[data-graupl-action=previous] .carousel-item.next{transform:translateX(calc(var(--graupl-carousel-item-max-width, 100%)*-1))}.carousel[data-graupl-action=previous] .carousel-item.next.active{transform:none}.carousel-control-container{display:grid;grid-area:controls;grid-template-columns:[autoplay-start] var(--graupl-carousel-control-width,4rem) [autoplay-end] 1fr [previous-start] var(--graupl-carousel-control-width,4rem) [previous-end next-start] var(--graupl-carousel-control-width,4rem) [next-end];grid-template-rows:[autoplay-start next-start previous-start] var(--graupl-carousel-control-height,3rem) [previous-end next-end autoplay-end];pointer-events:none;z-index:1}}@layer graupl.component{}@layer graupl.base{.carousel-control{align-items:center;border:var(--graupl-button-border,var(--graupl-button-border-width,var(--graupl-border-width,2px)) var(--graupl-botton-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-button-border-radius,var(--graupl-border-radius,.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))}.carousel-control.visited,.carousel-control:visited{--graupl-button-transform:var(--graupl-button-visited-transform,none)}.carousel-control.focus{--graupl-button-transform:var(--graupl-button-focus-transform,none)}.carousel-control:focus-visible{--graupl-button-transform:var(--graupl-button-focus-transform,none)}.carousel-control.hover,.carousel-control:hover{--graupl-button-transform:var(--graupl-button-hover-transform,none)}.carousel-control.active,.carousel-control:active{--graupl-button-transform:var(--graupl-button-active-transform,scale(0.95))}.carousel-control.disabled,.carousel-control.disabled.focus,.carousel-control.disabled.visited,.carousel-control.disabled:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.carousel-control.disabled,.carousel-control.disabled:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.carousel-control.disabled,.carousel-control.disabled.active,.carousel-control.disabled.disabled,.carousel-control.disabled.hover,.carousel-control.disabled:active,.carousel-control.disabled:disabled,.carousel-control.disabled:hover,.carousel-control.disabled[aria-disabled=true],.carousel-control.disabled[disabled],.carousel-control:disabled,.carousel-control:disabled.focus,.carousel-control:disabled.visited,.carousel-control:disabled:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.carousel-control:disabled,.carousel-control:disabled:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.carousel-control:disabled,.carousel-control:disabled.active,.carousel-control:disabled.disabled,.carousel-control:disabled.hover,.carousel-control:disabled:active,.carousel-control:disabled:disabled,.carousel-control:disabled:hover,.carousel-control:disabled[aria-disabled=true],.carousel-control:disabled[disabled],.carousel-control[disabled],.carousel-control[disabled].focus,.carousel-control[disabled].visited,.carousel-control[disabled]:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.carousel-control[disabled],.carousel-control[disabled]:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.carousel-control[aria-disabled=true],.carousel-control[aria-disabled=true].focus,.carousel-control[aria-disabled=true].visited,.carousel-control[aria-disabled=true]:visited,.carousel-control[disabled],.carousel-control[disabled].active,.carousel-control[disabled].disabled,.carousel-control[disabled].hover,.carousel-control[disabled]:active,.carousel-control[disabled]:disabled,.carousel-control[disabled]:hover,.carousel-control[disabled][aria-disabled=true],.carousel-control[disabled][disabled]{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.carousel-control[aria-disabled=true],.carousel-control[aria-disabled=true]:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.carousel-control[aria-disabled=true],.carousel-control[aria-disabled=true].active,.carousel-control[aria-disabled=true].disabled,.carousel-control[aria-disabled=true].hover,.carousel-control[aria-disabled=true]:active,.carousel-control[aria-disabled=true]:disabled,.carousel-control[aria-disabled=true]:hover,.carousel-control[aria-disabled=true][aria-disabled=true],.carousel-control[aria-disabled=true][disabled]{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}@media (prefers-reduced-motion:reduce){.carousel-control{--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.theme{.carousel-control{background:var(--graupl-button-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-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-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.carousel-control.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-visited-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-visited-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-focus-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-focus-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-active-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-active-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-active-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)))}.carousel-control.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-visited-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-visited-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-focus-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-focus-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-active-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-active-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-active-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)))}.carousel-control.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-visited-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-visited-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-focus-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-focus-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-active-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-active-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-active-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)))}.carousel-control.visited,.carousel-control:visited{--graupl-button-border-color:var(--graupl-button-visited-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-visited-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-visited-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.carousel-control.focus{--graupl-button-border-color:var(--graupl-button-focus-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-focus-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-focus-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.carousel-control:focus-visible{--graupl-button-border-color:var(--graupl-button-focus-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-focus-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-focus-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.carousel-control.hover,.carousel-control:hover{--graupl-button-border-color:var(--graupl-button-hover-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-hover-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-button-color:var(--graupl-button-hover-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))}.carousel-control.active,.carousel-control:active{--graupl-button-border-color:var(--graupl-button-active-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-active-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-button-color:var(--graupl-button-active-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))}.carousel-control.disabled,.carousel-control.disabled.focus,.carousel-control.disabled.visited,.carousel-control.disabled:visited{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-control.disabled,.carousel-control.disabled:focus-visible{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-control.disabled,.carousel-control.disabled.active,.carousel-control.disabled.disabled,.carousel-control.disabled.hover,.carousel-control.disabled:active,.carousel-control.disabled:disabled,.carousel-control.disabled:hover,.carousel-control.disabled[aria-disabled=true],.carousel-control.disabled[disabled],.carousel-control:disabled,.carousel-control:disabled.focus,.carousel-control:disabled.visited,.carousel-control:disabled:visited{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-control:disabled,.carousel-control:disabled:focus-visible{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-control:disabled,.carousel-control:disabled.active,.carousel-control:disabled.disabled,.carousel-control:disabled.hover,.carousel-control:disabled:active,.carousel-control:disabled:disabled,.carousel-control:disabled:hover,.carousel-control:disabled[aria-disabled=true],.carousel-control:disabled[disabled],.carousel-control[disabled],.carousel-control[disabled].focus,.carousel-control[disabled].visited,.carousel-control[disabled]:visited{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-control[disabled],.carousel-control[disabled]:focus-visible{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-control[aria-disabled=true],.carousel-control[aria-disabled=true].focus,.carousel-control[aria-disabled=true].visited,.carousel-control[aria-disabled=true]:visited,.carousel-control[disabled],.carousel-control[disabled].active,.carousel-control[disabled].disabled,.carousel-control[disabled].hover,.carousel-control[disabled]:active,.carousel-control[disabled]:disabled,.carousel-control[disabled]:hover,.carousel-control[disabled][aria-disabled=true],.carousel-control[disabled][disabled]{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-control[aria-disabled=true],.carousel-control[aria-disabled=true]:focus-visible{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-control[aria-disabled=true],.carousel-control[aria-disabled=true].active,.carousel-control[aria-disabled=true].disabled,.carousel-control[aria-disabled=true].hover,.carousel-control[aria-disabled=true]:active,.carousel-control[aria-disabled=true]:disabled,.carousel-control[aria-disabled=true]:hover,.carousel-control[aria-disabled=true][aria-disabled=true],.carousel-control[aria-disabled=true][disabled]{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}@layer graupl.component{.carousel-control{pointer-events:auto}.carousel-control.autoplay{grid-area:autoplay}.carousel-control.play:before{content:var(--graupl-carousel-play-content,"▶");display:inline-block}.carousel-control.pause:before{content:var(--graupl-carousel-pause-content,"❚❚");display:inline-block}.carousel-control.next{grid-area:next}.carousel-control.next:before{content:var(--graupl-carousel-next-content,"▶");display:inline-block}.carousel-control.previous{grid-area:previous}.carousel-control.previous:before{content:var(--graupl-carousel-previous-content,"◀");display:inline-block}.carousel-item-container{display:grid;grid-area:slide;grid-template-areas:"items";isolation:isolate;overflow-x:hidden;padding:var(--graupl-carousel-item-container-padding,var(--graupl-carousel-item-container-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-carousel-item-container-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));z-index:0}.carousel-item{grid-area:items;max-width:var(--graupl-carousel-item-max-width,100%);opacity:0;z-index:-1}.carousel-item.active{transform:none}.carousel-item.active,.carousel-item.previous{opacity:1;transition:transform var(--graupl-carousel-transition-duration,.5s) ease-in-out;z-index:1}.carousel-item.previous{transform:translateX(calc(var(--graupl-carousel-item-max-width, 100%)*-1))}.carousel-item.previous.active{transform:none}.carousel-item.next{opacity:1;transform:translateX(var(--graupl-carousel-item-max-width,100%));z-index:1}.carousel-item.next.active{transform:none}.carousel-tab-container{display:flex;gap:var(--graupl-carousel-tab-container-gap,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)));grid-area:tabs;justify-content:center;padding:var(--graupl-carousel-tab-container-padding,var(--graupl-carousel-tab-container-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-carousel-tab-container-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))));pointer-events:none;z-index:1}}@layer graupl.component{}@layer graupl.component{}@layer graupl.component{}@layer graupl.base{.carousel-tab{align-items:center;border:var(--graupl-button-border,var(--graupl-button-border-width,var(--graupl-border-width,2px)) var(--graupl-botton-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-button-border-radius,var(--graupl-border-radius,.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))}.carousel-tab.visited,.carousel-tab:visited{--graupl-button-transform:var(--graupl-button-visited-transform,none)}.carousel-tab.focus{--graupl-button-transform:var(--graupl-button-focus-transform,none)}.carousel-tab:focus-visible{--graupl-button-transform:var(--graupl-button-focus-transform,none)}.carousel-tab.hover,.carousel-tab:hover{--graupl-button-transform:var(--graupl-button-hover-transform,none)}.carousel-tab.active,.carousel-tab:active{--graupl-button-transform:var(--graupl-button-active-transform,scale(0.95))}.carousel-tab.disabled,.carousel-tab.disabled.focus,.carousel-tab.disabled.visited,.carousel-tab.disabled:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.carousel-tab.disabled,.carousel-tab.disabled:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.carousel-tab.disabled,.carousel-tab.disabled.active,.carousel-tab.disabled.disabled,.carousel-tab.disabled.hover,.carousel-tab.disabled:active,.carousel-tab.disabled:disabled,.carousel-tab.disabled:hover,.carousel-tab.disabled[aria-disabled=true],.carousel-tab.disabled[disabled],.carousel-tab:disabled,.carousel-tab:disabled.focus,.carousel-tab:disabled.visited,.carousel-tab:disabled:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.carousel-tab:disabled,.carousel-tab:disabled:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.carousel-tab:disabled,.carousel-tab:disabled.active,.carousel-tab:disabled.disabled,.carousel-tab:disabled.hover,.carousel-tab:disabled:active,.carousel-tab:disabled:disabled,.carousel-tab:disabled:hover,.carousel-tab:disabled[aria-disabled=true],.carousel-tab:disabled[disabled],.carousel-tab[disabled],.carousel-tab[disabled].focus,.carousel-tab[disabled].visited,.carousel-tab[disabled]:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.carousel-tab[disabled],.carousel-tab[disabled]:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.carousel-tab[aria-disabled=true],.carousel-tab[aria-disabled=true].focus,.carousel-tab[aria-disabled=true].visited,.carousel-tab[aria-disabled=true]:visited,.carousel-tab[disabled],.carousel-tab[disabled].active,.carousel-tab[disabled].disabled,.carousel-tab[disabled].hover,.carousel-tab[disabled]:active,.carousel-tab[disabled]:disabled,.carousel-tab[disabled]:hover,.carousel-tab[disabled][aria-disabled=true],.carousel-tab[disabled][disabled]{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.carousel-tab[aria-disabled=true],.carousel-tab[aria-disabled=true]:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.carousel-tab[aria-disabled=true],.carousel-tab[aria-disabled=true].active,.carousel-tab[aria-disabled=true].disabled,.carousel-tab[aria-disabled=true].hover,.carousel-tab[aria-disabled=true]:active,.carousel-tab[aria-disabled=true]:disabled,.carousel-tab[aria-disabled=true]:hover,.carousel-tab[aria-disabled=true][aria-disabled=true],.carousel-tab[aria-disabled=true][disabled]{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}@media (prefers-reduced-motion:reduce){.carousel-tab{--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.theme{.carousel-tab{background:var(--graupl-button-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-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-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.carousel-tab.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-visited-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-visited-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-focus-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-focus-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-active-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-active-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-active-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)))}.carousel-tab.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-visited-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-visited-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-focus-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-focus-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-active-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-active-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-active-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)))}.carousel-tab.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-visited-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-visited-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-focus-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-focus-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-active-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-active-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-active-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)))}.carousel-tab.visited,.carousel-tab:visited{--graupl-button-border-color:var(--graupl-button-visited-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-visited-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-visited-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.carousel-tab.focus{--graupl-button-border-color:var(--graupl-button-focus-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-focus-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-focus-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.carousel-tab:focus-visible{--graupl-button-border-color:var(--graupl-button-focus-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-focus-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-focus-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.carousel-tab.hover,.carousel-tab:hover{--graupl-button-border-color:var(--graupl-button-hover-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-hover-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-button-color:var(--graupl-button-hover-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))}.carousel-tab.active,.carousel-tab:active{--graupl-button-border-color:var(--graupl-button-active-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-active-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-button-color:var(--graupl-button-active-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))}.carousel-tab.disabled,.carousel-tab.disabled.focus,.carousel-tab.disabled.visited,.carousel-tab.disabled:visited{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab.disabled,.carousel-tab.disabled:focus-visible{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab.disabled,.carousel-tab.disabled.active,.carousel-tab.disabled.disabled,.carousel-tab.disabled.hover,.carousel-tab.disabled:active,.carousel-tab.disabled:disabled,.carousel-tab.disabled:hover,.carousel-tab.disabled[aria-disabled=true],.carousel-tab.disabled[disabled],.carousel-tab:disabled,.carousel-tab:disabled.focus,.carousel-tab:disabled.visited,.carousel-tab:disabled:visited{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab:disabled,.carousel-tab:disabled:focus-visible{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab:disabled,.carousel-tab:disabled.active,.carousel-tab:disabled.disabled,.carousel-tab:disabled.hover,.carousel-tab:disabled:active,.carousel-tab:disabled:disabled,.carousel-tab:disabled:hover,.carousel-tab:disabled[aria-disabled=true],.carousel-tab:disabled[disabled],.carousel-tab[disabled],.carousel-tab[disabled].focus,.carousel-tab[disabled].visited,.carousel-tab[disabled]:visited{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab[disabled],.carousel-tab[disabled]:focus-visible{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab[aria-disabled=true],.carousel-tab[aria-disabled=true].focus,.carousel-tab[aria-disabled=true].visited,.carousel-tab[aria-disabled=true]:visited,.carousel-tab[disabled],.carousel-tab[disabled].active,.carousel-tab[disabled].disabled,.carousel-tab[disabled].hover,.carousel-tab[disabled]:active,.carousel-tab[disabled]:disabled,.carousel-tab[disabled]:hover,.carousel-tab[disabled][aria-disabled=true],.carousel-tab[disabled][disabled]{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab[aria-disabled=true],.carousel-tab[aria-disabled=true]:focus-visible{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab[aria-disabled=true],.carousel-tab[aria-disabled=true].active,.carousel-tab[aria-disabled=true].disabled,.carousel-tab[aria-disabled=true].hover,.carousel-tab[aria-disabled=true]:active,.carousel-tab[aria-disabled=true]:disabled,.carousel-tab[aria-disabled=true]:hover,.carousel-tab[aria-disabled=true][aria-disabled=true],.carousel-tab[aria-disabled=true][disabled]{--graupl-button-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))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}@layer graupl.component{.carousel-tab{--graupl-button-border-radius:50%;pointer-events:auto}}
2
+ /*# sourceMappingURL=carousel.css.map */
package/dist/css/component/carousel.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/scss/mixins/_layer.scss","carousel.css","../../../src/scss/component/carousel/_index.scss","../../../src/scss/component/carousel/_variables.scss","../../../src/scss/base/button/_mixins.scss","../../../src/scss/base/button/_variables.scss","../../../src/scss/mixins/_animation.scss"],"names":[],"mappings":"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","file":"carousel.css"}
package/dist/{component → css/component}/input-group.css RENAMED
@@ -1,2 +1,2 @@
1
- @layer graupl.component{.input-group{align-items:center;display:grid;gap:var(--graupl-input-group-gap,var(--graupl-input-group-row-gap,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-input-group-column-gap,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))));grid-template-areas:var(--graupl-input-group-grid-template-areas,"label" "input" "help");grid-template-columns:var(--graupl-input-group-grid-template-columns,100%);grid-template-rows:var(--graupl-input-group-grid-template-rows,auto auto auto)}.input-group label{grid-area:var(--graupl-input-group-label-grid-area,label)}.input-group input,.input-group select,.input-group textarea{grid-area:var(--graupl-input-group-input-grid-area,input)}.input-group .help-text{grid-area:var(--graupl-input-group-help-grid-area,help)}.input-group.inline{grid-template-areas:var(--graupl-input-group-inline-grid-template-areas,"label input" "- help");grid-template-columns:var(--graupl-input-group-inline-grid-template-columns,auto 1fr);grid-template-rows:var(--graupl-input-group-inline-grid-template-rows,auto auto)}@media screen and (0 <= width <= 48ch){.input-group.inline{grid-template-areas:var(--graupl-input-group-grid-template-areas,"label" "input" "help");grid-template-columns:var(--graupl-input-group-grid-template-columns,100%);grid-template-rows:var(--graupl-input-group-grid-template-rows,auto auto auto)}}}
1
+ @layer graupl.component{.input-group{align-items:center;display:grid;gap:var(--graupl-input-group-gap,var(--graupl-input-group-row-gap,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-input-group-column-gap,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))));grid-template-areas:var(--graupl-input-group-grid-template-areas,"label" "input" "help");grid-template-columns:var(--graupl-input-group-grid-template-columns,100%);grid-template-rows:var(--graupl-input-group-grid-template-rows,auto auto auto)}.input-group label{grid-area:var(--graupl-input-group-label-grid-area,label)}.input-group input,.input-group select,.input-group textarea{grid-area:var(--graupl-input-group-input-grid-area,input)}.input-group .help-text{grid-area:var(--graupl-input-group-help-grid-area,help)}.input-group.inline{grid-template-areas:var(--graupl-input-group-inline-grid-template-areas,"label input" "- help");grid-template-columns:var(--graupl-input-group-inline-grid-template-columns,auto 1fr);grid-template-rows:var(--graupl-input-group-inline-grid-template-rows,auto auto)}@media screen and (0 <= width){.input-group.inline{grid-template-areas:var(--graupl-input-group-grid-template-areas,"label" "input" "help");grid-template-columns:var(--graupl-input-group-grid-template-columns,100%);grid-template-rows:var(--graupl-input-group-grid-template-rows,auto auto auto)}}}
2
2
  /*# sourceMappingURL=input-group.css.map */
package/dist/css/component/input-group.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/component/input-group/_index.scss","../../../src/scss/component/input-group/_variables.scss","input-group.css","../../../src/scss/mixins/_screen.scss"],"names":[],"mappings":"AAQE,wBCEA,aAKE,kBAAA,CAJA,YAAA,CAKA,+NCiBc,CDrBd,wFCD8B,CDE9B,0ECIgC,CDHhC,8EENF,CFUE,mBACE,yDERJ,CFWE,6DAGE,yDETJ,CFYE,wBACE,uDEVJ,CFaE,oBACE,+FCMmC,CDLnC,qFCUqC,CDTrC,gFEXJ,CCTA,+BHyBE,oBACE,wFC9B4B,CD+B5B,0ECzB8B,CD0B9B,8EEbF,CACF,CACF","file":"input-group.css"}
package/dist/css/component/menu.css ADDED
@@ -0,0 +1,2 @@
1
+ @charset "UTF-8";@layer graupl.component{.menu{--graupl-link-padding:var(--graupl-menu-link-padding,var(--graupl-menu-link-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))) var(--graupl-menu-link-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));--graupl-link-border-width:var(--graupl-menu-link-border-width,0);--graupl-link-border-radius:var(--graupl-menu-link-border-radius,var(--graupl-border-radius,0.125rem));--graupl-link-border-style:var(--graupl-menu-link-border-style,var(--graupl-border-style,solid));--graupl-link-text-decoration:var(--graupl-menu-link-text-decoration,none);--graupl-link-text-decoration-thickness:var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-text-decoration-style:var(--graupl-menu-link-text-decoration-style,solid);--graupl-link-transform:var(--graupl-menu-link-transform,none);--graupl-link-visited-text-decoration:var(--graupl-menu-link-visited-text-decoration,none);--graupl-link-visited-text-decoration-thickness:var(--graupl-menu-link-visited-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-visited-text-decoration-style:var(--graupl-menu-link-visited-text-decoration-style,solid);--graupl-link-visited-transform:var(--graupl-menu-link-visited-transform,none);--graupl-link-focus-text-decoration:var(--graupl-menu-link-focus-text-decoration,none);--graupl-link-focus-text-decoration-thickness:var(--graupl-menu-link-focus-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-focus-text-decoration-style:var(--graupl-menu-link-focus-text-decoration-style,solid);--graupl-link-focus-transform:var(--graupl-menu-link-focus-transform,none);--graupl-link-hover-text-decoration:var(--graupl-menu-link-hover-text-decoration,none);--graupl-link-hover-text-decoration-thickness:var(--graupl-menu-link-hover-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-hover-text-decoration-style:var(--graupl-menu-link-hover-text-decoration-style,solid);--graupl-link-hover-transform:var(--graupl-menu-link-hover-transform,none);--graupl-link-active-text-decoration:var(--graupl-menu-link-active-text-decoration,none);--graupl-link-active-text-decoration-thickness:var(--graupl-menu-link-active-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-active-text-decoration-style:var(--graupl-menu-link-active-text-decoration-style,solid);--graupl-link-active-transform:var(--graupl-menu-link-active-transform,none);--graupl-link-disabled-text-decoration:var(--graupl-menu-link-disabled-text-decoration,none);--graupl-link-disabled-text-decoration-thickness:var(--graupl-menu-link-disabled-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-disabled-text-decoration-style:var(--graupl-menu-link-disabled-text-decoration-style,solid);--graupl-link-disabled-transform:var(--graupl-menu-link-disabled-transform,none);border:var(--graupl-menu-border,var(--graupl-menu-border-width,0) var(--graupl-menu-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-menu-border-radius,var(--graupl-border-radius,.125rem));display:var(--graupl-menu-display,flex);flex-direction:var(--graupl-menu-flex-direction,row);gap:var(--graupl-menu-gap,var(--graupl-menu-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-menu-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));isolation:isolate;list-style:none;padding:var(--graupl-menu-padding,var(--graupl-menu-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-menu-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}.menu.show{--graupl-menu-display:var(--graupl-menu-show-display,flex)}.menu.hide{--graupl-menu-display:var(--graupl-menu-hide-display,none)}.submenu{border:var(--graupl-submenu-border,var(--graupl-submenu-border-width,var(--graupl-border-width,2px)) var(--graupl-submenu-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-submenu-border-radius,var(--graupl-border-radius,.125rem));display:var(--graupl-submenu-display,none);flex:1 1;flex-direction:var(--graupl-submenu-flex-direction,column);gap:var(--graupl-submenu-gap,var(--graupl-submenu-column-gap,var(--graupl-menu-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0)))) var(--graupl-submenu-row-gap,var(--graupl-menu-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0)))));inset:var(--graupl-submenu-inset,var(--graupl-submenu-top,100%) var(--graupl-submenu-right,auto) var(--graupl-submenu-bottom,auto) var(--graupl-submenu-left,0));isolation:isolate;list-style:none;padding:var(--graupl-submenu-padding,var(--graupl-submenu-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-submenu-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));position:var(--graupl-submenu-position,absolute);z-index:var(--graupl-submenu-z-index,2)}.submenu.show{--graupl-submenu-display:var(--graupl-submenu-show-display,flex)}.submenu.hide{--graupl-submenu-display:var(--graupl-submenu-hide-display,none)}.menu-item{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:var(--graupl-menu-item-max-width,100%);min-width:var(--graupl-menu-item-min-width,-moz-min-content);min-width:var(--graupl-menu-item-min-width,min-content);padding:var(--graupl-menu-item-padding,var(--graupl-menu-item-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-menu-item-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));position:relative}.menu-link{border:var(--graupl-menu-link-border,var(--graupl-menu-link-border-width,0) var(--graupl-menu-link-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-menu-link-border-radius,var(--graupl-border-radius,.125rem));display:flex;gap:var(--graupl-menu-link-gap,var(--graupl-menu-link-column-gap,var(--graupl-menu-link-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)))) var(--graupl-menu-link-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));padding:var(--graupl-menu-link-padding,var(--graupl-menu-link-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-menu-link-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));-webkit-text-decoration:var(--graupl-menu-link-text-decoration,none);text-decoration:var(--graupl-menu-link-text-decoration,none);text-decoration-style:var(--graupl-menu-link-text-decoration-style,solid);text-decoration-thickness:var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,2px));transform:var(--graupl-menu-link-transform,none);transition:var(--graupl-menu-link-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));width:100%}.menu-link:visited{--graupl-menu-link-text-decoration:var(--graupl-menu-link-visited-text-decoration,none);--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-visited-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-visited-text-decoration-style,solid);--graupl-menu-link-transform:var(--graupl-menu-link-visited-transform,none)}.menu-link:focus-visible{--graupl-menu-link-text-decoration:var(--graupl-menu-link-focus-text-decoration,none);--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-focus-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-focus-text-decoration-style,solid);--graupl-menu-link-transform:var(--graupl-menu-link-focus-transform,none)}.menu-link:hover{--graupl-menu-link-text-decoration:var(--graupl-menu-link-hover-text-decoration,none);--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-hover-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-hover-text-decoration-style,solid);--graupl-menu-link-transform:var(--graupl-menu-link-hover-transform,none)}.menu-link:active{--graupl-menu-link-text-decoration:var(--graupl-menu-link-active-text-decoration,none);--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-active-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-active-text-decoration-style,solid);--graupl-menu-link-transform:var(--graupl-menu-link-active-transform,none)}.menu-link:disabled,.menu-link:disabled:active,.menu-link:disabled:focus-visible,.menu-link:disabled:hover,.menu-link:disabled:visited,.menu-link[disabled],.menu-link[disabled]:active,.menu-link[disabled]:focus-visible,.menu-link[disabled]:hover,.menu-link[disabled]:visited{--graupl-menu-link-text-decoration:var(--graupl-menu-link-disabled-text-decoration,none);--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-disabled-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-disabled-text-decoration-style,solid);--graupl-menu-link-transform:var(--graupl-menu-link-disabled-transform,none)}.menu-link.button{--graupl-menu-link-padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));--graupl-menu-link-border-width:var(--graupl-button-border-width,var(--graupl-border-width,2px));--graupl-menu-link-border-radius:var(--graupl-button-border-radius,var(--graupl-border-radius,0.125rem));--graupl-menu-link-border-style:var(--graupl-botton-border-style,var(--graupl-border-style,solid));--graupl-menu-link-text-decoration:none;--graupl-menu-link-visited-text-decoration:none;--graupl-menu-link-focus-text-decoration:none;--graupl-menu-link-hover-text-decoration:none;--graupl-menu-link-active-text-decoration:none;--graupl-menu-link-disabled-text-decoration:none;--graupl-menu-link-transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease));--graupl-menu-link-transition-reduced-motion:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease));--graupl-menu-link-transform:var(--graupl-button-transform,none);--graupl-menu-link-visited-transform:var(--graupl-button-visited-transform,none);--graupl-menu-link-focus-transform:var(--graupl-button-focus-transform,none);--graupl-menu-link-hover-transform:var(--graupl-button-hover-transform,none);--graupl-menu-link-active-transform:var(--graupl-button-active-transform,scale(0.95));--graupl-menu-link-disabled-transform:var(--graupl-button-disabled-transform,none)}.submenu-toggle{align-items:center;display:flex;justify-content:space-between}.submenu-toggle:after{content:var(--graupl-submenu-toggle-content,"▼");display:block;transform:var(--graupl-submenu-toggle-transform,rotate(0deg));transition:var(--graupl-submenu-toggle-transition,transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.submenu-toggle[aria-expanded=true]:after{--graupl-submenu-toggle-transform:var(--graupl-submenu-toggle-open-transform,rotate(-180deg))}@media (prefers-reduced-motion:reduce){.menu-link{--graupl-menu-link-transition:var(--graupl-menu-link-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}.submenu-toggle:after{--graupl-submenu-toggle-transition:var(--graupl-submenu-toggle-transition-reduced-motion,none)}}}@layer graupl.theme{.menu{--graupl-link-color:var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-link-background:var(--graupl-menu-link-background,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-border-color:var(--graupl-menu-link-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-text-decoration-color:var(--graupl-menu-link-text-decoration-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-visited-color:var(--graupl-menu-link-visited-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-link-visited-background:var(--graupl-menu-link-visited-background,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-visited-border-color:var(--graupl-menu-link-visited-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-visited-text-decoration-color:var(--graupl-menu-link-visited-text-decoration-color,var(--graupl-menu-link-visited-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-focus-color:var(--graupl-menu-link-focus-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-link-focus-background:var(--graupl-menu-link-focus-background,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-focus-border-color:var(--graupl-menu-link-focus-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-focus-text-decoration-color:var(--graupl-menu-link-focus-text-decoration-color,var(--graupl-menu-link-focus-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-hover-color:var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-hover-background:var(--graupl-menu-link-hover-background,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-link-hover-border-color:var(--graupl-menu-link-hover-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-hover-text-decoration-color:var(--graupl-menu-link-hover-text-decoration-color,var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-link-active-color:var(--graupl-menu-link-active-color,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-active-background:var(--graupl-menu-link-active-background,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-link-active-border-color:var(--graupl-menu-link-active-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-active-text-decoration-color:var(--graupl-menu-link-active-text-decoration-color,var(--graupl-menu-link-active-color,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-link-disabled-color:var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-link-disabled-background:var(--graupl-menu-link-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-link-disabled-border-color:var(--graupl-menu-link-disabled-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-disabled-text-decoration-color:var(--graupl-menu-link-disabled-text-decoration-color,var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))));background:var(--graupl-menu-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-menu-border-color,var(--graupl-menu-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-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.submenu{background:var(--graupl-submenu-background,var(--graupl-menu-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-submenu-border-color,var(--graupl-submenu-color,var(--graupl-menu-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-submenu-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.menu-link{background:var(--graupl-menu-link-background,var(--graupl-menu-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-menu-link-border-color,var(--graupl-menu-link-color,var(--graupl-menu-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-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));text-decoration-color:var(--graupl-menu-link-text-decoration-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.menu-link:visited{--graupl-menu-link-background:var(--graupl-menu-link-visited-background,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-menu-link-color:var(--graupl-menu-link-visited-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-visited-text-decoration-color,var(--graupl-menu-link-visited-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-menu-link-border-color:var(--graupl-menu-link-visited-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.menu-link:focus-visible{--graupl-menu-link-background:var(--graupl-menu-link-focus-background,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-menu-link-color:var(--graupl-menu-link-focus-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-focus-text-decoration-color,var(--graupl-menu-link-focus-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-menu-link-border-color:var(--graupl-menu-link-focus-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.menu-link:hover{--graupl-menu-link-background:var(--graupl-menu-link-hover-background,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-menu-link-color:var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-hover-text-decoration-color,var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-menu-link-border-color:var(--graupl-menu-link-hover-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.menu-link:active{--graupl-menu-link-background:var(--graupl-menu-link-active-background,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-menu-link-color:var(--graupl-menu-link-active-color,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-active-text-decoration-color,var(--graupl-menu-link-active-color,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-menu-link-border-color:var(--graupl-menu-link-active-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.menu-link:disabled,.menu-link:disabled:active,.menu-link:disabled:focus-visible,.menu-link:disabled:hover,.menu-link:disabled:visited{--graupl-menu-link-background:var(--graupl-menu-link-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-menu-link-color:var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-disabled-text-decoration-color,var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))));--graupl-menu-link-border-color:var(--graupl-menu-link-disabled-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.menu-link.button{--graupl-menu-link-background:var(--graupl-button-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-menu-link-color:var(--graupl-button-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-menu-link-border-color:var(--graupl-button-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-menu-link-visited-background:var(--graupl-button-visited-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-menu-link-visited-color:var(--graupl-button-visited-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-menu-link-visited-border-color:var(--graupl-button-visited-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-menu-link-focus-background:var(--graupl-button-focus-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-menu-link-focus-color:var(--graupl-button-focus-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-menu-link-focus-border-color:var(--graupl-button-focus-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-menu-link-hover-background:var(--graupl-button-hover-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-menu-link-hover-color:var(--graupl-button-hover-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));--graupl-menu-link-hover-border-color:var(--graupl-button-hover-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-menu-link-active-background:var(--graupl-button-active-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-menu-link-active-color:var(--graupl-button-active-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));--graupl-menu-link-active-border-color:var(--graupl-button-active-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-menu-link-disabled-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-menu-link-disabled-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-menu-link-disabled-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))))}}
2
+ /*# sourceMappingURL=menu.css.map */
package/dist/css/component/menu.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/scss/mixins/_layer.scss","menu.css","../../../src/scss/component/menu/_index.scss","../../../src/scss/component/menu/_variables.scss","../../../src/scss/mixins/_animation.scss"],"names":[],"mappings":"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","file":"menu.css"}
package/dist/css/component/navigation.css ADDED
@@ -0,0 +1,2 @@
1
+ @charset "UTF-8";@layer graupl.component{.navigation{display:grid;grid-template-areas:"branding - toggle" "menu menu menu";grid-template-columns:auto 1fr auto;isolation:isolate}.navigation .menu{grid-area:menu}.navigation .menu.show{--graupl-menu-display:var(--graupl-menu-show-display,flex)}.navigation .menu.hide{--graupl-menu-display:var(--graupl-menu-hide-display,none)}.navigation-toggle{align-items:center;border:var(--graupl-navigation-toggle-border,var(--graupl-navigation-toggle-border-width,var(--graupl-border-width,2px)) var(--graupl-navigation-toggle-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-navigation-toggle-border-radius,var(--graupl-border-radius,.125rem));display:flex;grid-area:toggle;justify-content:center;min-height:var(--graupl-navigation-toggle-min-height,44px);min-width:var(--graupl-navigation-toggle-min-width,44px);padding:var(--graupl-navigation-toggle-padding,var(--graupl-navigation-toggle-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-navigation-toggle-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))))}.navigation-toggle:before{content:var(--graupl-navigation-toggle-content,"☰");display:block}.navigation-branding{align-items:center;display:flex;font-size:var(--graupl-navigation-branding-font-size,var(--graupl-font-lg,calc(var(--graupl-font-size-base, 1rem)*1.2)));font-weight:var(--graupl-navigation-branding-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)));grid-area:branding;justify-content:flex-start;padding:var(--graupl-navigation-branding-padding,var(--graupl-navigation-branding-padding-y,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-navigation-branding-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))));-webkit-text-decoration:var(--graupl-navigation-branding-text-decoration,none);text-decoration:var(--graupl-navigation-branding-text-decoration,none);text-decoration-style:var(--graupl-navigation-branding-text-decoration-style,solid);text-decoration-thickness:var(--graupl-navigation-branding-text-decoration-thickness,var(--graupl-border-width,2px))}.navigation-branding:visited{--graupl-navigation-branding-text-decoration:var(--graupl-navigation-branding-visited-text-decoration,none);--graupl-navigation-branding-text-decoration-thickness:var(--graupl-navigation-branding-visited-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-navigation-branding-text-decoration-style:var(--graupl-navigation-branding-visited-text-decoration-style,solid)}.navigation-branding:focus-visible{--graupl-navigation-branding-text-decoration:var(--graupl-navigation-branding-focus-text-decoration,none);--graupl-navigation-branding-text-decoration-thickness:var(--graupl-navigation-branding-focus-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-navigation-branding-text-decoration-style:var(--graupl-navigation-branding-focus-text-decoration-style,solid)}.navigation-branding:hover{--graupl-navigation-branding-text-decoration:var(--graupl-navigation-branding-hover-text-decoration,none);--graupl-navigation-branding-text-decoration-thickness:var(--graupl-navigation-branding-hover-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-navigation-branding-text-decoration-style:var(--graupl-navigation-branding-hover-text-decoration-style,solid)}.navigation-branding:active{--graupl-navigation-branding-text-decoration:var(--graupl-navigation-branding-active-text-decoration,none);--graupl-navigation-branding-text-decoration-thickness:var(--graupl-navigation-branding-active-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-navigation-branding-text-decoration-style:var(--graupl-navigation-branding-active-text-decoration-style,solid)}.navigation-branding:disabled,.navigation-branding:disabled:active,.navigation-branding:disabled:focus-visible,.navigation-branding:disabled:hover,.navigation-branding:disabled:visited,.navigation-branding[disabled],.navigation-branding[disabled]:active,.navigation-branding[disabled]:focus-visible,.navigation-branding[disabled]:hover,.navigation-branding[disabled]:visited{--graupl-navigation-branding-text-decoration:var(--graupl-navigation-branding-disabled-text-decoration,none);--graupl-navigation-branding-text-decoration-thickness:var(--graupl-navigation-branding-disabled-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-navigation-branding-text-decoration-style:var(--graupl-navigation-branding-disabled-text-decoration-style,solid)}@media screen and (width <= 71ch){.navigation{--graupl-menu-flex-direction:column;--graupl-submenu-position:relative;--graupl-menu-item-min-width:100%;--graupl-submenu-inset:auto}}@media screen and (72ch <= width){.navigation{--graupl-menu-hide-display:var(--graupl-menu-show-display,flex);grid-template-areas:"branding - menu"}.navigation-toggle{display:none}}}@layer graupl.theme{.navigation{--graupl-menu-background:var(--graupl-navigation-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-menu-color:var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-submenu-background:var(--graupl-navigation-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-submenu-color:var(--graupl-navigation-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-navigation-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-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.navigation-toggle{background:var(--graupl-navigation-toggle-background,var(--graupl-navigation-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-navigation-toggle-border-color,var(--graupl-navigation-toggle-color,var(--graupl-navigation-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-navigation-toggle-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.navigation-toggle:hover{--graupl-navigation-toggle-background:var(--graupl-navigation-toggle-hover-background,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-navigation-toggle-color:var(--graupl-navigation-toggle-hover-color,var(--graupl-navigation-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))}.navigation-branding{color:var(--graupl-navigation-branding-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));text-decoration-color:var(--graupl-navigation-branding-text-decoration-color,var(--graupl-navigation-branding-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.navigation-branding:visited{--graupl-navigation-branding-color:var(--graupl-navigation-branding-visited-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-navigation-branding-text-decoration-color:var(--graupl-navigation-branding-visited-text-decoration-color,var(--graupl-navigation-branding-visited-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.navigation-branding:focus-visible{--graupl-navigation-branding-color:var(--graupl-navigation-branding-focus-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-navigation-branding-text-decoration-color:var(--graupl-navigation-branding-focus-text-decoration-color,var(--graupl-navigation-branding-focus-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.navigation-branding:hover{--graupl-navigation-branding-color:var(--graupl-navigation-branding-hover-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-navigation-branding-text-decoration-color:var(--graupl-navigation-branding-hover-text-decoration-color,var(--graupl-navigation-branding-hover-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.navigation-branding:active{--graupl-navigation-branding-color:var(--graupl-navigation-branding-active-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-navigation-branding-text-decoration-color:var(--graupl-navigation-branding-active-text-decoration-color,var(--graupl-navigation-branding-active-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.navigation-branding:disabled,.navigation-branding:disabled:active,.navigation-branding:disabled:focus-visible,.navigation-branding:disabled:hover,.navigation-branding:disabled:visited,.navigation-branding[disabled],.navigation-branding[disabled]:active,.navigation-branding[disabled]:focus-visible,.navigation-branding[disabled]:hover,.navigation-branding[disabled]:visited{--graupl-navigation-branding-color:var(--graupl-navigation-branding-disabled-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-navigation-branding-text-decoration-color:var(--graupl-navigation-branding-disabled-text-decoration-color,var(--graupl-navigation-branding-disabled-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}}
2
+ /*# sourceMappingURL=navigation.css.map */
package/dist/css/component/navigation.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/scss/mixins/_layer.scss","navigation.css","../../../src/scss/component/navigation/_index.scss","../../../src/scss/component/navigation/_variables.scss","../../../src/scss/mixins/_screen.scss"],"names":[],"mappings":"AAQE,gBC+EF,CD/EE,wBEIA,YACE,YAAA,CACA,wDACE,CAEF,mCAAA,CACA,iBDVF,CCYE,kBACE,cDVJ,CCYI,uBACE,0DDVN,CCaI,uBACE,0DDXN,CCiBA,mBAGE,kBAAA,CAKA,uMC+BuB,CD9BvB,+FCsC8B,CD9C9B,YAAA,CACA,gBAAA,CAEA,sBAAA,CAEA,0DCb2B,CDY3B,wDChB0B,CDkB1B,wPDbF,CCiBE,0BACE,mDC2LsB,CD1LtB,aDfJ,CCoBA,qBAGE,kBAAA,CAFA,YAAA,CAKA,wHC6B4B,CD5B5B,2HCgC8B,CDrC9B,kBAAA,CAEA,0BAAA,CACA,gQC8C0B,CD3C1B,8EC2EkC,CD3ElC,sEC2EkC,CD1ElC,mFCkGwC,CDjGxC,oHDlBF,CCoBE,6BACE,2GAAA,CACA,yJAAA,CACA,wHDlBJ,CCqBE,mCACE,yGAAA,CACA,uJAAA,CACA,sHDnBJ,CCsBE,2BACE,yGAAA,CACA,uJAAA,CACA,sHDpBJ,CCuBE,4BACE,0GAAA,CACA,wJAAA,CACA,uHDrBJ,CC0BI,uXAKE,4GAAA,CACA,0JAAA,CACA,yHD5BN,CG7CA,kCFgFE,YACE,mCAAA,CACA,kCAAA,CACA,iCAAA,CACA,2BDhCF,CACF,CG9DA,kCFmGE,YACE,+DAAA,CAEA,qCDnCF,CCuCA,mBACE,YDrCF,CACF,CACF,CD/EE,oBEyHA,YACE,8MAAA,CACA,+LAAA,CACA,iNAAA,CACA,kMAAA,CAEA,gMC1HoB,CD2HpB,iLDxCF,CC4CA,mBAEE,2OC/F2B,CD8F3B,2QChE6B,CDkE7B,uND1CF,CC4CE,yBACE,kQAAA,CACA,kQD1CJ,CC+CA,qBACE,yNC5CwB,CD6CxB,iSD7CF,CC+CE,6BACE,8PAAA,CACA,8UD7CJ,CCgDE,mCACE,4PAAA,CACA,0UD9CJ,CCiDE,2BACE,4PAAA,CACA,0UD/CJ,CCkDE,4BACE,6PAAA,CACA,4UDhDJ,CCqDI,uXAKE,+PAAA,CACA,gVDvDN,CACF","file":"navigation.css"}