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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (273) hide show
  1. package/dist/css/base/button.css +2 -2
  2. package/dist/css/base/button.css.map +1 -1
  3. package/dist/css/base/form.css +2 -2
  4. package/dist/css/base/form.css.map +1 -1
  5. package/dist/css/base/link.css +2 -2
  6. package/dist/css/base/link.css.map +1 -1
  7. package/dist/css/base/table.css +2 -2
  8. package/dist/css/base/table.css.map +1 -1
  9. package/dist/css/base.css +2 -2
  10. package/dist/css/base.css.map +1 -1
  11. package/dist/css/component/accordion.css +2 -5
  12. package/dist/css/component/accordion.css.map +1 -1
  13. package/dist/css/component/alert.css +2 -2
  14. package/dist/css/component/alert.css.map +1 -1
  15. package/dist/css/component/badge.css +2 -2
  16. package/dist/css/component/badge.css.map +1 -1
  17. package/dist/css/component/card.css +2 -2
  18. package/dist/css/component/card.css.map +1 -1
  19. package/dist/css/component/carousel.css +2 -2
  20. package/dist/css/component/carousel.css.map +1 -1
  21. package/dist/css/component/disclosure.css +2 -2
  22. package/dist/css/component/disclosure.css.map +1 -1
  23. package/dist/css/component/input-group.css +2 -2
  24. package/dist/css/component/input-group.css.map +1 -1
  25. package/dist/css/component/list.css +2 -2
  26. package/dist/css/component/list.css.map +1 -1
  27. package/dist/css/component/menu.css +2 -2
  28. package/dist/css/component/menu.css.map +1 -1
  29. package/dist/css/component/navigation.css +2 -2
  30. package/dist/css/component/navigation.css.map +1 -1
  31. package/dist/css/component.css +2 -5
  32. package/dist/css/component.css.map +1 -1
  33. package/dist/css/graupl.css +2 -5
  34. package/dist/css/graupl.css.map +1 -1
  35. package/dist/css/init.css +2 -2
  36. package/dist/css/init.css.map +1 -1
  37. package/dist/css/layout/columns.css +2 -2
  38. package/dist/css/layout/columns.css.map +1 -1
  39. package/dist/css/layout/container.css +2 -2
  40. package/dist/css/layout/container.css.map +1 -1
  41. package/dist/css/layout/flex-columns.css +2 -2
  42. package/dist/css/layout/flex-columns.css.map +1 -1
  43. package/dist/css/layout.css +2 -5
  44. package/dist/css/layout.css.map +1 -1
  45. package/dist/css/normalize.css +2 -2
  46. package/dist/css/normalize.css.map +1 -1
  47. package/dist/css/state/focus.css +2 -2
  48. package/dist/css/state/focus.css.map +1 -1
  49. package/dist/css/state.css +2 -2
  50. package/dist/css/state.css.map +1 -1
  51. package/dist/css/theme/color.css +2 -2
  52. package/dist/css/theme/color.css.map +1 -1
  53. package/dist/css/theme/typography.css +2 -2
  54. package/dist/css/theme/typography.css.map +1 -1
  55. package/dist/css/theme.css +2 -2
  56. package/dist/css/theme.css.map +1 -1
  57. package/dist/css/utilities/alignment.css +1 -1
  58. package/dist/css/utilities/alignment.css.map +1 -1
  59. package/dist/css/utilities/background.css +2 -2
  60. package/dist/css/utilities/background.css.map +1 -1
  61. package/dist/css/utilities/border.css +2 -2
  62. package/dist/css/utilities/border.css.map +1 -1
  63. package/dist/css/utilities/color.css +2 -2
  64. package/dist/css/utilities/color.css.map +1 -1
  65. package/dist/css/utilities/container.css +1 -1
  66. package/dist/css/utilities/container.css.map +1 -1
  67. package/dist/css/utilities/display.css +2 -2
  68. package/dist/css/utilities/display.css.map +1 -1
  69. package/dist/css/utilities/flex.css +2 -2
  70. package/dist/css/utilities/flex.css.map +1 -1
  71. package/dist/css/utilities/gradient.css +2 -2
  72. package/dist/css/utilities/gradient.css.map +1 -1
  73. package/dist/css/utilities/height.css +2 -2
  74. package/dist/css/utilities/height.css.map +1 -1
  75. package/dist/css/utilities/inset.css +2 -2
  76. package/dist/css/utilities/inset.css.map +1 -1
  77. package/dist/css/utilities/justification.css +1 -1
  78. package/dist/css/utilities/justification.css.map +1 -1
  79. package/dist/css/utilities/list.css +1 -1
  80. package/dist/css/utilities/list.css.map +1 -1
  81. package/dist/css/utilities/order.css +2 -2
  82. package/dist/css/utilities/order.css.map +1 -1
  83. package/dist/css/utilities/position.css +2 -2
  84. package/dist/css/utilities/position.css.map +1 -1
  85. package/dist/css/utilities/ratio.css +2 -2
  86. package/dist/css/utilities/ratio.css.map +1 -1
  87. package/dist/css/utilities/spacing.css +2 -2
  88. package/dist/css/utilities/spacing.css.map +1 -1
  89. package/dist/css/utilities/typography.css +2 -2
  90. package/dist/css/utilities/typography.css.map +1 -1
  91. package/dist/css/utilities/visibility.css +2 -2
  92. package/dist/css/utilities/visibility.css.map +1 -1
  93. package/dist/css/utilities/visually-hidden.css +2 -2
  94. package/dist/css/utilities/visually-hidden.css.map +1 -1
  95. package/dist/css/utilities/width.css +2 -2
  96. package/dist/css/utilities/width.css.map +1 -1
  97. package/dist/css/utilities/z-index.css +1 -1
  98. package/dist/css/utilities/z-index.css.map +1 -1
  99. package/dist/css/utilities.css +2 -2
  100. package/dist/css/utilities.css.map +1 -1
  101. package/dist/js/accordion.js.map +1 -1
  102. package/dist/js/alert.js.map +1 -1
  103. package/dist/js/carousel.js.map +1 -1
  104. package/dist/js/component/accordion.cjs.js.map +1 -1
  105. package/dist/js/component/accordion.es.js.map +1 -1
  106. package/dist/js/component/accordion.iife.js.map +1 -1
  107. package/dist/js/component/alert.cjs.js.map +1 -1
  108. package/dist/js/component/alert.es.js.map +1 -1
  109. package/dist/js/component/alert.iife.js.map +1 -1
  110. package/dist/js/component/carousel.cjs.js.map +1 -1
  111. package/dist/js/component/carousel.es.js.map +1 -1
  112. package/dist/js/component/carousel.iife.js.map +1 -1
  113. package/dist/js/component/disclosure.cjs.js +2 -2
  114. package/dist/js/component/disclosure.cjs.js.map +1 -1
  115. package/dist/js/component/disclosure.es.js +2 -2
  116. package/dist/js/component/disclosure.es.js.map +1 -1
  117. package/dist/js/component/disclosure.iife.js +2 -2
  118. package/dist/js/component/disclosure.iife.js.map +1 -1
  119. package/dist/js/component/tabs.cjs.js +5 -0
  120. package/dist/js/component/tabs.cjs.js.map +1 -0
  121. package/dist/js/component/tabs.es.js +5 -0
  122. package/dist/js/component/tabs.es.js.map +1 -0
  123. package/dist/js/component/tabs.iife.js +5 -0
  124. package/dist/js/component/tabs.iife.js.map +1 -0
  125. package/dist/js/disclosure.js +2 -2
  126. package/dist/js/disclosure.js.map +1 -1
  127. package/dist/js/generator/accordion.cjs.js.map +1 -1
  128. package/dist/js/generator/accordion.es.js.map +1 -1
  129. package/dist/js/generator/accordion.iife.js.map +1 -1
  130. package/dist/js/generator/alert.cjs.js.map +1 -1
  131. package/dist/js/generator/alert.es.js.map +1 -1
  132. package/dist/js/generator/alert.iife.js.map +1 -1
  133. package/dist/js/generator/carousel.cjs.js.map +1 -1
  134. package/dist/js/generator/carousel.es.js.map +1 -1
  135. package/dist/js/generator/carousel.iife.js.map +1 -1
  136. package/dist/js/generator/disclosure.cjs.js +2 -2
  137. package/dist/js/generator/disclosure.cjs.js.map +1 -1
  138. package/dist/js/generator/disclosure.es.js +2 -2
  139. package/dist/js/generator/disclosure.es.js.map +1 -1
  140. package/dist/js/generator/disclosure.iife.js +2 -2
  141. package/dist/js/generator/disclosure.iife.js.map +1 -1
  142. package/dist/js/generator/navigation.cjs.js.map +1 -1
  143. package/dist/js/generator/navigation.es.js.map +1 -1
  144. package/dist/js/generator/navigation.iife.js.map +1 -1
  145. package/dist/js/generator/tabs.cjs.js +5 -0
  146. package/dist/js/generator/tabs.cjs.js.map +1 -0
  147. package/dist/js/generator/tabs.es.js +5 -0
  148. package/dist/js/generator/tabs.es.js.map +1 -0
  149. package/dist/js/generator/tabs.iife.js +5 -0
  150. package/dist/js/generator/tabs.iife.js.map +1 -0
  151. package/dist/js/graupl.js +5 -5
  152. package/dist/js/graupl.js.map +1 -1
  153. package/dist/js/navigation.js.map +1 -1
  154. package/dist/js/tabs.js +5 -0
  155. package/dist/js/tabs.js.map +1 -0
  156. package/package.json +4 -3
  157. package/src/js/disclosure/Disclosure.js +25 -45
  158. package/src/js/domHelpers.js +39 -22
  159. package/src/js/tabs/TabToggle.js +378 -0
  160. package/src/js/tabs/Tabs.js +1091 -0
  161. package/src/js/tabs/generator.js +32 -0
  162. package/src/js/tabs/index.js +5 -0
  163. package/src/scss/_defaults.scss +21 -88
  164. package/src/scss/_variables.scss +70 -0
  165. package/src/scss/base/button/_defaults.scss +2 -24
  166. package/src/scss/base/button/_index.scss +53 -52
  167. package/src/scss/base/button/_mixins.scss +24 -58
  168. package/src/scss/base/button/_variables.scss +139 -0
  169. package/src/scss/base/form/_defaults.scss +72 -2
  170. package/src/scss/base/form/_index.scss +196 -70
  171. package/src/scss/base/form/_variables.scss +166 -0
  172. package/src/scss/base/link/_defaults.scss +31 -0
  173. package/src/scss/base/link/_index.scss +177 -172
  174. package/src/scss/base/link/_variables.scss +215 -0
  175. package/src/scss/base/table/_defaults.scss +1 -11
  176. package/src/scss/base/table/_index.scss +126 -117
  177. package/src/scss/base/table/_variables.scss +214 -3
  178. package/src/scss/component/_index.scss +1 -0
  179. package/src/scss/component/accordion/_defaults.scss +73 -22
  180. package/src/scss/component/accordion/_index.scss +437 -62
  181. package/src/scss/component/accordion/_variables.scss +527 -101
  182. package/src/scss/component/alert/_defaults.scss +23 -32
  183. package/src/scss/component/alert/_index.scss +236 -30
  184. package/src/scss/component/alert/_variables.scss +155 -6
  185. package/src/scss/component/badge/_defaults.scss +1 -0
  186. package/src/scss/component/badge/_index.scss +25 -28
  187. package/src/scss/component/badge/_variables.scss +66 -2
  188. package/src/scss/component/card/_defaults.scss +64 -13
  189. package/src/scss/component/card/_index.scss +276 -30
  190. package/src/scss/component/card/_variables.scss +132 -0
  191. package/src/scss/component/carousel/_defaults.scss +73 -15
  192. package/src/scss/component/carousel/_index.scss +357 -41
  193. package/src/scss/component/carousel/_variables.scss +391 -0
  194. package/src/scss/component/disclosure/_index.scss +4 -4
  195. package/src/scss/component/disclosure/_variables.scss +127 -2
  196. package/src/scss/component/input-group/_defaults.scss +10 -3
  197. package/src/scss/component/input-group/_index.scss +72 -4
  198. package/src/scss/component/input-group/_variables.scss +37 -0
  199. package/src/scss/component/list/_defaults.scss +35 -2
  200. package/src/scss/component/list/_index.scss +159 -5
  201. package/src/scss/component/list/_variables.scss +152 -0
  202. package/src/scss/component/menu/_defaults.scss +49 -7
  203. package/src/scss/component/menu/_index.scss +325 -99
  204. package/src/scss/component/menu/_variables.scss +484 -1
  205. package/src/scss/component/navigation/_defaults.scss +45 -3
  206. package/src/scss/component/navigation/_index.scss +249 -98
  207. package/src/scss/component/navigation/_variables.scss +334 -5
  208. package/src/scss/component/tabs/_defaults.scss +82 -0
  209. package/src/scss/component/tabs/_index.scss +497 -0
  210. package/src/scss/component/tabs/_variables.scss +974 -0
  211. package/src/scss/layout/columns/_defaults.scss +5 -3
  212. package/src/scss/layout/columns/_index.scss +27 -21
  213. package/src/scss/layout/columns/_variables.scss +13 -0
  214. package/src/scss/layout/container/_defaults.scss +28 -11
  215. package/src/scss/layout/container/_index.scss +305 -161
  216. package/src/scss/layout/container/_variables.scss +148 -15
  217. package/src/scss/layout/flex-columns/_defaults.scss +5 -3
  218. package/src/scss/layout/flex-columns/_index.scss +28 -20
  219. package/src/scss/layout/flex-columns/_variables.scss +9 -0
  220. package/src/scss/mixins/_state.scss +37 -0
  221. package/src/scss/mixins/_theme.scss +36 -1
  222. package/src/scss/state/focus/_index.scss +17 -12
  223. package/src/scss/state/focus/_variables.scss +30 -4
  224. package/src/scss/theme/color/_defaults.scss +6 -35
  225. package/src/scss/theme/color/_index.scss +167 -1
  226. package/src/scss/theme/color/_variables.scss +155 -0
  227. package/src/scss/theme/typography/_defaults.scss +26 -19
  228. package/src/scss/theme/typography/_index.scss +176 -20
  229. package/src/scss/theme/typography/_variables.scss +186 -0
  230. package/src/scss/utilities/_template/_index.scss +0 -1
  231. package/src/scss/utilities/alignment/_defaults.scss +0 -33
  232. package/src/scss/utilities/alignment/_index.scss +24 -25
  233. package/src/scss/utilities/background/_defaults.scss +0 -77
  234. package/src/scss/utilities/background/_index.scss +32 -37
  235. package/src/scss/utilities/border/_defaults.scss +0 -33
  236. package/src/scss/utilities/border/_index.scss +25 -26
  237. package/src/scss/utilities/color/_defaults.scss +0 -19
  238. package/src/scss/utilities/color/_index.scss +22 -22
  239. package/src/scss/utilities/container/_defaults.scss +0 -11
  240. package/src/scss/utilities/container/_index.scss +20 -19
  241. package/src/scss/utilities/display/_defaults.scss +0 -11
  242. package/src/scss/utilities/display/_index.scss +20 -19
  243. package/src/scss/utilities/flex/_defaults.scss +0 -55
  244. package/src/scss/utilities/flex/_index.scss +28 -31
  245. package/src/scss/utilities/gradient/_defaults.scss +0 -28
  246. package/src/scss/utilities/gradient/_index.scss +27 -28
  247. package/src/scss/utilities/gradient/_variables.scss +15 -0
  248. package/src/scss/utilities/height/_defaults.scss +0 -8
  249. package/src/scss/utilities/height/_index.scss +22 -21
  250. package/src/scss/utilities/inset/_defaults.scss +0 -16
  251. package/src/scss/utilities/inset/_index.scss +20 -20
  252. package/src/scss/utilities/justification/_defaults.scss +0 -33
  253. package/src/scss/utilities/justification/_index.scss +24 -25
  254. package/src/scss/utilities/list/_defaults.scss +0 -22
  255. package/src/scss/utilities/list/_index.scss +22 -22
  256. package/src/scss/utilities/order/_defaults.scss +0 -8
  257. package/src/scss/utilities/order/_index.scss +20 -19
  258. package/src/scss/utilities/position/_defaults.scss +0 -11
  259. package/src/scss/utilities/position/_index.scss +20 -19
  260. package/src/scss/utilities/ratio/_defaults.scss +0 -8
  261. package/src/scss/utilities/ratio/_index.scss +22 -21
  262. package/src/scss/utilities/ratio/_variables.scss +6 -0
  263. package/src/scss/utilities/spacing/_defaults.scss +0 -11
  264. package/src/scss/utilities/spacing/_index.scss +18 -17
  265. package/src/scss/utilities/typography/_defaults.scss +0 -22
  266. package/src/scss/utilities/typography/_index.scss +27 -26
  267. package/src/scss/utilities/visibility/_defaults.scss +0 -11
  268. package/src/scss/utilities/visibility/_index.scss +19 -18
  269. package/src/scss/utilities/visually-hidden/_index.scss +19 -17
  270. package/src/scss/utilities/width/_defaults.scss +0 -8
  271. package/src/scss/utilities/width/_index.scss +21 -20
  272. package/src/scss/utilities/z-index/_defaults.scss +0 -11
  273. package/src/scss/utilities/z-index/_index.scss +19 -18
package/dist/css/base/link.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/base/link/_index.scss","../../../src/scss/base/link/_variables.scss","link.css","../../../src/scss/mixins/_animation.scss"],"names":[],"mappings":"AASI,mBC+G6B,EAQ7B,0gBC+LiB,CDhMjB,wcC2KgB,CD5KhB,0MCuJgB,CD3JhB,6CC8Oc,CD/Od,2CC2Oa,CDzOb,gNCyFW,CDnFX,oECrHmB,CDqHnB,4DCrHmB,CDsHnB,oECtDyB,CDuDzB,yGCvF6B,CDgF7B,2CC4Ga,CD3Gb,iVEhHF,CF2HM,oBAEE,+GAAA,CAAA,uGAAA,CACA,qHAAA,CAIA,8JAAA,CANA,gFEhHR,CF+GM,gBAEE,6GAAA,CAAA,qGAAA,CACA,mHAAA,CAIA,4JAAA,CANA,8EE1GR,CFyGM,QAEE,6GAAA,CAAA,qGAAA,CACA,mHAAA,CAIA,4JAAA,CANA,8EEpGR,CFmGM,gBAEE,0EAAA,CAAA,kEAAA,CACA,0EAAA,CAIA,+GAAA,CANA,iDExFR,CFuFM,kBAEE,oHAAA,CAAA,4GAAA,CACA,0HAAA,CAIA,mKAAA,CANA,qFE5ER,CF2EM,WAcI,kBElFV,CFwFgB,iDAEE,6EAAA,CAAA,qEAAA,CAIA,6EAAA,CAIA,kHAAA,CATA,oDE7ElB,CF4EgB,yBAEE,6EAAA,CAAA,qEAAA,CAIA,6EAAA,CAIA,kHAAA,CATA,oDEvElB,CFkDM,mGAsBY,6EAAA,CAAA,qEAAA,CAIA,6EAAA,CAIA,kHAAA,CATA,oDElClB,CFaM,YAcI,kBE3BV,CFiCgB,wCAEE,6EAAA,CAAA,qEAAA,CAIA,6EAAA,CAIA,kHAAA,CATA,oDEtBlB,CFqBgB,0BAEE,6EAAA,CAAA,qEAAA,CAIA,6EAAA,CAIA,kHAAA,CATA,oDEhBlB,CFLM,kHAsBY,6EAAA,CAAA,qEAAA,CAIA,6EAAA,CAIA,kHAAA,CATA,oDEqBlB,CF1CM,sBAcI,kBE4BV,CFtBgB,4DAEE,6EAAA,CAAA,qEAAA,CAIA,6EAAA,CAIA,kHAAA,CATA,oDEiClB,CFlCgB,oCAEE,6EAAA,CAAA,qEAAA,CAIA,6EAAA,CAIA,kHAAA,CATA,oDEuClB,CF5DM,yJAsBY,6EAAA,CAAA,qEAAA,CAIA,6EAAA,CAIA,kHAAA,CATA,oDE4ElB,CFjGM,WAcI,kBEmFV,CF7EgB,sCAEE,6EAAA,CAAA,qEAAA,CAIA,6EAAA,CAIA,kHAAA,CATA,oDEwFlB,CFzFgB,yBAEE,6EAAA,CAAA,qEAAA,CAIA,6EAAA,CAIA,kHAAA,CATA,oDE8FlB,CF/FgB,uFAEE,6EAAA,CAAA,qEAAA,CAIA,6EAAA,CAIA,kHAAA,CATA,oDE4HlB,CFrGE,YACE,iBEuGJ,CFpGI,mBACE,UAAA,CAEA,OAAA,CADA,iBAAA,CAEA,8CEsGN,CCvRA,uCHwLiC,EAC7B,kLEkGF,CACF,CACF,CH/RI,oBCkM6B,EAE7B,oDCjCc,CDgCd,wDCwHgB,CDtHhB,kJClGS,CDmGT,2MEgGF,CF3FM,oBAEE,0FAAA,CADA,gGAAA,CAEA,mLAAA,CACA,oPEmGR,CFvGM,gBAEE,wFAAA,CADA,8FAAA,CAEA,iLAAA,CACA,gPEyGR,CF7GM,QAEE,wFAAA,CADA,8FAAA,CAEA,iLAAA,CACA,gPE+GR,CFnHM,gBAEE,0DAAA,CADA,8DAAA,CAEA,2JAAA,CACA,0NE2HR,CF/HM,kBAEE,+FAAA,CADA,qGAAA,CAEA,2LAAA,CACA,2PEuIR,CF5HgB,iDAEE,6DAAA,CADA,iEAAA,CAEA,2JAAA,CACA,6NE0IlB,CF9IgB,yBAEE,6DAAA,CADA,iEAAA,CAEA,2JAAA,CACA,6NEgJlB,CFpJgB,2IAEE,6DAAA,CADA,iEAAA,CAEA,2JAAA,CACA,6NEgMlB,CFpMgB,0BAEE,6DAAA,CADA,iEAAA,CAEA,2JAAA,CACA,6NEsMlB,CF1MgB,8KAEE,6DAAA,CADA,iEAAA,CAEA,2JAAA,CACA,6NEsPlB,CF1PgB,oCAEE,6DAAA,CADA,iEAAA,CAEA,2JAAA,CACA,6NE4PlB,CFhQgB,+LAEE,6DAAA,CADA,iEAAA,CAEA,2JAAA,CACA,6NE4SlB,CFhTgB,yBAEE,6DAAA,CADA,iEAAA,CAEA,2JAAA,CACA,6NEkTlB,CFtTgB,uFAEE,6DAAA,CADA,iEAAA,CAEA,2JAAA,CACA,6NEgVlB,CACF","file":"link.css"}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACSI,mBC0K6B,uiEEpJ3B,keAAA,8dAAA,gUAAA,ofAAA,4+CF2KF,8BAIE,uGGnMJ,uCH8MiC,uLDhN/B,oBCwN6B,+cElM3B,ynBAAA,mnBAAA,igBAAA,gpBAAA","sources":["dist/css/base/link.css","var/www/html/packages/core/src/scss/mixins/_layer.scss","var/www/html/packages/core/src/scss/base/link/_index.scss","var/www/html/packages/core/src/scss/base/link/_variables.scss","var/www/html/packages/core/src/scss/mixins/_state.scss","var/www/html/packages/core/src/scss/mixins/_animation.scss"],"sourcesContent":["@layer graupl.base {\n a {\n min-width: var(--graupl-link-min-width, auto);\n min-height: var(--graupl-link-min-height, auto);\n padding: var(--graupl-link-padding, var(--graupl-link-padding-y, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))) var(--graupl-link-padding-x, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))));\n transform: var(--graupl-link-transform, none);\n transition: var(--graupl-link-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));\n border-width: var(--graupl-link-border-width, var(--graupl-link-border-top-width, 0) var(--graupl-link-border-right-width, 0) var(--graupl-link-border-bottom-width, 0) var(--graupl-link-border-left-width, 0));\n border-style: var(--graupl-link-border-style, var(--graupl-link-border-top-style, var(--graupl-border-top-style, var(--graupl-border-style, solid))) var(--graupl-link-border-right-style, var(--graupl-border-right-style, var(--graupl-border-style, solid))) var(--graupl-link-border-bottom-style, var(--graupl-border-bottom-style, var(--graupl-border-style, solid))) var(--graupl-link-border-left-style, var(--graupl-border-left-style, var(--graupl-border-style, solid))));\n border-radius: var(--graupl-link-border-radius, var(--graupl-link-border-top-left-radius, var(--graupl-border-top-left-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-link-border-top-right-radius, var(--graupl-border-top-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-link-border-bottom-right-radius, var(--graupl-border-bottom-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-link-border-bottom-left-radius, var(--graupl-border-bottom-left-radius, var(--graupl-border-radius, 0.125rem))));\n text-decoration: var(--graupl-link-text-decoration, underline);\n text-decoration-style: var(--graupl-link-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a:visited {\n transform: var(--graupl-link-visited-transform, var(--graupl-link-transform, none));\n text-decoration: var(--graupl-link-visited-text-decoration, var(--graupl-link-text-decoration, underline));\n text-decoration-style: var(--graupl-link-visited-text-decoration-style, var(--graupl-link-text-decoration-style, solid));\n text-decoration-thickness: var(--graupl-link-visited-text-decoration-thickness, var(--graupl-link-text-decoration-thickness, var(--graupl-border-width, 0.125rem)));\n }\n a.visited {\n transform: var(--graupl-link-visited-transform, var(--graupl-link-transform, none));\n text-decoration: var(--graupl-link-visited-text-decoration, var(--graupl-link-text-decoration, underline));\n text-decoration-style: var(--graupl-link-visited-text-decoration-style, var(--graupl-link-text-decoration-style, solid));\n text-decoration-thickness: var(--graupl-link-visited-text-decoration-thickness, var(--graupl-link-text-decoration-thickness, var(--graupl-border-width, 0.125rem)));\n }\n a:focus-visible {\n transform: var(--graupl-link-focus-transform, var(--graupl-link-transform, none));\n text-decoration: var(--graupl-link-focus-text-decoration, var(--graupl-link-text-decoration, underline));\n text-decoration-style: var(--graupl-link-focus-text-decoration-style, var(--graupl-link-text-decoration-style, solid));\n text-decoration-thickness: var(--graupl-link-focus-text-decoration-thickness, var(--graupl-link-text-decoration-thickness, var(--graupl-border-width, 0.125rem)));\n }\n a.focus {\n transform: var(--graupl-link-focus-transform, var(--graupl-link-transform, none));\n text-decoration: var(--graupl-link-focus-text-decoration, var(--graupl-link-text-decoration, underline));\n text-decoration-style: var(--graupl-link-focus-text-decoration-style, var(--graupl-link-text-decoration-style, solid));\n text-decoration-thickness: var(--graupl-link-focus-text-decoration-thickness, var(--graupl-link-text-decoration-thickness, var(--graupl-border-width, 0.125rem)));\n }\n a:hover {\n transform: var(--graupl-link-hover-transform, none);\n text-decoration: var(--graupl-link-hover-text-decoration, underline);\n text-decoration-style: var(--graupl-link-hover-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-hover-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a.hover {\n transform: var(--graupl-link-hover-transform, none);\n text-decoration: var(--graupl-link-hover-text-decoration, underline);\n text-decoration-style: var(--graupl-link-hover-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-hover-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a:active {\n transform: var(--graupl-link-active-transform, var(--graupl-link-hover-transform, none));\n text-decoration: var(--graupl-link-active-text-decoration, var(--graupl-link-hover-text-decoration, underline));\n text-decoration-style: var(--graupl-link-active-text-decoration-style, var(--graupl-link-hover-text-decoration-style, solid));\n text-decoration-thickness: var(--graupl-link-active-text-decoration-thickness, var(--graupl-link-hover-text-decoration-thickness, var(--graupl-border-width, 0.125rem)));\n }\n a.active {\n transform: var(--graupl-link-active-transform, var(--graupl-link-hover-transform, none));\n text-decoration: var(--graupl-link-active-text-decoration, var(--graupl-link-hover-text-decoration, underline));\n text-decoration-style: var(--graupl-link-active-text-decoration-style, var(--graupl-link-hover-text-decoration-style, solid));\n text-decoration-thickness: var(--graupl-link-active-text-decoration-thickness, var(--graupl-link-hover-text-decoration-thickness, var(--graupl-border-width, 0.125rem)));\n }\n a:disabled {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a:disabled:visited {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a:disabled.visited {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a:disabled:focus-visible {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a:disabled.focus {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a:disabled:hover {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a:disabled.hover {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a:disabled:active {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a:disabled.active {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a:disabled[aria-selected=true] {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a:disabled.selected {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a:disabled[aria-current=true] {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a:disabled.current {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[disabled] {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[disabled]:visited {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[disabled].visited {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[disabled]:focus-visible {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[disabled].focus {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[disabled]:hover {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[disabled].hover {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[disabled]:active {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[disabled].active {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[disabled][aria-selected=true] {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[disabled].selected {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[disabled][aria-current=true] {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[disabled].current {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[aria-disabled=true] {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[aria-disabled=true]:visited {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[aria-disabled=true].visited {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[aria-disabled=true]:focus-visible {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[aria-disabled=true].focus {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[aria-disabled=true]:hover {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[aria-disabled=true].hover {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[aria-disabled=true]:active {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[aria-disabled=true].active {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[aria-disabled=true][aria-selected=true] {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[aria-disabled=true].selected {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[aria-disabled=true][aria-current=true] {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a[aria-disabled=true].current {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a.disabled {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a.disabled:visited {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a.disabled.visited {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a.disabled:focus-visible {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a.disabled.focus {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a.disabled:hover {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a.disabled.hover {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a.disabled:active {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a.disabled.active {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a.disabled[aria-selected=true] {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a.disabled.selected {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a.disabled[aria-current=true] {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a.disabled.current {\n transform: var(--graupl-link-disabled-transform, none);\n text-decoration: var(--graupl-link-disabled-text-decoration, underline);\n text-decoration-style: var(--graupl-link-disabled-text-decoration-style, solid);\n text-decoration-thickness: var(--graupl-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n a.stretched {\n isolation: isolate;\n }\n a.stretched::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: var(--graupl-stretched-link-z-index, 5);\n }\n @media (prefers-reduced-motion: reduce) {\n a {\n --graupl-link-transition: var(--graupl-link-transition-reduced-motion, background var(--graupl-transition-timing-function, ease), color var(--graupl-transition-timing-function, ease));\n }\n }\n}\n@layer graupl.theme {\n a {\n border-color: var(--graupl-link-border-color, transparent);\n background: var(--graupl-link-background, transparent);\n color: var(--graupl-link-color, var(--graupl-theme-active--primary--700, var(--graupl-theme-light--primary--700, var(--graupl-primary--700, hsl(219, 80%, 35%)))));\n text-decoration-color: var(--graupl-link-text-decoration-color, var(--graupl-link-color, var(--graupl-theme-active--primary--700, var(--graupl-theme-light--primary--700, var(--graupl-primary--700, hsl(219, 80%, 35%))))));\n }\n a:visited {\n border-color: var(--graupl-link-visited-border-color, var(--graupl-link-border-color, transparent));\n background: var(--graupl-link-visited-background, var(--graupl-link-background, transparent));\n color: var(--graupl-link-visited-color, var(--graupl-link-color, var(--graupl-theme-active--primary--700, var(--graupl-theme-light--primary--700, var(--graupl-primary--700, hsl(219, 80%, 35%))))));\n text-decoration-color: var(--graupl-link-visited-text-decoration-color, var(--graupl-link-visited-color, var(--graupl-link-color, var(--graupl-theme-active--primary--700, var(--graupl-theme-light--primary--700, var(--graupl-primary--700, hsl(219, 80%, 35%)))))));\n }\n a.visited {\n border-color: var(--graupl-link-visited-border-color, var(--graupl-link-border-color, transparent));\n background: var(--graupl-link-visited-background, var(--graupl-link-background, transparent));\n color: var(--graupl-link-visited-color, var(--graupl-link-color, var(--graupl-theme-active--primary--700, var(--graupl-theme-light--primary--700, var(--graupl-primary--700, hsl(219, 80%, 35%))))));\n text-decoration-color: var(--graupl-link-visited-text-decoration-color, var(--graupl-link-visited-color, var(--graupl-link-color, var(--graupl-theme-active--primary--700, var(--graupl-theme-light--primary--700, var(--graupl-primary--700, hsl(219, 80%, 35%)))))));\n }\n a:focus-visible {\n border-color: var(--graupl-link-focus-border-color, var(--graupl-link-border-color, transparent));\n background: var(--graupl-link-focus-background, var(--graupl-link-background, transparent));\n color: var(--graupl-link-focus-color, var(--graupl-link-color, var(--graupl-theme-active--primary--700, var(--graupl-theme-light--primary--700, var(--graupl-primary--700, hsl(219, 80%, 35%))))));\n text-decoration-color: var(--graupl-link-focus-text-decoration-color, var(--graupl-link-focus-color, var(--graupl-link-color, var(--graupl-theme-active--primary--700, var(--graupl-theme-light--primary--700, var(--graupl-primary--700, hsl(219, 80%, 35%)))))));\n }\n a.focus {\n border-color: var(--graupl-link-focus-border-color, var(--graupl-link-border-color, transparent));\n background: var(--graupl-link-focus-background, var(--graupl-link-background, transparent));\n color: var(--graupl-link-focus-color, var(--graupl-link-color, var(--graupl-theme-active--primary--700, var(--graupl-theme-light--primary--700, var(--graupl-primary--700, hsl(219, 80%, 35%))))));\n text-decoration-color: var(--graupl-link-focus-text-decoration-color, var(--graupl-link-focus-color, var(--graupl-link-color, var(--graupl-theme-active--primary--700, var(--graupl-theme-light--primary--700, var(--graupl-primary--700, hsl(219, 80%, 35%)))))));\n }\n a:hover {\n border-color: var(--graupl-link-hover-border-color, transparent);\n background: var(--graupl-link-hover-background, transparent);\n color: var(--graupl-link-hover-color, var(--graupl-theme-active--tertiary--700, var(--graupl-theme-light--tertiary--700, var(--graupl-tertiary--700, hsl(340, 65%, 35%)))));\n text-decoration-color: var(--graupl-link-hover-text-decoration-color, var(--graupl-link-hover-color, var(--graupl-theme-active--tertiary--700, var(--graupl-theme-light--tertiary--700, var(--graupl-tertiary--700, hsl(340, 65%, 35%))))));\n }\n a.hover {\n border-color: var(--graupl-link-hover-border-color, transparent);\n background: var(--graupl-link-hover-background, transparent);\n color: var(--graupl-link-hover-color, var(--graupl-theme-active--tertiary--700, var(--graupl-theme-light--tertiary--700, var(--graupl-tertiary--700, hsl(340, 65%, 35%)))));\n text-decoration-color: var(--graupl-link-hover-text-decoration-color, var(--graupl-link-hover-color, var(--graupl-theme-active--tertiary--700, var(--graupl-theme-light--tertiary--700, var(--graupl-tertiary--700, hsl(340, 65%, 35%))))));\n }\n a:active {\n border-color: var(--graupl-link-active-border-color, var(--graupl-link-hover-border-color, transparent));\n background: var(--graupl-link-active-background, var(--graupl-link-hover-background, transparent));\n color: var(--graupl-link-active-color, var(--graupl-link-hover-color, var(--graupl-theme-active--tertiary--700, var(--graupl-theme-light--tertiary--700, var(--graupl-tertiary--700, hsl(340, 65%, 35%))))));\n text-decoration-color: var(--graupl-link-active-text-decoration-color, var(--graupl-link-active-color, var(--graupl-link-hover-color, var(--graupl-theme-active--tertiary--700, var(--graupl-theme-light--tertiary--700, var(--graupl-tertiary--700, hsl(340, 65%, 35%)))))));\n }\n a.active {\n border-color: var(--graupl-link-active-border-color, var(--graupl-link-hover-border-color, transparent));\n background: var(--graupl-link-active-background, var(--graupl-link-hover-background, transparent));\n color: var(--graupl-link-active-color, var(--graupl-link-hover-color, var(--graupl-theme-active--tertiary--700, var(--graupl-theme-light--tertiary--700, var(--graupl-tertiary--700, hsl(340, 65%, 35%))))));\n text-decoration-color: var(--graupl-link-active-text-decoration-color, var(--graupl-link-active-color, var(--graupl-link-hover-color, var(--graupl-theme-active--tertiary--700, var(--graupl-theme-light--tertiary--700, var(--graupl-tertiary--700, hsl(340, 65%, 35%)))))));\n }\n a:disabled {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a:disabled:visited {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a:disabled.visited {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a:disabled:focus-visible {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a:disabled.focus {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a:disabled:hover {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a:disabled.hover {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a:disabled:active {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a:disabled.active {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a:disabled[aria-selected=true] {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a:disabled.selected {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a:disabled[aria-current=true] {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a:disabled.current {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[disabled] {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[disabled]:visited {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[disabled].visited {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[disabled]:focus-visible {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[disabled].focus {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[disabled]:hover {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[disabled].hover {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[disabled]:active {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[disabled].active {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[disabled][aria-selected=true] {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[disabled].selected {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[disabled][aria-current=true] {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[disabled].current {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[aria-disabled=true] {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[aria-disabled=true]:visited {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[aria-disabled=true].visited {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[aria-disabled=true]:focus-visible {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[aria-disabled=true].focus {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[aria-disabled=true]:hover {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[aria-disabled=true].hover {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[aria-disabled=true]:active {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[aria-disabled=true].active {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[aria-disabled=true][aria-selected=true] {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[aria-disabled=true].selected {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[aria-disabled=true][aria-current=true] {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a[aria-disabled=true].current {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a.disabled {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a.disabled:visited {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a.disabled.visited {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a.disabled:focus-visible {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a.disabled.focus {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a.disabled:hover {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a.disabled.hover {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a.disabled:active {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a.disabled.active {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a.disabled[aria-selected=true] {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a.disabled.selected {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a.disabled[aria-current=true] {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n a.disabled.current {\n border-color: var(--graupl-link-disabled-border-color, transparent);\n background: var(--graupl-link-disabled-background, transparent);\n color: var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n text-decoration-color: var(--graupl-link-disabled-text-decoration-color, var(--graupl-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n}","// @graupl/core layer mixins.\n//\n// These should be used to define the layers of your components to ensure that\n// they are output in the correct order in the final compiled CSS.\n\n@use \"../defaults\" as root-defaults;\n\n@mixin layer($layer) {\n @if root-defaults.$use-layers {\n @layer #{root-defaults.$id}.#{$layer} {\n @content;\n }\n } @else {\n @content;\n }\n}\n","// @graupl/core link base styles.\n//\n// This module provides the base styles for the link component.\n//\n// The link component is a styled anchor element that provides a consistent look and feel for links.\n//\n// The following selectors are generated by default:\n// - `a`: The link component.\n// - `.stretched`: A component modifier that makes the link component stretch to fill nearest relative container.\n//\n// The following custom properties can be used to customize the link component:\n// | Property | Description | Default Value |\n// | --- | --- | --- |\n// | `--graupl-link-text-decoration` | The text decoration for the link component. | `underline` |\n// | `--graupl-link-visited-text-decoration` | The text decoration for a visited link component. | `var(--graupl-link-text-decoration)` |\n// | `--graupl-link-focus-text-decoration` | The text decoration for a focused link component. | `var(--graupl-link-text-decoration)` |\n// | `--graupl-link-hover-text-decoration` | The text decoration for a hovered link component. | `underline` |\n// | `--graupl-link-active-text-decoration` | The text decoration for an active link component. | `var(--graupl-link-hover-text-decoration)` |\n// | `--graupl-link-disabled-text-decoration` | The text decoration for a disabled link component. | `underline` |\n// | `--graupl-link-text-decoration-thickness` | The text decoration thickness for the link component. | `var(--graupl-border-width)` |\n// | `--graupl-link-visited-text-decoration-thickness` | The text decoration thickness for a visited link component. | `var(--graupl-link-text-decoration-thickness)` |\n// | `--graupl-link-focus-text-decoration-thickness` | The text decoration thickness for a focused link component. | `var(--graupl-link-text-decoration-thickness)` |\n// | `--graupl-link-hover-text-decoration-thickness` | The text decoration thickness for a hovered link component. | `var(--graupl-border-width)` |\n// | `--graupl-link-active-text-decoration-thickness` | The text decoration thickness for an active link component. | `var(--graupl-link-hover-text-decoration-thickness)` |\n// | `--graupl-link-disabled-text-decoration-thickness` | The text decoration thickness for a disabled link component. | `var(--graupl-border-width)` |\n// | `--graupl-link-text-decoration-style` | The text decoration style for the link component. | `solid` |\n// | `--graupl-link-visited-text-decoration-style` | The text decoration style for a visited link component. | `var(--graupl-link-text-decoration-style)` |\n// | `--graupl-link-focus-text-decoration-style` | The text decoration style for a focused link component. | `var(--graupl-link-text-decoration-style)` |\n// | `--graupl-link-hover-text-decoration-style` | The text decoration style for a hovered link component. | `solid` |\n// | `--graupl-link-active-text-decoration-style` | The text decoration style for an active link component. | `var(--graupl-link-hover-text-decoration-style)` |\n// | `--graupl-link-disabled-text-decoration-style` | The text decoration style for a disabled link component. | `solid` |\n// | `--graupl-link-color` | The color for the link component. | `var(--graupl-theme-active--primary--700)` |\n// | `--graupl-link-visited-color` | The color for a visited link component. | `var(--graupl-link-color)` |\n// | `--graupl-link-focus-color` | The color for a focused link component. | `var(--graupl-link-color)` |\n// | `--graupl-link-hover-color` | The color for a hovered link component. | `var(--graupl-theme-active--tertiary--700)` |\n// | `--graupl-link-active-color` | The color for an active link component. | `var(--graupl-link-hover-color)` |\n// | `--graupl-link-disabled-color` | The color for a disabled link component. | `var(--graupl-theme-active--primary--200)` |\n// | `--graupl-link-text-decoration-color` | The text decoration color for the link component. | `var(--graupl-link-color)` |\n// | `--graupl-link-visited-text-decoration-color` | The text decoration color for a visited link component. | `var(--graupl-link-visited-color)` |\n// | `--graupl-link-focus-text-decoration-color` | The text decoration color for a focused link component. | `var(--graupl-link-focus-color)` |\n// | `--graupl-link-hover-text-decoration-color` | The text decoration color for a hovered link component. | `var(--graupl-link-hover-color)` |\n// | `--graupl-link-active-text-decoration-color` | The text decoration color for an active link component. | `var(--graupl-link-active-color)` |\n// | `--graupl-link-disabled-text-decoration-color` | The text decoration color for a disabled link component. | `var(--graupl-link-disabled-color)` |\n// | `--graupl-link-background` | The background color for the link component. | `transparent` |\n// | `--graupl-link-visited-background` | The background color for a visited link component. | `var(--graupl-link-background)` |\n// | `--graupl-link-focus-background` | The background color for a focused link component. | `var(--graupl-link-background)` |\n// | `--graupl-link-hover-background` | The background color for a hovered link component. | `transparent` |\n// | `--graupl-link-active-background` | The background color for an active link component. | `var(--graupl-link-hover-background)` |\n// | `--graupl-link-disabled-background` | The background color for a disabled link component. | `transparent` |\n// | `--graupl-link-padding-x` | The horizontal padding for the link component. | `var(--graupl-spacer-0)` |\n// | `--graupl-link-padding-y` | The vertical padding for the link component. | `var(--graupl-spacer-0)` |\n// | `--graupl-link-padding` | The padding for the link component (combines x and y padding). | `var(--graupl-link-padding-y) var(--graupl-link-padding-x)` |\n// | `--graupl-link-transition` | The transition for the link component. | `background var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function), color var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function), transform var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function)` |\n// | `--graupl-link-transition-reduced-motion` | The transition for the link component when reduced motion is enabled. | `background var(--graupl-transition-duration-none) var(--graupl-transition-timing-function), color var(--graupl-transition-duration-none) var(--graupl-transition-timing-function)` |\n// | `--graupl-link-transform` | The transform for the link component. | `none` |\n// | `--graupl-link-visited-transform` | The transform for a visited link component. | `var(--graupl-link-transform)` |\n// | `--graupl-link-focus-transform` | The transform for a focused link component. | `var(--graupl-link-transform)` |\n// | `--graupl-link-hover-transform` | The transform for a hovered link component. | `none` |\n// | `--graupl-link-active-transform` | The transform for an active link component. | `var(--graupl-link-hover-transform)` |\n// | `--graupl-link-disabled-transform` | The transform for a disabled link component. | `none` |\n// | `--graupl-link-border-top-width` | The top border width for the link component. | `0` |\n// | `--graupl-link-border-right-width` | The right border width for the link component. | `0` |\n// | `--graupl-link-border-bottom-width` | The bottom border width for the link component. | `0` |\n// | `--graupl-link-border-left-width` | The left border width for the link component. | `0` |\n// | `--graupl-link-border-width` | The border width for the link component (combines top, right, bottom, and left widths). | `var(--graupl-link-border-top-width) var(--graupl-link-border-right-width) var(--graupl-link-border-bottom-width) var(--graupl-link-border-left-width)` |\n// | `--graupl-link-border-top-style` | The top border style for the link component. | `var(--graupl-border-top-style)` |\n// | `--graupl-link-border-right-style` | The right border style for the link component. | `var(--graupl-border-right-style)` |\n// | `--graupl-link-border-bottom-style` | The bottom border style for the link component. | `var(--graupl-border-bottom-style)` |\n// | `--graupl-link-border-left-style` | The left border style for the link component. | `var(--graupl-border-left-style)` |\n// | `--graupl-link-border-style` | The border style for the link component (combines top, right, bottom, and left styles). | `var(--graupl-link-border-top-style) var(--graupl-link-border-right-style) var(--graupl-link-border-bottom-style) var(--graupl-link-border-left-style)` |\n// | `--graupl-link-border-top-left-radius` | The top left border radius for the link component. | `var(--graupl-border-top-left-radius)` |\n// | `--graupl-link-border-top-right-radius` | The top right border radius for the link component. | `var(--graupl-border-top-right-radius)` |\n// | `--graupl-link-border-bottom-right-radius` | The bottom right border radius for the link component. | `var(--graupl-border-bottom-right-radius)` |\n// | `--graupl-link-border-bottom-left-radius` | The bottom left border radius for the link component. | `var(--graupl-border-bottom-left-radius)` |\n// | `--graupl-link-border-radius` | The border radius for the link component (combines top-left, top-right, bottom-right, and bottom-left radii). | `var(--graupl-link-border-top-left-radius) var(--graupl-link-border-top-right-radius) var(--graupl-link-border-bottom-right-radius) var(--graupl-link-border-bottom-left-radius)` |\n// | `--graupl-link-border-color` | The border color for the link component. | `transparent` |\n// | `--graupl-link-visited-border-color` | The border color for a visited link component. | `var(--graupl-link-border-color)` |\n// | `--graupl-link-focus-border-color` | The border color for a focused link component. | `var(--graupl-link-border-color)` |\n// | `--graupl-link-hover-border-color` | The border color for a hovered link component. | `transparent` |\n// | `--graupl-link-active-border-color` | The border color for an active link component. | `var(--graupl-link-hover-border-color)` |\n// | `--graupl-link-disabled-border-color` | The border color for a disabled link component. | `transparent` |\n// | `--graupl-link-min-width` | The minimum width for the link component. | `auto` |\n// | `--graupl-link-min-height` | The minimum height for the link component. | `auto` |\n// | `--graupl-link-stretched-link-z-index` | The z-index for the stretched link component modifier. | `5` |\n//\n// The following sass variables can be used to customize the generation of the link component:\n// | Variable | Description | Default Value |\n// | -------------------------------------- | -------------------------------------------------------------- | ------------------------------------- |\n// | `$selector-base` | The selector base for the component. | `\"\"` |\n// | `$modifier-selector-base` | The selector base for component modifiers. | `\".\"` |\n// | `$generate-base-theme-map` | Flag to generate the base theme maps for link variants. | `true` |\n// | `$themeable` | Flag to generate theme modifiers. | `false` |\n// | `$link-selector-base` | The base selector for the link component. | `$selector-base` |\n// | `$link-selector` | The selector for the link component. | `\"a\"` |\n// | `$link-theme-prefix-selector-base` | Selector base used for link theme modifiers. | `$modifier-selector-base` |\n// | `$link-theme-prefix-selector` | Selector prefix used for link theme modifiers. | `\"\"` |\n// | `$stretched-link-selector-base` | The base selector for the stretched link component modifier. | `$modifier-selector-base` |\n// | `$stretched-link-selector` | The selector for the stretched link component modifier. | `\"stretched\"` |\n// | `$stretched-link-pseudo-selector` | The pseudo selector for the stretched link component modifier. | `\"before\"` |\n// | `$link-initial-text-decoration` | The initial text decoration for the link component. | `underline` |\n// | `$link-final-text-decoration` | The final text decoration for the link component. | `$link-initial-text-decoration` |\n// | `$link-disabled-text-decoration` | The disabled text decoration for the link component. | `$link-initial-text-decoration` |\n// | `$link-initial-text-decoration-style` | The initial text decoration style for the link component. | `solid` |\n// | `$link-final-text-decoration-style` | The final text decoration style for the link component. | `$link-initial-text-decoration-style` |\n// | `$link-disabled-text-decoration-style` | The disabled text decoration style for the link component. | `$link-initial-text-decoration-style` |\n// | `$link-initial-transform` | The initial transform for the link component. | `none` |\n// | `$link-final-transform` | The final transform for the link component. | `$link-initial-transform` |\n// | `$link-disabled-transform` | The disabled transform for the link component. | `$link-initial-transform` |\n// | `$link-border-width` | The border width for the link component. | `0` |\n// | `$link-min-width` | The minimum width for the link component. | `auto` |\n// | `$link-min-height` | The minimum height for the link component. | `auto` |\n// | `$stretched-link-z-index` | The z-index for the stretched link component modifier. | `5` |\n// | `$link-theme-mappings` | Map of properties and shade values applied to themed links. | `()` |\n// | `$link-theme-map` | Fully expanded property map used to generate themed links. | `()` |\n//\n// ## Using `$link-theme-mappings`\n//\n// `$link-theme-mappings` is a single-level map of properties and shade values.\n//\n// e.g.\n// ```scss\n// $link-theme-mappings: (\n// color: 700,\n// hover-color: 400,\n// disabled-color: 200,\n// );\n// ```\n//\n// This directly[1] informs all link variants what shade to use for each property key.\n// Based on the example above:\n// - Primary links expose `--graupl-link-color`, `--graupl-link-hover-color`, and `--graupl-link-disabled-color` as `var(--graupl-theme-active--primary--700/400/200)`,\n// - Secondary links expose those properties via the secondary palette, and\n// - Tertiary links expose those properties via the tertiary palette.\n//\n// You can tailor the behaviour by specifying additional properties (e.g. `text-decoration-color`, `background`) to keep variants in sync.\n//\n// [1] `$link-theme-mappings` gets parsed into a larger, more explicit map: `$link-theme-map`.\n//\n// ## Using `$link-theme-map`\n//\n// `$link-theme-map` is a multi-level map of properties, colours, and shade values, allowing you to override individual variants without affecting the others.\n//\n// e.g.\n// ```scss\n// $link-theme-map: (\n// primary: (\n// color: (\n// color: primary,\n// shade: 900,\n// ),\n// ),\n// secondary: (\n// hover-color: (\n// color: secondary,\n// shade: 300,\n// ),\n// ),\n// );\n// ```\n//\n// This example deepens the primary link colour while lightening the secondary hover colour, leaving other variants untouched.\n//\n// @example\n// <a href=\"#\">Link</a>\n//\n// @example\n// <a href=\"#\" class=\"stretched\">Stretched Link</a>\n\n@use \"../../defaults\" as root-defaults;\n@use \"../../mixins/animation\";\n@use \"../../mixins/layer\" as *;\n@use \"../../mixins/state\";\n@use \"../../mixins/theme\";\n@use \"defaults\";\n@use \"sass:map\";\n@use \"variables\" as *;\n\n@include layer(base) {\n // a\n #{defaults.$link-selector-base}#{defaults.$link-selector} {\n min-width: $link-min-width;\n min-height: $link-min-height;\n padding: $link-padding;\n transform: $link-transform;\n transition: $link-transition;\n border-width: $link-border-width;\n border-style: $link-border-style;\n border-radius: $link-border-radius;\n text-decoration: $link-text-decoration;\n text-decoration-style: $link-text-decoration-style;\n text-decoration-thickness: $link-text-decoration-thickness;\n\n @include state.generate-modifiers(\n (\n transform: $link-transform-states,\n text-decoration: $link-text-decoration-states,\n text-decoration-style: $link-text-decoration-style-states,\n text-decoration-thickness: $link-text-decoration-thickness-states,\n )\n );\n\n // &.stretched\n &#{defaults.$stretched-link-selector-base}#{defaults.$stretched-link-selector} {\n isolation: isolate;\n\n // &::after\n &::#{defaults.$stretched-link-pseudo-selector} {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: $stretched-link-z-index;\n }\n }\n }\n\n @include animation.off {\n // a\n #{defaults.$link-selector-base}#{defaults.$link-selector} {\n --#{root-defaults.$prefix}link-transition: #{$link-transition-reduced-motion};\n }\n }\n}\n\n@include layer(theme) {\n // a\n #{defaults.$link-selector-base}#{defaults.$link-selector} {\n border-color: $link-border-color;\n background: $link-background;\n color: $link-color;\n text-decoration-color: $link-text-decoration-color;\n\n @if root-defaults.$themeable-components and defaults.$themeable {\n @include theme.generate-modifiers(\n defaults.$link-theme-map,\n defaults.$link-theme-prefix-selector-base,\n defaults.$link-theme-prefix-selector,\n \"link-\"\n );\n }\n\n @include state.generate-modifiers(\n (\n border-color: $link-border-color-states,\n background: $link-background-states,\n color: $link-color-states,\n text-decoration-color: $link-text-decoration-color-states,\n )\n );\n }\n}\n","// @graupl/core link base variables.\n//\n// These values are to be used to directly style bases and provide a\n// cleaner way to reference custom properties.\n\n// Custom property defaults:\n// | Custom property | Default |\n// | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n// | --graupl-link-text-decoration | underline |\n// | --graupl-link-visited-text-decoration | var(--graupl-link-text-decoration) |\n// | --graupl-link-focus-text-decoration | var(--graupl-link-text-decoration) |\n// | --graupl-link-hover-text-decoration | underline |\n// | --graupl-link-active-text-decoration | var(--graupl-link-hover-text-decoration) |\n// | --graupl-link-disabled-text-decoration | underline |\n// | --graupl-link-text-decoration-thickness | var(--graupl-border-width) |\n// | --graupl-link-visited-text-decoration-thickness | var(--graupl-link-text-decoration-thickness) |\n// | --graupl-link-focus-text-decoration-thickness | var(--graupl-link-text-decoration-thickness) |\n// | --graupl-link-hover-text-decoration-thickness | var(--graupl-border-width) |\n// | --graupl-link-active-text-decoration-thickness | var(--graupl-link-hover-text-decoration-thickness) |\n// | --graupl-link-disabled-text-decoration-thickness | var(--graupl-border-width) |\n// | --graupl-link-text-decoration-style | solid |\n// | --graupl-link-visited-text-decoration-style | var(--graupl-link-text-decoration-style) |\n// | --graupl-link-focus-text-decoration-style | var(--graupl-link-text-decoration-style) |\n// | --graupl-link-hover-text-decoration-style | solid |\n// | --graupl-link-active-text-decoration-style | var(--graupl-link-hover-text-decoration-style) |\n// | --graupl-link-disabled-text-decoration-style | solid |\n// | --graupl-link-color | var(--graupl-theme-active--primary--700) |\n// | --graupl-link-visited-color | var(--graupl-link-color) |\n// | --graupl-link-focus-color | var(--graupl-link-color) |\n// | --graupl-link-hover-color | theme.get(tertiary, 700) |\n// | --graupl-link-active-color | var(--graupl-link-hover-color) |\n// | --graupl-link-disabled-color | var(--graupl-theme-active--primary--200) |\n// | --graupl-link-text-decoration-color | var(--graupl-link-color) |\n// | --graupl-link-visited-text-decoration-color | var(--graupl-link-visited-color) |\n// | --graupl-link-focus-text-decoration-color | var(--graupl-link-focus-color) |\n// | --graupl-link-hover-text-decoration-color | var(--graupl-link-hover-color) |\n// | --graupl-link-active-text-decoration-color | var(--graupl-link-active-color) |\n// | --graupl-link-disabled-text-decoration-color | var(--graupl-link-disabled-color) |\n// | --graupl-link-background | theme.get(transparent) |\n// | --graupl-link-visited-background | var(--graupl-link-background) |\n// | --graupl-link-focus-background | var(--graupl-link-background) |\n// | --graupl-link-hover-background | theme.get(transparent) |\n// | --graupl-link-active-background | var(--graupl-link-hover-background) |\n// | --graupl-link-disabled-background | theme.get(transparent) |\n// | --graupl-link-padding-x | var(--graupl-spacer-0) |\n// | --graupl-link-padding-y | var(--graupl-spacer-0) |\n// | --graupl-link-padding | var(--graupl-link-padding-y) var(--graupl-link-padding-x) |\n// | --graupl-link-transition | background var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function), color var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function), transform var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function) |\n// | --graupl-link-transition-reduced-motion | background var(--graupl-transition-duration-none) var(--graupl-transition-timing-function), color var(--graupl-transition-duration-none) var(--graupl-transition-timing-function) |\n// | --graupl-link-transform | var(--graupl-link-initial-transform) |\n// | --graupl-link-visited-transform | var(--graupl-link-transform) |\n// | --graupl-link-focus-transform | var(--graupl-link-transform) |\n// | --graupl-link-hover-transform | var(--graupl-link-final-transform) |\n// | --graupl-link-active-transform | var(--graupl-link-hover-transform) |\n// | --graupl-link-disabled-transform | var(--graupl-link-disabled-transform) |\n// | --graupl-link-border-top-width | 0 |\n// | --graupl-link-border-right-width | 0 |\n// | --graupl-link-border-bottom-width | 0 |\n// | --graupl-link-border-left-width | 0 |\n// | --graupl-link-border-width | var(--graupl-link-border-top-width) var(--graupl-link-border-right-width) var(--graupl-link-border-bottom-width) var(--graupl-link-border-left-width) |\n// | --graupl-link-border-top-style | var(--graupl-border-top-style) |\n// | --graupl-link-border-right-style | var(--graupl-border-right-style) |\n// | --graupl-link-border-bottom-style | var(--graupl-border-bottom-style) |\n// | --graupl-link-border-left-style | var(--graupl-border-left-style) |\n// | --graupl-link-border-style | var(--graupl-link-border-top-style) var(--graupl-link-border-right-style) var(--graupl-link-border-bottom-style) var(--graupl-link-border-left-style) |\n// | --graupl-link-border-top-left-radius | var(--graupl-border-top-left-radius) |\n// | --graupl-link-border-top-right-radius | var(--graupl-border-top-right-radius) |\n// | --graupl-link-border-bottom-right-radius | var(--graupl-border-bottom-right-radius) |\n// | --graupl-link-border-bottom-left-radius | var(--graupl-border-bottom-left-radius) |\n// | --graupl-link-border-radius | var(--graupl-link-border-top-left-radius) var(--graupl-link-border-top-right-radius) var(--graupl-link-border-bottom-right-radius) var(--graupl-link-border-bottom-left-radius) |\n// | --graupl-link-border-color | theme.get(transparent) |\n// | --graupl-link-visited-border-color | var(--graupl-link-border-color) |\n// | --graupl-link-focus-border-color | var(--graupl-link-border-color) |\n// | --graupl-link-hover-border-color | theme.get(transparent) |\n// | --graupl-link-active-border-color | var(--graupl-link-hover-border-color) |\n// | --graupl-link-disabled-border-color | theme.get(transparent) |\n// | --graupl-link-min-width | var(--graupl-link-min-width) |\n// | --graupl-link-min-height | var(--graupl-link-min-height) |\n// | --graupl-stretched-link-z-index | var(--graupl-stretched-link-z-index) |\n\n@use \"defaults\";\n@use \"../../variables\" as root-variables;\n@use \"../../defaults\" as root-defaults;\n@use \"../../functions/theme\";\n@use \"sass:map\";\n\n// Link properties.\n// --graupl-link-text-decoration\n$link-text-decoration: var(\n --#{root-defaults.$prefix}link-text-decoration,\n #{defaults.$link-initial-text-decoration}\n);\n\n// --graupl-link-visited-text-decoration\n$link-visited-text-decoration: var(\n --#{root-defaults.$prefix}link-visited-text-decoration,\n #{$link-text-decoration}\n);\n\n// --graupl-link-focus-text-decoration\n$link-focus-text-decoration: var(\n --#{root-defaults.$prefix}link-focus-text-decoration,\n #{$link-text-decoration}\n);\n\n// --graupl-link-hover-text-decoration\n$link-hover-text-decoration: var(\n --#{root-defaults.$prefix}link-hover-text-decoration,\n #{defaults.$link-final-text-decoration}\n);\n\n// --graupl-link-active-text-decoration\n$link-active-text-decoration: var(\n --#{root-defaults.$prefix}link-active-text-decoration,\n #{$link-hover-text-decoration}\n);\n\n// --graupl-link-disabled-text-decoration\n$link-disabled-text-decoration: var(\n --#{root-defaults.$prefix}link-disabled-text-decoration,\n #{defaults.$link-disabled-text-decoration}\n);\n$link-text-decoration-states: (\n default: $link-text-decoration,\n visited: $link-visited-text-decoration,\n focus: $link-focus-text-decoration,\n hover: $link-hover-text-decoration,\n active: $link-active-text-decoration,\n disabled: $link-disabled-text-decoration,\n);\n\n// --graupl-link-text-decoration-thickness\n$link-text-decoration-thickness: var(\n --#{root-defaults.$prefix}link-text-decoration-thickness,\n #{root-variables.$border-width}\n);\n\n// --graupl-link-visited-text-decoration-thickness\n$link-visited-text-decoration-thickness: var(\n --#{root-defaults.$prefix}link-visited-text-decoration-thickness,\n #{$link-text-decoration-thickness}\n);\n\n// --graupl-link-focus-text-decoration-thickness\n$link-focus-text-decoration-thickness: var(\n --#{root-defaults.$prefix}link-focus-text-decoration-thickness,\n #{$link-text-decoration-thickness}\n);\n\n// --graupl-link-hover-text-decoration-thickness\n$link-hover-text-decoration-thickness: var(\n --#{root-defaults.$prefix}link-hover-text-decoration-thickness,\n #{root-variables.$border-width}\n);\n\n// --graupl-link-active-text-decoration-thickness\n$link-active-text-decoration-thickness: var(\n --#{root-defaults.$prefix}link-active-text-decoration-thickness,\n #{$link-hover-text-decoration-thickness}\n);\n\n// --graupl-link-disabled-text-decoration-thickness\n$link-disabled-text-decoration-thickness: var(\n --#{root-defaults.$prefix}link-disabled-text-decoration-thickness,\n #{root-variables.$border-width}\n);\n$link-text-decoration-thickness-states: (\n default: $link-text-decoration-thickness,\n visited: $link-visited-text-decoration-thickness,\n focus: $link-focus-text-decoration-thickness,\n hover: $link-hover-text-decoration-thickness,\n active: $link-active-text-decoration-thickness,\n disabled: $link-disabled-text-decoration-thickness,\n);\n\n// --graupl-link-text-decoration-style\n$link-text-decoration-style: var(\n --#{root-defaults.$prefix}link-text-decoration-style,\n #{defaults.$link-initial-text-decoration-style}\n);\n\n// --graupl-link-visited-text-decoration-style\n$link-visited-text-decoration-style: var(\n --#{root-defaults.$prefix}link-visited-text-decoration-style,\n #{$link-text-decoration-style}\n);\n\n// --graupl-link-focus-text-decoration-style\n$link-focus-text-decoration-style: var(\n --#{root-defaults.$prefix}link-focus-text-decoration-style,\n #{$link-text-decoration-style}\n);\n\n// --graupl-link-hover-text-decoration-style\n$link-hover-text-decoration-style: var(\n --#{root-defaults.$prefix}link-hover-text-decoration-style,\n #{defaults.$link-final-text-decoration-style}\n);\n\n// --graupl-link-active-text-decoration-style\n$link-active-text-decoration-style: var(\n --#{root-defaults.$prefix}link-active-text-decoration-style,\n #{$link-hover-text-decoration-style}\n);\n\n// --graupl-link-disabled-text-decoration-style\n$link-disabled-text-decoration-style: var(\n --#{root-defaults.$prefix}link-disabled-text-decoration-style,\n #{defaults.$link-disabled-text-decoration-style}\n);\n$link-text-decoration-style-states: (\n default: $link-text-decoration-style,\n visited: $link-visited-text-decoration-style,\n focus: $link-focus-text-decoration-style,\n hover: $link-hover-text-decoration-style,\n active: $link-active-text-decoration-style,\n disabled: $link-disabled-text-decoration-style,\n);\n\n// --graupl-link-color\n$link-color: var(\n --#{root-defaults.$prefix}link-color,\n #{theme.get(primary, 700)}\n);\n\n// --graupl-link-visited-color\n$link-visited-color: var(\n --#{root-defaults.$prefix}link-visited-color,\n #{$link-color}\n);\n\n// --graupl-link-focus-color\n$link-focus-color: var(\n --#{root-defaults.$prefix}link-focus-color,\n #{$link-color}\n);\n\n// --graupl-link-hover-color\n$link-hover-color: var(\n --#{root-defaults.$prefix}link-hover-color,\n #{theme.get(tertiary, 700)}\n);\n\n// --graupl-link-active-color\n$link-active-color: var(\n --#{root-defaults.$prefix}link-active-color,\n #{$link-hover-color}\n);\n\n// --graupl-link-disabled-color\n$link-disabled-color: var(\n --#{root-defaults.$prefix}link-disabled-color,\n #{theme.get(primary, 200)}\n);\n$link-color-states: (\n default: $link-color,\n visited: $link-visited-color,\n focus: $link-focus-color,\n hover: $link-hover-color,\n active: $link-active-color,\n disabled: $link-disabled-color,\n);\n\n// --graupl-link-text-decoration-color\n$link-text-decoration-color: var(\n --#{root-defaults.$prefix}link-text-decoration-color,\n #{$link-color}\n);\n\n// --graupl-link-visited-text-decoration-color\n$link-visited-text-decoration-color: var(\n --#{root-defaults.$prefix}link-visited-text-decoration-color,\n #{$link-visited-color}\n);\n\n// --graupl-link-focus-text-decoration-color\n$link-focus-text-decoration-color: var(\n --#{root-defaults.$prefix}link-focus-text-decoration-color,\n #{$link-focus-color}\n);\n\n// --graupl-link-hover-text-decoration-color\n$link-hover-text-decoration-color: var(\n --#{root-defaults.$prefix}link-hover-text-decoration-color,\n #{$link-hover-color}\n);\n\n// --graupl-link-active-text-decoration-color\n$link-active-text-decoration-color: var(\n --#{root-defaults.$prefix}link-active-text-decoration-color,\n #{$link-active-color}\n);\n\n// --graupl-link-disabled-text-decoration-color\n$link-disabled-text-decoration-color: var(\n --#{root-defaults.$prefix}link-disabled-text-decoration-color,\n #{$link-disabled-color}\n);\n$link-text-decoration-color-states: (\n default: $link-text-decoration-color,\n visited: $link-visited-text-decoration-color,\n focus: $link-focus-text-decoration-color,\n hover: $link-hover-text-decoration-color,\n active: $link-active-text-decoration-color,\n disabled: $link-disabled-text-decoration-color,\n);\n\n// --graupl-link-background\n$link-background: var(\n --#{root-defaults.$prefix}link-background,\n #{theme.get(transparent)}\n);\n\n// --graupl-link-visited-background\n$link-visited-background: var(\n --#{root-defaults.$prefix}link-visited-background,\n #{$link-background}\n);\n\n// --graupl-link-focus-background\n$link-focus-background: var(\n --#{root-defaults.$prefix}link-focus-background,\n #{$link-background}\n);\n\n// --graupl-link-hover-background\n$link-hover-background: var(\n --#{root-defaults.$prefix}link-hover-background,\n #{theme.get(transparent)}\n);\n\n// --graupl-link-active-background\n$link-active-background: var(\n --#{root-defaults.$prefix}link-active-background,\n #{$link-hover-background}\n);\n\n// --graupl-link-disabled-background\n$link-disabled-background: var(\n --#{root-defaults.$prefix}link-disabled-background,\n #{theme.get(transparent)}\n);\n$link-background-states: (\n default: $link-background,\n visited: $link-visited-background,\n focus: $link-focus-background,\n hover: $link-hover-background,\n active: $link-active-background,\n disabled: $link-disabled-background,\n);\n\n// --graupl-link-padding-x\n$link-padding-x: var(\n --#{root-defaults.$prefix}link-padding-x,\n #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-link-padding-y\n$link-padding-y: var(\n --#{root-defaults.$prefix}link-padding-y,\n #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-link-padding\n$link-padding: var(\n --#{root-defaults.$prefix}link-padding,\n #{$link-padding-y} #{$link-padding-x}\n);\n\n// --graupl-link-transition\n$link-transition: var(\n --#{root-defaults.$prefix}link-transition,\n background #{map.get(root-variables.$transition-durations, fast)}\n #{root-variables.$transition-timing-function},\n color #{map.get(root-variables.$transition-durations, fast)}\n #{root-variables.$transition-timing-function},\n transform #{map.get(root-variables.$transition-durations, fast)}\n #{root-variables.$transition-timing-function}\n);\n\n// --graupl-link-transition-reduced-motion\n$link-transition-reduced-motion: var(\n --#{root-defaults.$prefix}link-transition-reduced-motion,\n background #{map.get(root-variables.$transition-durations, none)}\n #{root-variables.$transition-timing-function},\n color #{map.get(root-variables.$transition-durations, none)}\n #{root-variables.$transition-timing-function}\n);\n\n// --graupl-link-transform\n$link-transform: var(\n --#{root-defaults.$prefix}link-transform,\n #{defaults.$link-initial-transform}\n);\n\n// --graupl-link-visited-transform\n$link-visited-transform: var(\n --#{root-defaults.$prefix}link-visited-transform,\n #{$link-transform}\n);\n\n// --graupl-link-focus-transform\n$link-focus-transform: var(\n --#{root-defaults.$prefix}link-focus-transform,\n #{$link-transform}\n);\n\n// --graupl-link-hover-transform\n$link-hover-transform: var(\n --#{root-defaults.$prefix}link-hover-transform,\n #{defaults.$link-final-transform}\n);\n\n// --graupl-link-active-transform\n$link-active-transform: var(\n --#{root-defaults.$prefix}link-active-transform,\n #{$link-hover-transform}\n);\n\n// --graupl-link-disabled-transform\n$link-disabled-transform: var(\n --#{root-defaults.$prefix}link-disabled-transform,\n #{defaults.$link-disabled-transform}\n);\n$link-transform-states: (\n default: $link-transform,\n visited: $link-visited-transform,\n focus: $link-focus-transform,\n hover: $link-hover-transform,\n active: $link-active-transform,\n disabled: $link-disabled-transform,\n);\n\n// --graupl-link-border-top-width\n$link-border-top-width: var(--#{root-defaults.$prefix}link-border-top-width, 0);\n\n// --graupl-link-border-right-width\n$link-border-right-width: var(\n --#{root-defaults.$prefix}link-border-right-width,\n 0\n);\n\n// --graupl-link-border-bottom-width\n$link-border-bottom-width: var(\n --#{root-defaults.$prefix}link-border-bottom-width,\n 0\n);\n\n// --graupl-link-border-left-width\n$link-border-left-width: var(\n --#{root-defaults.$prefix}link-border-left-width,\n 0\n);\n\n// --graupl-link-border-width\n$link-border-width: var(\n --#{root-defaults.$prefix}link-border-width,\n #{$link-border-top-width} #{$link-border-right-width}\n #{$link-border-bottom-width} #{$link-border-left-width}\n);\n\n// --graupl-link-border-top-style\n$link-border-top-style: var(\n --#{root-defaults.$prefix}link-border-top-style,\n #{root-variables.$border-top-style}\n);\n\n// --graupl-link-border-right-style\n$link-border-right-style: var(\n --#{root-defaults.$prefix}link-border-right-style,\n #{root-variables.$border-right-style}\n);\n\n// --graupl-link-border-bottom-style\n$link-border-bottom-style: var(\n --#{root-defaults.$prefix}link-border-bottom-style,\n #{root-variables.$border-bottom-style}\n);\n\n// --graupl-link-border-left-style\n$link-border-left-style: var(\n --#{root-defaults.$prefix}link-border-left-style,\n #{root-variables.$border-left-style}\n);\n\n// --graupl-link-border-style\n$link-border-style: var(\n --#{root-defaults.$prefix}link-border-style,\n #{$link-border-top-style} #{$link-border-right-style}\n #{$link-border-bottom-style} #{$link-border-left-style}\n);\n\n// --graupl-link-border-top-left-radius\n$link-border-top-left-radius: var(\n --#{root-defaults.$prefix}link-border-top-left-radius,\n #{root-variables.$border-top-left-radius}\n);\n\n// --graupl-link-border-top-right-radius\n$link-border-top-right-radius: var(\n --#{root-defaults.$prefix}link-border-top-right-radius,\n #{root-variables.$border-top-right-radius}\n);\n\n// --graupl-link-border-bottom-right-radius\n$link-border-bottom-right-radius: var(\n --#{root-defaults.$prefix}link-border-bottom-right-radius,\n #{root-variables.$border-bottom-right-radius}\n);\n\n// --graupl-link-border-bottom-left-radius\n$link-border-bottom-left-radius: var(\n --#{root-defaults.$prefix}link-border-bottom-left-radius,\n #{root-variables.$border-bottom-left-radius}\n);\n\n// --graupl-link-border-radius\n$link-border-radius: var(\n --#{root-defaults.$prefix}link-border-radius,\n #{$link-border-top-left-radius} #{$link-border-top-right-radius}\n #{$link-border-bottom-right-radius} #{$link-border-bottom-left-radius}\n);\n\n// --graupl-link-border-color\n$link-border-color: var(\n --#{root-defaults.$prefix}link-border-color,\n #{theme.get(transparent)}\n);\n\n// --graupl-link-visited-border-color\n$link-visited-border-color: var(\n --#{root-defaults.$prefix}link-visited-border-color,\n #{$link-border-color}\n);\n\n// --graupl-link-focus-border-color\n$link-focus-border-color: var(\n --#{root-defaults.$prefix}link-focus-border-color,\n #{$link-border-color}\n);\n\n// --graupl-link-hover-border-color\n$link-hover-border-color: var(\n --#{root-defaults.$prefix}link-hover-border-color,\n #{theme.get(transparent)}\n);\n\n// --graupl-link-active-border-color\n$link-active-border-color: var(\n --#{root-defaults.$prefix}link-active-border-color,\n #{$link-hover-border-color}\n);\n\n// --graupl-link-disabled-border-color\n$link-disabled-border-color: var(\n --#{root-defaults.$prefix}link-disabled-border-color,\n #{theme.get(transparent)}\n);\n$link-border-color-states: (\n default: $link-border-color,\n visited: $link-visited-border-color,\n focus: $link-focus-border-color,\n hover: $link-hover-border-color,\n active: $link-active-border-color,\n disabled: $link-disabled-border-color,\n);\n\n// --graupl-link-min-width\n$link-min-width: var(\n --#{root-defaults.$prefix}link-min-width,\n defaults.$link-min-width\n);\n\n// --graupl-link-min-height\n$link-min-height: var(\n --#{root-defaults.$prefix}link-min-height,\n defaults.$link-min-height\n);\n\n// Stretched link properties.\n// --graupl-stretched-link-z-index\n$stretched-link-z-index: var(\n --#{root-defaults.$prefix}stretched-link-z-index,\n #{defaults.$stretched-link-z-index}\n);\n","// @graupl/core state mixins.\n//\n// A series of mixins to tie styles to a state.\n\n@use \"../defaults\" as root-defaults;\n@use \"sass:map\";\n\n/// Applies styles to a specific state.\n///\n/// @param {string} $state\n/// The name of the state to apply the styles to.\n@mixin state($state) {\n @each $selector in map.get(root-defaults.$state-selectors, $state) {\n &#{$selector} {\n @content;\n }\n }\n}\n\n/// Generates state modifiers with properties.\n///\n/// @param {map} $state-map\n/// The map of props and states.\n/// @param {string} $selector-base\n/// The selector base for the state modifier.\n/// @param {string} $selector-prefix\n/// The selector prefix for the state modifer.\n@mixin generate-modifiers($state-map) {\n @each $state, $selectors in root-defaults.$state-selectors {\n @each $selector in $selectors {\n // e.g &:visited, &:focus-visible, &:hover, &:active, &:disabled\n &#{$selector} {\n @each $prop, $map in $state-map {\n #{$prop}: map.get($map, $state);\n }\n\n // If the state is disabled, we want that to supersede all other states.\n @if $state == \"disabled\" {\n @each $sub-state, $sub-selectors in root-defaults.$state-selectors {\n @if $sub-state != $state {\n @each $sub-selector in $sub-selectors {\n // e.g &:visited, &:focus-visible, &:hover, &:active\n &#{$sub-selector} {\n @each $prop, $map in $state-map {\n #{$prop}: map.get($map, $state);\n }\n }\n }\n }\n }\n }\n }\n }\n }\n}\n","// @graupl/core animation media query mixins.\n\n// A media query for targeting users who have not requested reduced motion.\n@mixin on {\n @media (prefers-reduced-motion: no-preference) {\n @content;\n }\n}\n\n// A media query for targeting users who have requested reduced motion.\n@mixin off {\n @media (prefers-reduced-motion: reduce) {\n @content;\n }\n}\n"],"names":[]}
package/dist/css/base/table.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer graupl.base{table{border-radius:var(--graupl-table-border-radius,var(--graupl-table-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-table-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-table-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-table-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))))}table caption{caption-side:var(--graupl-table-caption-side,bottom);padding:var(--graupl-table-caption-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-table-caption-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))}table th{border-radius:var(--graupl-table-header-border-radius,var(--graupl-table-header-border-top-left-radius,var(--graupl-table-cell-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem)))) var(--graupl-table-header-border-top-right-radius,var(--graupl-table-cell-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))) var(--graupl-table-header-border-bottom-right-radius,var(--graupl-table-cell-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))) var(--graupl-table-header-border-bottom-left-radius,var(--graupl-table-cell-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem)))));font-weight:var(--graupl-table-header-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)));padding:var(--graupl-table-header-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-table-header-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))}table tbody th,table td{border-radius:var(--graupl-table-cell-border-radius,var(--graupl-table-cell-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-table-cell-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-table-cell-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-table-cell-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));padding:var(--graupl-table-cell-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-table-cell-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))}table.bordered,table.collapsed{border-collapse:collapse}table.bordered{--graupl-table-border-radius:0;--graupl-table-cell-border-radius:0;--graupl-table-header-border-radius:0;border-style:var(--graupl-table-border-style,var(--graupl-table-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-table-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-table-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-table-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-table-border-width,var(--graupl-table-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-table-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-table-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-table-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))))}table.bordered td{border-style:var(--graupl-table-cell-border-style,var(--graupl-table-cell-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-table-cell-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-table-cell-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-table-cell-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-table-cell-border-width,var(--graupl-table-cell-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-table-cell-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-table-cell-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-table-cell-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))))}table.bordered th{border-style:var(--graupl-table-header-border-style,var(--graupl-table-header-border-top-style,var(--graupl-table-cell-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid)))) var(--graupl-table-header-border-right-style,var(--graupl-table-cell-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid)))) var(--graupl-table-header-border-bottom-style,var(--graupl-table-cell-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid)))) var(--graupl-table-header-border-left-style,var(--graupl-table-cell-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid)))));border-width:var(--graupl-table-header-border-width,var(--graupl-table-header-border-top-width,var(--graupl-table-cell-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem)))) var(--graupl-table-header-border-right-width,var(--graupl-table-cell-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))) var(--graupl-table-header-border-bottom-width,var(--graupl-table-cell-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem)))) var(--graupl-table-header-border-left-width,var(--graupl-table-cell-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem)))))}.responsive-table{display:block;overflow:scroll hidden;width:100%}.responsive-table table{margin-bottom:0;width:100%}}@layer graupl.theme{table .primary,table.primary{--graupl-table-header-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-table-header-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-table-striped-background:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-table-striped-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-table-hover-background:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)));--graupl-table-hover-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-table-border-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-table-highlight-background:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)));--graupl-table-highlight-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}table .secondary,table.secondary{--graupl-table-header-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-table-header-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-table-striped-background:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-table-striped-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-table-hover-background:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)));--graupl-table-hover-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-table-border-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-table-highlight-background:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)));--graupl-table-highlight-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}table .tertiary,table.tertiary{--graupl-table-header-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-table-header-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-table-striped-background:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-table-striped-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-table-hover-background:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)));--graupl-table-hover-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-table-border-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-table-highlight-background:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)));--graupl-table-highlight-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}table th{background:var(--graupl-table-header-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));color:var(--graupl-table-header-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}table tbody th,table td{background:var(--graupl-table-cell-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));color:var(--graupl-table-cell-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}table.bordered{border-color:var(--graupl-table-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}table.bordered td{border-color:var(--graupl-table-cell-border-color,var(--graupl-table-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))}table.bordered th{border-color:var(--graupl-table-header-border-color,var(--graupl-table-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))}table.striped-columns tbody tr:nth-child(odd)>*,table.striped-rows tbody tr>:nth-child(odd){background:var(--graupl-table-striped-background,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb))));color:var(--graupl-table-striped-color,var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124))))}table.hoverable tbody tr:hover>*{background:var(--graupl-table-hover-background,var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8))));color:var(--graupl-table-hover-color,var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124))))}table .highlight{--graupl-table-cell-background:var(--graupl-table-highlight-background,var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093))));--graupl-table-cell-color:var(--graupl-table-highlight-color,var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7))));--graupl-table-header-background:var(--graupl-table-highlight-background,var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093))));--graupl-table-header-color:var(--graupl-table-highlight-color,var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7))));--graupl-table-striped-background:var(--graupl-table-highlight-background,var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093))));--graupl-table-striped-color:var(--graupl-table-highlight-color,var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7))))}}
2
- /*# sourceMappingURL=table.css.map */
1
+ @layer graupl.base{table{border-radius:var(--graupl-table-border-radius,var(--graupl-table-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem)))var(--graupl-table-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-table-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-table-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))))}table caption{padding:var(--graupl-table-caption-padding,var(--graupl-table-caption-padding-y,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem))))var(--graupl-table-caption-padding-x,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem)))));caption-side:var(--graupl-table-caption-side,bottom)}table th{padding:var(--graupl-table-header-padding,var(--graupl-table-header-padding-y,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem))))var(--graupl-table-header-padding-x,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem)))));border-radius:var(--graupl-table-header-border-radius,var(--graupl-table-header-border-top-left-radius,var(--graupl-table-cell-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))))var(--graupl-table-header-border-top-right-radius,var(--graupl-table-cell-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))))var(--graupl-table-header-border-bottom-right-radius,var(--graupl-table-cell-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))))var(--graupl-table-header-border-bottom-left-radius,var(--graupl-table-cell-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem)))));font-weight:var(--graupl-table-header-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)))}table td,table tbody th{padding:var(--graupl-table-cell-padding,var(--graupl-table-cell-padding-y,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem))))var(--graupl-table-cell-padding-x,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem)))));border-radius:var(--graupl-table-cell-border-radius,var(--graupl-table-cell-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem)))var(--graupl-table-cell-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-table-cell-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-table-cell-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))))}table.collapsed{border-collapse:collapse}table.bordered{--graupl-table-border-radius:0;--graupl-table-cell-border-radius:0;--graupl-table-header-border-radius:0;border-collapse:collapse;border-width:var(--graupl-table-border-width,var(--graupl-table-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem)))var(--graupl-table-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))var(--graupl-table-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem)))var(--graupl-table-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));border-style:var(--graupl-table-border-style,var(--graupl-table-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid)))var(--graupl-table-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid)))var(--graupl-table-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid)))var(--graupl-table-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))))}table.bordered td{border-width:var(--graupl-table-cell-border-width,var(--graupl-table-cell-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem)))var(--graupl-table-cell-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))var(--graupl-table-cell-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem)))var(--graupl-table-cell-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));border-style:var(--graupl-table-cell-border-style,var(--graupl-table-cell-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid)))var(--graupl-table-cell-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid)))var(--graupl-table-cell-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid)))var(--graupl-table-cell-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))))}table.bordered th{border-width:var(--graupl-table-header-border-width,var(--graupl-table-header-border-top-width,var(--graupl-table-cell-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))))var(--graupl-table-header-border-right-width,var(--graupl-table-cell-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))))var(--graupl-table-header-border-bottom-width,var(--graupl-table-cell-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))))var(--graupl-table-header-border-left-width,var(--graupl-table-cell-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem)))));border-style:var(--graupl-table-header-border-style,var(--graupl-table-header-border-top-style,var(--graupl-table-cell-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))))var(--graupl-table-header-border-right-style,var(--graupl-table-cell-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))))var(--graupl-table-header-border-bottom-style,var(--graupl-table-cell-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))))var(--graupl-table-header-border-left-style,var(--graupl-table-cell-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid)))))}.responsive-table{width:100%;display:block;overflow:scroll hidden}.responsive-table table{width:100%;margin-bottom:0}}@layer graupl.theme{table.primary{--graupl-table-header-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-table-header-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-table-striped-background:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-table-striped-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-table-hover-background:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)));--graupl-table-hover-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-table-border-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-table-highlight-background:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)));--graupl-table-highlight-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}table.secondary{--graupl-table-header-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-table-header-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-table-striped-background:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-table-striped-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-table-hover-background:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)));--graupl-table-hover-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-table-border-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-table-highlight-background:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)));--graupl-table-highlight-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}table.tertiary{--graupl-table-header-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-table-header-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-table-striped-background:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-table-striped-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-table-hover-background:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)));--graupl-table-hover-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-table-border-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-table-highlight-background:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)));--graupl-table-highlight-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}table .primary{--graupl-table-header-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-table-header-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-table-striped-background:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-table-striped-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-table-hover-background:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)));--graupl-table-hover-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-table-border-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-table-highlight-background:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)));--graupl-table-highlight-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}table .secondary{--graupl-table-header-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-table-header-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-table-striped-background:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-table-striped-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-table-hover-background:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)));--graupl-table-hover-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-table-border-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-table-highlight-background:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)));--graupl-table-highlight-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}table .tertiary{--graupl-table-header-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-table-header-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-table-striped-background:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-table-striped-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-table-hover-background:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)));--graupl-table-hover-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-table-border-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-table-highlight-background:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)));--graupl-table-highlight-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}table th{background:var(--graupl-table-header-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));color:var(--graupl-table-header-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}table td,table tbody th{background:var(--graupl-table-cell-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));color:var(--graupl-table-cell-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}table.bordered{border-color:var(--graupl-table-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}table.bordered td{border-color:var(--graupl-table-cell-border-color,var(--graupl-table-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))}table.bordered th{border-color:var(--graupl-table-header-border-color,var(--graupl-table-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))}table.striped-columns tbody tr:nth-child(odd)>*,table.striped-rows tbody tr>:nth-child(odd){background:var(--graupl-table-striped-background,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb))));color:var(--graupl-table-striped-color,var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124))))}table.hoverable tbody tr:hover>*{background:var(--graupl-table-hover-background,var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8))));color:var(--graupl-table-hover-color,var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124))))}table .highlight{--graupl-table-cell-background:var(--graupl-table-highlight-background,var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093))));--graupl-table-cell-color:var(--graupl-table-highlight-color,var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7))));--graupl-table-header-background:var(--graupl-table-highlight-background,var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093))));--graupl-table-header-color:var(--graupl-table-highlight-color,var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7))));--graupl-table-striped-background:var(--graupl-table-highlight-background,var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093))));--graupl-table-striped-color:var(--graupl-table-highlight-color,var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7))))}}
2
+ /*# sourceMappingURL=table.css.map */