@graupl/graupl 1.0.0-beta.23 → 1.0.0-beta.25

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 (206) 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 +6 -11
  157. package/scss/base/button.scss +1 -1
  158. package/scss/base/form.scss +1 -1
  159. package/scss/base/link.scss +1 -1
  160. package/scss/base/table.scss +1 -1
  161. package/scss/base.scss +1 -1
  162. package/scss/component/accordion.scss +1 -1
  163. package/scss/component/alert.scss +1 -1
  164. package/scss/component/badge.scss +1 -1
  165. package/scss/component/card.scss +1 -1
  166. package/scss/component/carousel.scss +1 -1
  167. package/scss/component/disclosure.scss +1 -1
  168. package/scss/component/input-group.scss +1 -1
  169. package/scss/component/list.scss +1 -1
  170. package/scss/component/menu.scss +1 -1
  171. package/scss/component/navigation.scss +1 -1
  172. package/scss/component.scss +1 -1
  173. package/scss/graupl.scss +1 -1
  174. package/scss/init.scss +1 -1
  175. package/scss/layout/columns.scss +1 -1
  176. package/scss/layout/container.scss +1 -1
  177. package/scss/layout/flex-columns.scss +1 -1
  178. package/scss/layout.scss +1 -1
  179. package/scss/normalize.scss +1 -1
  180. package/scss/state/focus.scss +1 -1
  181. package/scss/state.scss +1 -1
  182. package/scss/theme/color.scss +1 -1
  183. package/scss/theme/typography.scss +1 -1
  184. package/scss/theme.scss +1 -1
  185. package/scss/utilities/alignment.scss +1 -1
  186. package/scss/utilities/background.scss +1 -1
  187. package/scss/utilities/border.scss +1 -1
  188. package/scss/utilities/color.scss +1 -1
  189. package/scss/utilities/container.scss +1 -1
  190. package/scss/utilities/display.scss +1 -1
  191. package/scss/utilities/flex.scss +1 -1
  192. package/scss/utilities/gradient.scss +1 -1
  193. package/scss/utilities/height.scss +1 -1
  194. package/scss/utilities/inset.scss +1 -1
  195. package/scss/utilities/justification.scss +1 -1
  196. package/scss/utilities/list.scss +1 -1
  197. package/scss/utilities/order.scss +1 -1
  198. package/scss/utilities/position.scss +1 -1
  199. package/scss/utilities/ratio.scss +1 -1
  200. package/scss/utilities/spacing.scss +1 -1
  201. package/scss/utilities/typography.scss +1 -1
  202. package/scss/utilities/visibility.scss +1 -1
  203. package/scss/utilities/visually-hidden.scss +1 -1
  204. package/scss/utilities/width.scss +1 -1
  205. package/scss/utilities/z-index.scss +1 -1
  206. package/scss/utilities.scss +1 -1
package/dist/css/component/menu.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","menu.css","../../../node_modules/@graupl/core/src/scss/component/menu/_index.scss","../../../node_modules/@graupl/core/src/scss/component/menu/_variables.scss","../../../node_modules/@graupl/core/src/scss/mixins/_animation.scss"],"names":[],"mappings":"AASI,gBC4JJ,CD5JI,wBEEF,MACE,+OAAA,CACA,iPAAA,CACA,qjBAAA,CACA,+eAAA,CACA,0EAAA,CACA,6HAAA,CACA,uFAAA,CACA,8DAAA,CACA,kIAAA,CACA,+LAAA,CACA,qJAAA,CACA,gHAAA,CACA,8HAAA,CACA,2LAAA,CACA,iJAAA,CACA,4GAAA,CACA,sFAAA,CACA,yIAAA,CACA,mGAAA,CACA,0EAAA,CACA,sIAAA,CACA,mMAAA,CACA,yJAAA,CACA,oHAAA,CACA,4FAAA,CACA,+IAAA,CACA,yGAAA,CACA,gFAAA,CAOA,0gBCwCiB,CDzCjB,wcCmFgB,CDpFhB,0MC+DgB,CDlEhB,uCCYW,CDXX,oDC7BkB,CDmClB,uMCTO,CDUP,iBAAA,CAFA,eAAA,CAJA,gNDFF,CCUE,WACE,0DDRJ,CCWE,WACE,0DDTJ,CCaA,SASE,yhBC+IoB,CDhJpB,udC0LmB,CD3LnB,+dCsKmB,CD5KnB,0CCsHc,CDnHd,QAAA,CACA,0DCsEqB,CDhErB,yQC8FU,CD5FV,gKCgNY,CDjNZ,iBAAA,CAFA,eAAA,CAJA,yNCqFc,CDzFd,gDCuMe,CDtMf,uCDDF,CCaE,cACE,gEDXJ,CCcE,cACE,gEDZJ,CCgBA,WAIE,kBAAA,CAHA,YAAA,CAEA,cAAA,CAEA,sBAAA,CAEA,gDCwMkB,CDzMlB,4DCqMkB,CDrMlB,uDCqMkB,CDnMlB,+NCmNgB,CDzNhB,iBDRF,CCiBA,WAQE,miBC4bsB,CD7btB,ieCweqB,CDzerB,mOCodqB,CDzdrB,YAAA,CAUA,wPC+QY,CDvRZ,gOCiOgB,CD3NhB,oECyUwB,CDzUxB,4DCyUwB,CDxUxB,yECwX8B,CDtX9B,8GC8VkC,CDtWlC,gDCoPkB,CDnPlB,kPCqOmB,CDxOnB,UDLF,CCiBE,mBACE,+HAAA,CACA,4LAAA,CACA,kJAAA,CACA,6GDfJ,CCkBE,yBACE,6HAAA,CACA,0LAAA,CACA,gJAAA,CACA,2GDhBJ,CCmBE,iBACE,qFAAA,CACA,wIAAA,CACA,kGAAA,CACA,yEDjBJ,CCoBE,kBACE,oIAAA,CACA,iMAAA,CACA,uJAAA,CACA,kHDlBJ,CCuBI,mRAKE,wFAAA,CACA,2IAAA,CACA,qGAAA,CACA,4EDzBN,CC6BE,kBACE,2OAAA,CACA,ifAAA,CACA,2iBAAA,CACA,qeAAA,CACA,uCAAA,CACA,+CAAA,CACA,6CAAA,CACA,6CAAA,CACA,8CAAA,CACA,gDAAA,CACA,yWAAA,CACA,wMAAA,CACA,gEAAA,CACA,+GAAA,CACA,2GAAA,CACA,2GAAA,CACA,qFAAA,CACA,kFD3BJ,CC+BA,gBAEE,kBAAA,CADA,YAAA,CAEA,6BD7BF,CC+BE,sBACE,gDCkcmB,CDjcnB,aAAA,CACA,6DCwbqB,CDvbrB,sJD7BJ,CCgCE,0CACE,6FD9BJ,CGjJA,uCFoLE,WACE,4LDhCF,CCmCA,sBACE,8FDjCF,CACF,CACF,CD5JI,oBEiMF,MACE,2OAAA,CACA,oQAAA,CACA,uRAAA,CACA,ySAAA,CACA,yRAAA,CACA,uTAAA,CACA,4UAAA,CACA,+VAAA,CACA,qRAAA,CACA,mTAAA,CACA,wUAAA,CACA,yVAAA,CACA,sQAAA,CACA,iQAAA,CACA,wTAAA,CACA,0UAAA,CACA,4SAAA,CACA,4SAAA,CACA,qWAAA,CACA,iXAAA,CACA,uLAAA,CACA,wPAAA,CACA,4OAAA,CACA,8PAAA,CAGA,mNC1Kc,CDyKd,sOClKgB,CDoKhB,+LDnCF,CCsCA,SAEE,oPClDiB,CDiDjB,qQC1CmB,CD4CnB,2NDpCF,CCuCA,WAEE,sPC8ImB,CD/InB,yQCmWqB,CDjWrB,6NCqKc,CDpKd,2RDrCF,CCuCE,mBACE,oTAAA,CACA,sRAAA,CACA,4VAAA,CACA,yUDrCJ,CCwCE,yBACE,kTAAA,CACA,oRAAA,CACA,wVAAA,CACA,uUDtCJ,CCyCE,iBACE,gQAAA,CACA,qQAAA,CACA,yUAAA,CACA,uTDvCJ,CC0CE,kBACE,0SAAA,CACA,0SAAA,CACA,+WAAA,CACA,mWDxCJ,CC4CI,uIAKE,oPAAA,CACA,mLAAA,CACA,0PAAA,CACA,wOD9CN,CCkDE,kBACE,wOAAA,CACA,oNAAA,CACA,6PAAA,CACA,wRAAA,CACA,+PAAA,CACA,+SAAA,CACA,oRAAA,CACA,2PAAA,CACA,2SAAA,CACA,0OAAA,CACA,0OAAA,CACA,yQAAA,CACA,kRAAA,CACA,6QAAA,CACA,mTAAA,CACA,0PAAA,CACA,yLAAA,CACA,uMDhDJ,CACF","file":"menu.css"}
1
+ {"version":3,"sourceRoot":null,"mappings":"AESI,wBCsQF,qhMAyCE,sEAKA,sEAMF,szEAgBE,+EAKA,+EAMF,yaAYA,gvEE3UI,uhBAAA,mhBAAA,iWAAA,yiBAAA,+8DFmWF,+lGAuBF,8EAKE,2SAOA,wIG1ZF,uCHiaE,wMAKA,uHDxaA,oBCgbF,4/OAgDA,ouBAOA,sgCEjdI,6sCAAA,usCAAA,+lCAAA,kwCAAA,q8EFieF","sources":["dist/css/component/menu.css","var/www/html/node_modules/@graupl/core/src/scss/theme/typography/_defaults.scss","var/www/html/node_modules/@graupl/core/src/scss/mixins/_layer.scss","var/www/html/node_modules/@graupl/core/src/scss/component/menu/_index.scss","var/www/html/node_modules/@graupl/core/src/scss/component/menu/_variables.scss","var/www/html/node_modules/@graupl/core/src/scss/mixins/_state.scss","var/www/html/node_modules/@graupl/core/src/scss/mixins/_animation.scss"],"sourcesContent":["@charset \"UTF-8\";\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n@layer graupl.component {\n .menu {\n --graupl-link-padding: var(--graupl-menu-link-padding, var(--graupl-menu-link-padding-y, var(--graupl-spacer-3, calc(0.5 * var(--graupl-spacer, 1rem)))) var(--graupl-menu-link-padding-x, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem)))));\n --graupl-link-border-width: var(--graupl-menu-link-border-width, var(--graupl-menu-link-border-top-width, 0) var(--graupl-menu-link-border-right-width, 0) var(--graupl-menu-link-border-bottom-width, 0) var(--graupl-menu-link-border-left-width, 0));\n --graupl-link-border-radius: var(--graupl-menu-link-border-radius, var(--graupl-menu-link-border-top-left-radius, var(--graupl-border-top-left-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-menu-link-border-top-right-radius, var(--graupl-border-top-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-menu-link-border-bottom-right-radius, var(--graupl-border-bottom-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-menu-link-border-bottom-left-radius, var(--graupl-border-bottom-left-radius, var(--graupl-border-radius, 0.125rem))));\n --graupl-link-border-style: var(--graupl-menu-link-border-style, var(--graupl-menu-link-border-top-style, var(--graupl-border-top-style, var(--graupl-border-style, solid))) var(--graupl-menu-link-border-right-style, var(--graupl-border-right-style, var(--graupl-border-style, solid))) var(--graupl-menu-link-border-bottom-style, var(--graupl-border-bottom-style, var(--graupl-border-style, solid))) var(--graupl-menu-link-border-left-style, var(--graupl-border-left-style, var(--graupl-border-style, solid))));\n --graupl-link-text-decoration: var(--graupl-menu-link-text-decoration, none);\n --graupl-link-text-decoration-thickness: var(--graupl-menu-link-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n --graupl-link-text-decoration-style: var(--graupl-menu-link-text-decoration-style, solid);\n --graupl-link-transform: var(--graupl-menu-link-transform, none);\n --graupl-link-visited-text-decoration: var(--graupl-menu-link-visited-text-decoration, var(--graupl-menu-link-text-decoration, none));\n --graupl-link-visited-text-decoration-thickness: var(--graupl-menu-link-visited-text-decoration-thickness, var(--graupl-menu-link-text-decoration-thickness, var(--graupl-border-width, 0.125rem)));\n --graupl-link-visited-text-decoration-style: var(--graupl-menu-link-visited-text-decoration-style, var(--graupl-menu-link-text-decoration-style, solid));\n --graupl-link-visited-transform: var(--graupl-menu-link-visited-transform, var(--graupl-menu-link-transform, none));\n --graupl-link-focus-text-decoration: var(--graupl-menu-link-focus-text-decoration, var(--graupl-menu-link-text-decoration, none));\n --graupl-link-focus-text-decoration-thickness: var(--graupl-menu-link-focus-text-decoration-thickness, var(--graupl-menu-link-text-decoration-thickness, var(--graupl-border-width, 0.125rem)));\n --graupl-link-focus-text-decoration-style: var(--graupl-menu-link-focus-text-decoration-style, var(--graupl-menu-link-text-decoration-style, solid));\n --graupl-link-focus-transform: var(--graupl-menu-link-focus-transform, var(--graupl-menu-link-transform, none));\n --graupl-link-hover-text-decoration: var(--graupl-menu-link-hover-text-decoration, none);\n --graupl-link-hover-text-decoration-thickness: var(--graupl-menu-link-hover-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n --graupl-link-hover-text-decoration-style: var(--graupl-menu-link-hover-text-decoration-style, solid);\n --graupl-link-hover-transform: var(--graupl-menu-link-hover-transform, none);\n --graupl-link-active-text-decoration: var(--graupl-menu-link-active-text-decoration, var(--graupl-menu-link-hover-text-decoration, none));\n --graupl-link-active-text-decoration-thickness: var(--graupl-menu-link-active-text-decoration-thickness, var(--graupl-menu-link-hover-text-decoration-thickness, var(--graupl-border-width, 0.125rem)));\n --graupl-link-active-text-decoration-style: var(--graupl-menu-link-active-text-decoration-style, var(--graupl-menu-link-hover-text-decoration-style, solid));\n --graupl-link-active-transform: var(--graupl-menu-link-active-transform, var(--graupl-menu-link-hover-transform, none));\n --graupl-link-disabled-text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n --graupl-link-disabled-text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n --graupl-link-disabled-text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n --graupl-link-disabled-transform: var(--graupl-menu-link-disabled-transform, none);\n display: var(--graupl-menu-display, flex);\n flex-direction: var(--graupl-menu-flex-direction, row);\n padding: var(--graupl-menu-padding, var(--graupl-menu-padding-y, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))) var(--graupl-menu-padding-x, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))));\n border-width: var(--graupl-menu-border-width, var(--graupl-menu-border-top-width, 0) var(--graupl-menu-border-right-width, 0) var(--graupl-menu-border-bottom-width, 0) var(--graupl-menu-border-left-width, 0));\n border-style: var(--graupl-menu-border-style, var(--graupl-menu-border-top-style, var(--graupl-border-top-style, var(--graupl-border-style, solid))) var(--graupl-menu-border-right-style, var(--graupl-border-right-style, var(--graupl-border-style, solid))) var(--graupl-menu-border-bottom-style, var(--graupl-border-bottom-style, var(--graupl-border-style, solid))) var(--graupl-menu-border-left-style, var(--graupl-border-left-style, var(--graupl-border-style, solid))));\n border-radius: var(--graupl-menu-border-radius, var(--graupl-menu-border-top-left-radius, var(--graupl-border-top-left-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-menu-border-top-right-radius, var(--graupl-border-top-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-menu-border-bottom-right-radius, var(--graupl-border-bottom-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-menu-border-bottom-left-radius, var(--graupl-border-bottom-left-radius, var(--graupl-border-radius, 0.125rem))));\n list-style: none;\n gap: var(--graupl-menu-gap, var(--graupl-menu-column-gap, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))) var(--graupl-menu-row-gap, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))));\n isolation: isolate;\n }\n .menu.show {\n --graupl-menu-display: var(--graupl-menu-show-display, flex);\n }\n .menu.hide {\n --graupl-menu-display: var(--graupl-menu-hide-display, none);\n }\n .submenu {\n display: var(--graupl-submenu-display, none);\n position: var(--graupl-submenu-position, absolute);\n z-index: var(--graupl-submenu-z-index, 2);\n flex: 1 1;\n flex-direction: var(--graupl-submenu-flex-direction, column);\n padding: var(--graupl-submenu-padding, var(--graupl-submenu-padding-y, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))) var(--graupl-submenu-padding-x, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))));\n border-width: var(--graupl-submenu-border-width, var(--graupl-submenu-border-top-width, var(--graupl-border-top-width, var(--graupl-border-width, 0.125rem))) var(--graupl-submenu-border-right-width, var(--graupl-border-right-width, var(--graupl-border-width, 0.125rem))) var(--graupl-submenu-border-bottom-width, var(--graupl-border-bottom-width, var(--graupl-border-width, 0.125rem))) var(--graupl-submenu-border-left-width, var(--graupl-border-left-width, var(--graupl-border-width, 0.125rem))));\n border-style: var(--graupl-submenu-border-style, var(--graupl-submenu-border-top-style, var(--graupl-border-top-style, var(--graupl-border-style, solid))) var(--graupl-submenu-border-right-style, var(--graupl-border-right-style, var(--graupl-border-style, solid))) var(--graupl-submenu-border-bottom-style, var(--graupl-border-bottom-style, var(--graupl-border-style, solid))) var(--graupl-submenu-border-left-style, var(--graupl-border-left-style, var(--graupl-border-style, solid))));\n border-radius: var(--graupl-submenu-border-radius, var(--graupl-submenu-border-top-left-radius, var(--graupl-border-top-left-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-submenu-border-top-right-radius, var(--graupl-border-top-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-submenu-border-bottom-right-radius, var(--graupl-border-bottom-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-submenu-border-bottom-left-radius, var(--graupl-border-bottom-left-radius, var(--graupl-border-radius, 0.125rem))));\n list-style: none;\n gap: var(--graupl-submenu-gap, var(--graupl-submenu-column-gap, var(--graupl-menu-column-gap, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem))))) var(--graupl-submenu-row-gap, var(--graupl-menu-row-gap, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem))))));\n isolation: isolate;\n inset: var(--graupl-submenu-inset, var(--graupl-submenu-top, 100%) var(--graupl-submenu-right, auto) var(--graupl-submenu-bottom, auto) var(--graupl-submenu-left, 0));\n }\n .submenu.show {\n --graupl-submenu-display: var(--graupl-submenu-show-display, flex);\n }\n .submenu.hide {\n --graupl-submenu-display: var(--graupl-submenu-hide-display, none);\n }\n .menu-item {\n display: flex;\n position: relative;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n min-width: var(--graupl-menu-item-min-width, min-content);\n max-width: var(--graupl-menu-item-max-width, 100%);\n padding: var(--graupl-menu-item-padding, var(--graupl-menu-item-padding-y, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))) var(--graupl-menu-item-padding-x, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))));\n }\n .menu-link {\n display: flex;\n width: 100%;\n padding: var(--graupl-menu-link-padding, var(--graupl-menu-link-padding-y, var(--graupl-spacer-3, calc(0.5 * var(--graupl-spacer, 1rem)))) var(--graupl-menu-link-padding-x, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem)))));\n transform: var(--graupl-menu-link-transform, none);\n transition: var(--graupl-menu-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));\n border-width: var(--graupl-menu-link-border-width, var(--graupl-menu-link-border-top-width, 0) var(--graupl-menu-link-border-right-width, 0) var(--graupl-menu-link-border-bottom-width, 0) var(--graupl-menu-link-border-left-width, 0));\n border-style: var(--graupl-menu-link-border-style, var(--graupl-menu-link-border-top-style, var(--graupl-border-top-style, var(--graupl-border-style, solid))) var(--graupl-menu-link-border-right-style, var(--graupl-border-right-style, var(--graupl-border-style, solid))) var(--graupl-menu-link-border-bottom-style, var(--graupl-border-bottom-style, var(--graupl-border-style, solid))) var(--graupl-menu-link-border-left-style, var(--graupl-border-left-style, var(--graupl-border-style, solid))));\n border-radius: var(--graupl-menu-link-border-radius, var(--graupl-menu-link-border-top-left-radius, var(--graupl-border-top-left-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-menu-link-border-top-right-radius, var(--graupl-border-top-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-menu-link-border-bottom-right-radius, var(--graupl-border-bottom-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-menu-link-border-bottom-left-radius, var(--graupl-border-bottom-left-radius, var(--graupl-border-radius, 0.125rem))));\n text-decoration: var(--graupl-menu-link-text-decoration, none);\n text-decoration-style: var(--graupl-menu-link-text-decoration-style, solid);\n gap: var(--graupl-menu-link-gap, var(--graupl-menu-link-column-gap, var(--graupl-menu-link-padding-x, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))) var(--graupl-menu-link-row-gap, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))));\n text-decoration-thickness: var(--graupl-menu-link-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n }\n .menu-link:visited {\n text-decoration: var(--graupl-menu-link-visited-text-decoration, var(--graupl-menu-link-text-decoration, none));\n text-decoration-thickness: var(--graupl-menu-link-visited-text-decoration-thickness, var(--graupl-menu-link-text-decoration-thickness, var(--graupl-border-width, 0.125rem)));\n text-decoration-style: var(--graupl-menu-link-visited-text-decoration-style, var(--graupl-menu-link-text-decoration-style, solid));\n transform: var(--graupl-menu-link-visited-transform, var(--graupl-menu-link-transform, none));\n }\n .menu-link.visited {\n text-decoration: var(--graupl-menu-link-visited-text-decoration, var(--graupl-menu-link-text-decoration, none));\n text-decoration-thickness: var(--graupl-menu-link-visited-text-decoration-thickness, var(--graupl-menu-link-text-decoration-thickness, var(--graupl-border-width, 0.125rem)));\n text-decoration-style: var(--graupl-menu-link-visited-text-decoration-style, var(--graupl-menu-link-text-decoration-style, solid));\n transform: var(--graupl-menu-link-visited-transform, var(--graupl-menu-link-transform, none));\n }\n .menu-link:focus-visible {\n text-decoration: var(--graupl-menu-link-focus-text-decoration, var(--graupl-menu-link-text-decoration, none));\n text-decoration-thickness: var(--graupl-menu-link-focus-text-decoration-thickness, var(--graupl-menu-link-text-decoration-thickness, var(--graupl-border-width, 0.125rem)));\n text-decoration-style: var(--graupl-menu-link-focus-text-decoration-style, var(--graupl-menu-link-text-decoration-style, solid));\n transform: var(--graupl-menu-link-focus-transform, var(--graupl-menu-link-transform, none));\n }\n .menu-link.focus {\n text-decoration: var(--graupl-menu-link-focus-text-decoration, var(--graupl-menu-link-text-decoration, none));\n text-decoration-thickness: var(--graupl-menu-link-focus-text-decoration-thickness, var(--graupl-menu-link-text-decoration-thickness, var(--graupl-border-width, 0.125rem)));\n text-decoration-style: var(--graupl-menu-link-focus-text-decoration-style, var(--graupl-menu-link-text-decoration-style, solid));\n transform: var(--graupl-menu-link-focus-transform, var(--graupl-menu-link-transform, none));\n }\n .menu-link:hover {\n text-decoration: var(--graupl-menu-link-hover-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-hover-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-hover-text-decoration-style, solid);\n transform: var(--graupl-menu-link-hover-transform, none);\n }\n .menu-link.hover {\n text-decoration: var(--graupl-menu-link-hover-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-hover-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-hover-text-decoration-style, solid);\n transform: var(--graupl-menu-link-hover-transform, none);\n }\n .menu-link:active {\n text-decoration: var(--graupl-menu-link-active-text-decoration, var(--graupl-menu-link-hover-text-decoration, none));\n text-decoration-thickness: var(--graupl-menu-link-active-text-decoration-thickness, var(--graupl-menu-link-hover-text-decoration-thickness, var(--graupl-border-width, 0.125rem)));\n text-decoration-style: var(--graupl-menu-link-active-text-decoration-style, var(--graupl-menu-link-hover-text-decoration-style, solid));\n transform: var(--graupl-menu-link-active-transform, var(--graupl-menu-link-hover-transform, none));\n }\n .menu-link.active {\n text-decoration: var(--graupl-menu-link-active-text-decoration, var(--graupl-menu-link-hover-text-decoration, none));\n text-decoration-thickness: var(--graupl-menu-link-active-text-decoration-thickness, var(--graupl-menu-link-hover-text-decoration-thickness, var(--graupl-border-width, 0.125rem)));\n text-decoration-style: var(--graupl-menu-link-active-text-decoration-style, var(--graupl-menu-link-hover-text-decoration-style, solid));\n transform: var(--graupl-menu-link-active-transform, var(--graupl-menu-link-hover-transform, none));\n }\n .menu-link:disabled {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link:disabled:visited {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link:disabled.visited {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link:disabled:focus-visible {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link:disabled.focus {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link:disabled:hover {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link:disabled.hover {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link:disabled:active {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link:disabled.active {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link:disabled[aria-selected=true] {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link:disabled.selected {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link:disabled[aria-current=true] {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link:disabled.current {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[disabled] {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[disabled]:visited {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[disabled].visited {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[disabled]:focus-visible {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[disabled].focus {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[disabled]:hover {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[disabled].hover {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[disabled]:active {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[disabled].active {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[disabled][aria-selected=true] {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[disabled].selected {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[disabled][aria-current=true] {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[disabled].current {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[aria-disabled=true] {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[aria-disabled=true]:visited {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[aria-disabled=true].visited {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[aria-disabled=true]:focus-visible {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[aria-disabled=true].focus {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[aria-disabled=true]:hover {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[aria-disabled=true].hover {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[aria-disabled=true]:active {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[aria-disabled=true].active {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[aria-disabled=true][aria-selected=true] {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[aria-disabled=true].selected {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[aria-disabled=true][aria-current=true] {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link[aria-disabled=true].current {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link.disabled {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link.disabled:visited {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link.disabled.visited {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link.disabled:focus-visible {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link.disabled.focus {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link.disabled:hover {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link.disabled.hover {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link.disabled:active {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link.disabled.active {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link.disabled[aria-selected=true] {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link.disabled.selected {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link.disabled[aria-current=true] {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link.disabled.current {\n text-decoration: var(--graupl-menu-link-disabled-text-decoration, none);\n text-decoration-thickness: var(--graupl-menu-link-disabled-text-decoration-thickness, var(--graupl-border-width, 0.125rem));\n text-decoration-style: var(--graupl-menu-link-disabled-text-decoration-style, solid);\n transform: var(--graupl-menu-link-disabled-transform, none);\n }\n .menu-link.button {\n --graupl-menu-link-padding: var(--graupl-button-padding, var(--graupl-button-padding-y, var(--graupl-spacer-3, calc(0.5 * var(--graupl-spacer, 1rem)))) var(--graupl-button-padding-x, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem)))));\n --graupl-menu-link-border-width: var(--graupl-button-border-width, var(--graupl-button-border-top-width, var(--graupl-border-top-width, var(--graupl-border-width, 0.125rem))) var(--graupl-button-border-right-width, var(--graupl-border-right-width, var(--graupl-border-width, 0.125rem))) var(--graupl-button-border-bottom-width, var(--graupl-border-bottom-width, var(--graupl-border-width, 0.125rem))) var(--graupl-button-border-left-width, var(--graupl-border-left-width, var(--graupl-border-width, 0.125rem))));\n --graupl-menu-link-border-radius: var(--graupl-button-border-radius, var(--graupl-button-border-top-left-radius, var(--graupl-border-top-left-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-button-border-top-right-radius, var(--graupl-border-top-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-button-border-bottom-right-radius, var(--graupl-border-bottom-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-button-border-bottom-left-radius, var(--graupl-border-bottom-left-radius, var(--graupl-border-radius, 0.125rem))));\n --graupl-menu-link-border-style: var(--graupl-button-border-style, var(--graupl-button-border-top-style, var(--graupl-border-top-style, var(--graupl-border-style, solid))) var(--graupl-button-border-right-style, var(--graupl-border-right-style, var(--graupl-border-style, solid))) var(--graupl-button-border-bottom-style, var(--graupl-border-bottom-style, var(--graupl-border-style, solid))) var(--graupl-button-border-left-style, var(--graupl-border-left-style, var(--graupl-border-style, solid))));\n --graupl-menu-link-text-decoration: none;\n --graupl-menu-link-visited-text-decoration: none;\n --graupl-menu-link-focus-text-decoration: none;\n --graupl-menu-link-hover-text-decoration: none;\n --graupl-menu-link-active-text-decoration: none;\n --graupl-menu-link-disabled-text-decoration: none;\n --graupl-menu-link-transition: var(--graupl-button-transition, background var(--graupl-transition-duration-fast, 150ms) var(--graupl-transition-timing-function, ease), color var(--graupl-transition-duration-fast, 150ms) var(--graupl-transition-timing-function, ease), transform var(--graupl-transition-duration-fast, 150ms) var(--graupl-transition-timing-function, ease));\n --graupl-menu-link-transition-reduced-motion: var(--graupl-button-transition-reduced-motion, background var(--graupl-transition-timing-function, ease), color var(--graupl-transition-timing-function, ease));\n --graupl-menu-link-transform: var(--graupl-button-transform, none);\n --graupl-menu-link-visited-transform: var(--graupl-button-visited-transform, var(--graupl-button-transform, none));\n --graupl-menu-link-focus-transform: var(--graupl-button-focus-transform, var(--graupl-button-transform, none));\n --graupl-menu-link-hover-transform: var(--graupl-button-hover-transform, var(--graupl-button-transform, none));\n --graupl-menu-link-active-transform: var(--graupl-button-active-transform, scale(0.95));\n --graupl-menu-link-disabled-transform: var(--graupl-button-disabled-transform, none);\n }\n .submenu-toggle {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .submenu-toggle::after {\n content: var(--graupl-submenu-toggle-content, '↓');\n display: block;\n transform: var(--graupl-submenu-toggle-transform, rotate(0deg));\n transition: var(--graupl-submenu-toggle-transition, transform var(--graupl-transition-duration-fast, 150ms) var(--graupl-transition-timing-function, ease));\n }\n .submenu-toggle[aria-expanded=true]::after {\n --graupl-submenu-toggle-transform: var(--graupl-submenu-toggle-open-transform, rotate(-180deg));\n }\n @media (prefers-reduced-motion: reduce) {\n .menu-link {\n --graupl-menu-link-transition: var(--graupl-menu-link-transition-reduced-motion, background var(--graupl-transition-timing-function, ease), color var(--graupl-transition-timing-function, ease));\n }\n .submenu-toggle::after {\n --graupl-submenu-toggle-transition: var(--graupl-submenu-toggle-transition-reduced-motion, none);\n }\n }\n}\n@layer graupl.theme {\n .menu {\n --graupl-link-color: var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n --graupl-link-background: var(--graupl-menu-link-background, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n --graupl-link-border-color: var(--graupl-menu-link-border-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n --graupl-link-text-decoration-color: var(--graupl-menu-link-text-decoration-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n --graupl-link-visited-color: var(--graupl-menu-link-visited-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n --graupl-link-visited-background: var(--graupl-menu-link-visited-background, var(--graupl-menu-link-background, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n --graupl-link-visited-border-color: var(--graupl-menu-link-visited-border-color, var(--graupl-menu-link-border-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n --graupl-link-visited-text-decoration-color: var(--graupl-menu-link-visited-text-decoration-color, var(--graupl-menu-link-visited-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n --graupl-link-focus-color: var(--graupl-menu-link-focus-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n --graupl-link-focus-background: var(--graupl-menu-link-focus-background, var(--graupl-menu-link-background, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n --graupl-link-focus-border-color: var(--graupl-menu-link-focus-border-color, var(--graupl-menu-link-border-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n --graupl-link-focus-text-decoration-color: var(--graupl-menu-link-focus-text-decoration-color, var(--graupl-menu-link-focus-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n --graupl-link-hover-color: var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n --graupl-link-hover-background: var(--graupl-menu-link-hover-background, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n --graupl-link-hover-border-color: var(--graupl-menu-link-hover-border-color, var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n --graupl-link-hover-text-decoration-color: var(--graupl-menu-link-hover-text-decoration-color, var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n --graupl-link-active-color: var(--graupl-menu-link-active-color, var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n --graupl-link-active-background: var(--graupl-menu-link-active-background, var(--graupl-menu-link-hover-background, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n --graupl-link-active-border-color: var(--graupl-menu-link-active-border-color, var(--graupl-menu-link-hover-border-color, var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))))));\n --graupl-link-active-text-decoration-color: var(--graupl-menu-link-active-text-decoration-color, var(--graupl-menu-link-active-color, var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))))));\n --graupl-link-disabled-color: var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n --graupl-link-disabled-background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n --graupl-link-disabled-border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n --graupl-link-disabled-text-decoration-color: var(--graupl-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n border-color: var(--graupl-menu-border-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n background: var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))));\n }\n .submenu {\n border-color: var(--graupl-submenu-border-color, var(--graupl-menu-border-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n background: var(--graupl-submenu-background, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n color: var(--graupl-submenu-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n }\n .menu-link {\n border-color: var(--graupl-menu-link-border-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n background: var(--graupl-menu-link-background, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n color: var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n text-decoration-color: var(--graupl-menu-link-text-decoration-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n }\n .menu-link:visited {\n border-color: var(--graupl-menu-link-visited-border-color, var(--graupl-menu-link-border-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n background: var(--graupl-menu-link-visited-background, var(--graupl-menu-link-background, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n color: var(--graupl-menu-link-visited-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n text-decoration-color: var(--graupl-menu-link-visited-text-decoration-color, var(--graupl-menu-link-visited-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n }\n .menu-link.visited {\n border-color: var(--graupl-menu-link-visited-border-color, var(--graupl-menu-link-border-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n background: var(--graupl-menu-link-visited-background, var(--graupl-menu-link-background, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n color: var(--graupl-menu-link-visited-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n text-decoration-color: var(--graupl-menu-link-visited-text-decoration-color, var(--graupl-menu-link-visited-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n }\n .menu-link:focus-visible {\n border-color: var(--graupl-menu-link-focus-border-color, var(--graupl-menu-link-border-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n background: var(--graupl-menu-link-focus-background, var(--graupl-menu-link-background, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n color: var(--graupl-menu-link-focus-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n text-decoration-color: var(--graupl-menu-link-focus-text-decoration-color, var(--graupl-menu-link-focus-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n }\n .menu-link.focus {\n border-color: var(--graupl-menu-link-focus-border-color, var(--graupl-menu-link-border-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n background: var(--graupl-menu-link-focus-background, var(--graupl-menu-link-background, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n color: var(--graupl-menu-link-focus-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n text-decoration-color: var(--graupl-menu-link-focus-text-decoration-color, var(--graupl-menu-link-focus-color, var(--graupl-menu-link-color, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))))));\n }\n .menu-link:hover {\n border-color: var(--graupl-menu-link-hover-border-color, var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n background: var(--graupl-menu-link-hover-background, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n color: var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n text-decoration-color: var(--graupl-menu-link-hover-text-decoration-color, var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n }\n .menu-link.hover {\n border-color: var(--graupl-menu-link-hover-border-color, var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n background: var(--graupl-menu-link-hover-background, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n color: var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n text-decoration-color: var(--graupl-menu-link-hover-text-decoration-color, var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n }\n .menu-link:active {\n border-color: var(--graupl-menu-link-active-border-color, var(--graupl-menu-link-hover-border-color, var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))))));\n background: var(--graupl-menu-link-active-background, var(--graupl-menu-link-hover-background, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n color: var(--graupl-menu-link-active-color, var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n text-decoration-color: var(--graupl-menu-link-active-text-decoration-color, var(--graupl-menu-link-active-color, var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))))));\n }\n .menu-link.active {\n border-color: var(--graupl-menu-link-active-border-color, var(--graupl-menu-link-hover-border-color, var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))))));\n background: var(--graupl-menu-link-active-background, var(--graupl-menu-link-hover-background, var(--graupl-menu-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n color: var(--graupl-menu-link-active-color, var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))))));\n text-decoration-color: var(--graupl-menu-link-active-text-decoration-color, var(--graupl-menu-link-active-color, var(--graupl-menu-link-hover-color, var(--graupl-menu-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))))));\n }\n .menu-link:disabled {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link:disabled:visited {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link:disabled.visited {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link:disabled:focus-visible {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link:disabled.focus {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link:disabled:hover {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link:disabled.hover {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link:disabled:active {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link:disabled.active {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link:disabled[aria-selected=true] {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link:disabled.selected {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link:disabled[aria-current=true] {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link:disabled.current {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[disabled] {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[disabled]:visited {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[disabled].visited {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[disabled]:focus-visible {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[disabled].focus {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[disabled]:hover {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[disabled].hover {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[disabled]:active {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[disabled].active {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[disabled][aria-selected=true] {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[disabled].selected {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[disabled][aria-current=true] {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[disabled].current {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[aria-disabled=true] {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[aria-disabled=true]:visited {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[aria-disabled=true].visited {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[aria-disabled=true]:focus-visible {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[aria-disabled=true].focus {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[aria-disabled=true]:hover {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[aria-disabled=true].hover {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[aria-disabled=true]:active {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[aria-disabled=true].active {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[aria-disabled=true][aria-selected=true] {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[aria-disabled=true].selected {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[aria-disabled=true][aria-current=true] {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link[aria-disabled=true].current {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link.disabled {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link.disabled:visited {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link.disabled.visited {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link.disabled:focus-visible {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link.disabled.focus {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link.disabled:hover {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link.disabled.hover {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link.disabled:active {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link.disabled.active {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link.disabled[aria-selected=true] {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link.disabled.selected {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link.disabled[aria-current=true] {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link.disabled.current {\n border-color: var(--graupl-menu-link-disabled-border-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n background: var(--graupl-menu-link-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n color: var(--graupl-menu-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-menu-link-disabled-text-decoration-color, var(--graupl-menu-link-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%))))));\n }\n .menu-link.button {\n --graupl-menu-link-background: var(--graupl-button-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n --graupl-menu-link-color: var(--graupl-button-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))));\n --graupl-menu-link-border-color: var(--graupl-button-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n --graupl-menu-link-visited-background: var(--graupl-button-visited-background, var(--graupl-button-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n --graupl-menu-link-visited-color: var(--graupl-button-visited-color, var(--graupl-button-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n --graupl-menu-link-visited-border-color: var(--graupl-button-visited-border-color, var(--graupl-button-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n --graupl-menu-link-focus-background: var(--graupl-button-focus-background, var(--graupl-button-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n --graupl-menu-link-focus-color: var(--graupl-button-focus-color, var(--graupl-button-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n --graupl-menu-link-focus-border-color: var(--graupl-button-focus-border-color, var(--graupl-button-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n --graupl-menu-link-hover-background: var(--graupl-button-hover-background, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))));\n --graupl-menu-link-hover-color: var(--graupl-button-hover-color, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n --graupl-menu-link-hover-border-color: var(--graupl-button-hover-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n --graupl-menu-link-active-background: var(--graupl-button-active-background, var(--graupl-button-hover-background, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%))))))));\n --graupl-menu-link-active-color: var(--graupl-button-active-color, var(--graupl-button-hover-color, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%))))))));\n --graupl-menu-link-active-border-color: var(--graupl-button-active-border-color, var(--graupl-button-hover-border-color, var(--graupl-border-color, var(--graupl-color, var(--graupl-root-color, var(--graupl-theme-active--primary--900, var(--graupl-theme-light--primary--900, var(--graupl-primary--900, hsl(219, 100%, 10%)))))))));\n --graupl-menu-link-disabled-background: var(--graupl-button-disabled-background, var(--graupl-background, var(--graupl-root-background, var(--graupl-theme-active--primary--100, var(--graupl-theme-light--primary--100, var(--graupl-primary--100, hsl(219, 100%, 95%)))))));\n --graupl-menu-link-disabled-color: var(--graupl-button-disabled-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n --graupl-menu-link-disabled-border-color: var(--graupl-button-disabled-border-color, var(--graupl-theme-active--primary--200, var(--graupl-theme-light--primary--200, var(--graupl-primary--200, hsl(219, 90%, 80%)))));\n }\n}","// @graupl/core typography theme default values.\n//\n// Generally, these should not be used directly when styling components unless a static value is needed.\n// They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.\n//\n// They should not be used to define direct property values (i.e. font-size, color, etc.).\n// Those should be defined as custom properties in the `_variables.scss` file.\n\n@use \"../../defaults\" as root-defaults;\n@use \"sass:map\";\n\n// font properties.\n$selector-base: root-defaults.$element-selector-base !default;\n$modifier-selector-base: root-defaults.$modifier-selector-base !default;\n$paragraph-selector-base: $selector-base !default;\n$paragraph-selector: \"p\";\n$small-selector-base: $selector-base !default;\n$small-selector: \"small\";\n$h1-selector-base: $selector-base !default;\n$h1-selector: \"h1\" !default;\n$h2-selector-base: $selector-base !default;\n$h2-selector: \"h2\" !default;\n$h3-selector-base: $selector-base !default;\n$h3-selector: \"h3\" !default;\n$h4-selector-base: $selector-base !default;\n$h4-selector: \"h4\" !default;\n$h5-selector-base: $selector-base !default;\n$h5-selector: \"h5\" !default;\n$h6-selector-base: $selector-base !default;\n$h6-selector: \"h6\" !default;\n$root-selector-base: \":\" !default;\n$root-selector: \"root\" !default;\n$bold-selector-base: $selector-base !default;\n$bold-selector: \"b\" !default;\n$strong-selector-base: $selector-base !default;\n$strong-selector: \"strong\" !default;\n$body-selector-base: $selector-base !default;\n$body-selector: \"body\" !default;\n$generate-base-font-sizes: root-defaults.$generate-base-font-sizes !default;\n$generate-base-font-weights: root-defaults.$generate-base-font-weights !default;\n$font-size-base: 1rem !default;\n$root-font-size: clamp(0.85rem, calc(0.8rem + 0.5vw), 1.25rem) !default;\n$line-height: 1.2em !default;\n\n// Multipliers for font sizes.\n// This uses a minor third scale.\n// See: https://typescale.com/?size=16&scale=1.250&text=A%20Visual%20Type%20Scale&font=Lato&fontweight=400&bodyfont=body_font_default&bodyfontweight=400&lineheight=1.75&backgroundcolor=%23ffffff&fontcolor=%23000000\n$-font-size-multipliers: (\n xs: 0.694,\n sm: 0.833,\n base: 1,\n lg: 1.2,\n xl: 1.44,\n 2xl: 1.728,\n 3xl: 2.074,\n 4xl: 2.488,\n 5xl: 2.986,\n);\n$font-size-multipliers: () !default;\n\n// Merge the font size multipliers with the default ones.\n@if $generate-base-font-sizes {\n $font-size-multipliers: map.merge(\n $-font-size-multipliers,\n $font-size-multipliers\n );\n}\n\n// Weights.\n$-font-weights: (\n light: 300,\n normal: 400,\n bold: 700,\n);\n$font-weights: () !default;\n\n// Merge the custom font weights with the default ones.\n@if $generate-base-font-weights {\n $font-weights: map.merge($-font-weights, $font-weights);\n}\n\n/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */\n$root-font-family:\n system-ui,\n -apple-system,\n blinkmacsystemfont,\n \"Segoe UI\",\n roboto,\n \"Helvetica Neue\",\n arial,\n sans-serif !default;\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 menu component styles.\n//\n// This module provides the menu and submenu styles.\n//\n// The following selectors are generated by default:\n// - `.menu`: The menu container.\n// - `.submenu`: The submenu container.\n// - `.menu-item`: A menu item.\n// - `.menu-link`: The menu link inside a menu item.\n// - `.submenu-toggle`: The submenu toggle control.\n// - `.show`: Modifier applied when menus/submenus are shown.\n// - `.hide`: Modifier applied when menus/submenus are hidden.\n//\n// The following custom properties can be used to customize the menu component:\n// | Property | Description | Default Value |\n// | ------------------------------------------------------- | -------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n// | `--graupl-menu-flex-direction` | Flex direction of the root menu container. | `row` |\n// | `--graupl-menu-padding-x` | Horizontal padding inside the menu. | `var(--graupl-spacer-0)` |\n// | `--graupl-menu-padding-y` | Vertical padding inside the menu. | `var(--graupl-spacer-0)` |\n// | `--graupl-menu-padding` | Shorthand padding for the menu. | `var(--graupl-menu-padding-y) var(--graupl-menu-padding-x)` |\n// | `--graupl-menu-column-gap` | Column gap between menu items. | `var(--graupl-spacer-0)` |\n// | `--graupl-menu-row-gap` | Row gap between menu rows. | `var(--graupl-spacer-0)` |\n// | `--graupl-menu-gap` | Shorthand gap between menu items. | `var(--graupl-menu-column-gap) var(--graupl-menu-row-gap)` |\n// | `--graupl-menu-show-display` | Display value when the menu is shown. | `flex` |\n// | `--graupl-menu-hide-display` | Display value when the menu is hidden. | `none` |\n// | `--graupl-menu-display` | Base display value for the menu. | `flex` |\n// | `--graupl-menu-background` | Background colour of the menu. | `var(--graupl-background)` |\n// | `--graupl-menu-color` | Text colour of the menu. | `var(--graupl-color)` |\n// | `--graupl-menu-border-color` | Border colour of the menu. | `var(--graupl-menu-color)` |\n// | `--graupl-menu-border-top-left-radius` | Top-left border radius of the menu. | `var(--graupl-border-top-left-radius)` |\n// | `--graupl-menu-border-top-right-radius` | Top-right border radius of the menu. | `var(--graupl-border-top-right-radius)` |\n// | `--graupl-menu-border-bottom-right-radius` | Bottom-right border radius of the menu. | `var(--graupl-border-bottom-right-radius)` |\n// | `--graupl-menu-border-bottom-left-radius` | Bottom-left border radius of the menu. | `var(--graupl-border-bottom-left-radius)` |\n// | `--graupl-menu-border-radius` | Border radius shorthand for the menu. | `var(--graupl-menu-border-top-left-radius) var(--graupl-menu-border-top-right-radius) var(--graupl-menu-border-bottom-right-radius) var(--graupl-menu-border-bottom-left-radius)` |\n// | `--graupl-menu-border-top-width` | Top border width of the menu. | `0` |\n// | `--graupl-menu-border-right-width` | Right border width of the menu. | `0` |\n// | `--graupl-menu-border-bottom-width` | Bottom border width of the menu. | `0` |\n// | `--graupl-menu-border-left-width` | Left border width of the menu. | `0` |\n// | `--graupl-menu-border-width` | Border width shorthand for the menu. | `var(--graupl-menu-border-top-width) var(--graupl-menu-border-right-width) var(--graupl-menu-border-bottom-width) var(--graupl-menu-border-left-width)` |\n// | `--graupl-menu-border-top-style` | Top border style of the menu. | `var(--graupl-border-top-style)` |\n// | `--graupl-menu-border-right-style` | Right border style of the menu. | `var(--graupl-border-right-style)` |\n// | `--graupl-menu-border-bottom-style` | Bottom border style of the menu. | `var(--graupl-border-bottom-style)` |\n// | `--graupl-menu-border-left-style` | Left border style of the menu. | `var(--graupl-border-left-style)` |\n// | `--graupl-menu-border-style` | Border style shorthand for the menu. | `var(--graupl-menu-border-top-style) var(--graupl-menu-border-right-style) var(--graupl-menu-border-bottom-style) var(--graupl-menu-border-left-style)` |\n// | `--graupl-submenu-flex-direction` | Flex direction of submenu lists. | `column` |\n// | `--graupl-submenu-z-index` | Z-index applied to submenu overlays. | `2` |\n// | `--graupl-submenu-padding-x` | Horizontal padding inside submenus. | `var(--graupl-spacer-0)` |\n// | `--graupl-submenu-padding-y` | Vertical padding inside submenus. | `var(--graupl-spacer-0)` |\n// | `--graupl-submenu-padding` | Shorthand padding inside submenus. | `var(--graupl-submenu-padding-y) var(--graupl-submenu-padding-x)` |\n// | `--graupl-submenu-column-gap` | Column gap inside submenus. | `var(--graupl-menu-column-gap)` |\n// | `--graupl-submenu-row-gap` | Row gap inside submenus. | `var(--graupl-menu-row-gap)` |\n// | `--graupl-submenu-gap` | Shorthand gap inside submenus. | `var(--graupl-submenu-column-gap) var(--graupl-submenu-row-gap)` |\n// | `--graupl-submenu-show-display` | Display value when a submenu is shown. | `flex` |\n// | `--graupl-submenu-hide-display` | Display value when a submenu is hidden. | `none` |\n// | `--graupl-submenu-display` | Base display value for submenus. | `none` |\n// | `--graupl-submenu-background` | Background colour of submenus. | `var(--graupl-menu-background)` |\n// | `--graupl-submenu-color` | Text colour of submenus. | `var(--graupl-menu-color)` |\n// | `--graupl-submenu-border-color` | Border colour of submenus. | `var(--graupl-menu-border-color)` |\n// | `--graupl-submenu-border-top-left-radius` | Top-left border radius of submenus. | `var(--graupl-border-top-left-radius)` |\n// | `--graupl-submenu-border-top-right-radius` | Top-right border radius of submenus. | `var(--graupl-border-top-right-radius)` |\n// | `--graupl-submenu-border-bottom-right-radius` | Bottom-right border radius of submenus. | `var(--graupl-border-bottom-right-radius)` |\n// | `--graupl-submenu-border-bottom-left-radius` | Bottom-left border radius of submenus. | `var(--graupl-border-bottom-left-radius)` |\n// | `--graupl-submenu-border-radius` | Border radius shorthand for submenus. | `var(--graupl-submenu-border-top-left-radius) var(--graupl-submenu-border-top-right-radius) var(--graupl-submenu-border-bottom-right-radius) var(--graupl-submenu-border-bottom-left-radius)` |\n// | `--graupl-submenu-border-top-width` | Top border width of submenus. | `var(--graupl-border-top-width)` |\n// | `--graupl-submenu-border-right-width` | Right border width of submenus. | `var(--graupl-border-right-width)` |\n// | `--graupl-submenu-border-bottom-width` | Bottom border width of submenus. | `var(--graupl-border-bottom-width)` |\n// | `--graupl-submenu-border-left-width` | Left border width of submenus. | `var(--graupl-border-left-width)` |\n// | `--graupl-submenu-border-width` | Border width shorthand for submenus. | `var(--graupl-submenu-border-top-width) var(--graupl-submenu-border-right-width) var(--graupl-submenu-border-bottom-width) var(--graupl-submenu-border-left-width)` |\n// | `--graupl-submenu-border-top-style` | Top border style of submenus. | `var(--graupl-border-top-style)` |\n// | `--graupl-submenu-border-right-style` | Right border style of submenus. | `var(--graupl-border-right-style)` |\n// | `--graupl-submenu-border-bottom-style` | Bottom border style of submenus. | `var(--graupl-border-bottom-style)` |\n// | `--graupl-submenu-border-left-style` | Left border style of submenus. | `var(--graupl-border-left-style)` |\n// | `--graupl-submenu-border-style` | Border style shorthand for submenus. | `var(--graupl-submenu-border-top-style) var(--graupl-submenu-border-right-style) var(--graupl-submenu-border-bottom-style) var(--graupl-submenu-border-left-style)` |\n// | `--graupl-submenu-position` | Positioning mode applied to submenus. | `absolute` |\n// | `--graupl-submenu-top` | Top offset applied to submenus. | `100%` |\n// | `--graupl-submenu-right` | Right offset applied to submenus. | `auto` |\n// | `--graupl-submenu-bottom` | Bottom offset applied to submenus. | `auto` |\n// | `--graupl-submenu-left` | Left offset applied to submenus. | `0` |\n// | `--graupl-submenu-inset` | Inset shorthand applied to submenus. | `var(--graupl-submenu-top) var(--graupl-submenu-right) var(--graupl-submenu-bottom) var(--graupl-submenu-left)` |\n// | `--graupl-menu-item-min-width` | Minimum width for menu items. | `min-content` |\n// | `--graupl-menu-item-max-width` | Maximum width for menu items. | `100%` |\n// | `--graupl-menu-item-padding-x` | Horizontal padding for menu items. | `var(--graupl-spacer-0)` |\n// | `--graupl-menu-item-padding-y` | Vertical padding for menu items. | `var(--graupl-spacer-0)` |\n// | `--graupl-menu-item-padding` | Shorthand padding for menu items. | `var(--graupl-menu-item-padding-y) var(--graupl-menu-item-padding-x)` |\n// | `--graupl-submenu-item-width` | Width applied to submenu items. | `100%` |\n// | `--graupl-menu-link-padding-x` | Horizontal padding for menu links. | `var(--graupl-spacer-5)` |\n// | `--graupl-menu-link-padding-y` | Vertical padding for menu links. | `var(--graupl-spacer-3)` |\n// | `--graupl-menu-link-padding` | Shorthand padding for menu links. | `var(--graupl-menu-link-padding-y) var(--graupl-menu-link-padding-x)` |\n// | `--graupl-menu-link-transition` | Transition used for menu link interactions. | `background var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function), color var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function)` |\n// | `--graupl-menu-link-transition-reduced-motion` | Transition used 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-menu-link-transform` | Base transform for menu links. | `none` |\n// | `--graupl-menu-link-visited-transform` | Transform for visited menu links. | `var(--graupl-menu-link-transform)` |\n// | `--graupl-menu-link-focus-transform` | Transform for focused menu links. | `var(--graupl-menu-link-transform)` |\n// | `--graupl-menu-link-hover-transform` | Transform for hovered menu links. | `none` |\n// | `--graupl-menu-link-active-transform` | Transform for active menu links. | `var(--graupl-menu-link-hover-transform)` |\n// | `--graupl-menu-link-disabled-transform` | Transform for disabled menu links. | `none` |\n// | `--graupl-menu-link-column-gap` | Column gap between menu link contents. | `var(--graupl-menu-link-padding-x)` |\n// | `--graupl-menu-link-row-gap` | Row gap between menu link contents. | `var(--graupl-spacer-0)` |\n// | `--graupl-menu-link-gap` | Shorthand gap between menu link contents. | `var(--graupl-menu-link-column-gap) var(--graupl-menu-link-row-gap)` |\n// | `--graupl-menu-link-background` | Background colour of menu links. | `var(--graupl-menu-background)` |\n// | `--graupl-menu-link-visited-background` | Background colour of visited menu links. | `var(--graupl-menu-link-background)` |\n// | `--graupl-menu-link-focus-background` | Background colour of focused menu links. | `var(--graupl-menu-link-background)` |\n// | `--graupl-menu-link-hover-background` | Background colour of hovered menu links. | `var(--graupl-menu-color)` |\n// | `--graupl-menu-link-active-background` | Background colour of active menu links. | `var(--graupl-menu-link-hover-background)` |\n// | `--graupl-menu-link-disabled-background` | Background colour of disabled menu links. | `var(--graupl-background)` |\n// | `--graupl-menu-link-color` | Text colour of menu links. | `var(--graupl-menu-color)` |\n// | `--graupl-menu-link-visited-color` | Text colour of visited menu links. | `var(--graupl-menu-link-color)` |\n// | `--graupl-menu-link-focus-color` | Text colour of focused menu links. | `var(--graupl-menu-link-color)` |\n// | `--graupl-menu-link-hover-color` | Text colour of hovered menu links. | `var(--graupl-menu-background)` |\n// | `--graupl-menu-link-active-color` | Text colour of active menu links. | `var(--graupl-menu-link-hover-color)` |\n// | `--graupl-menu-link-disabled-color` | Text colour of disabled menu links. | `var(--graupl-theme-active--primary--200)` |\n// | `--graupl-menu-link-text-decoration` | Base text decoration for menu links. | `none` |\n// | `--graupl-menu-link-visited-text-decoration` | Text decoration for visited menu links. | `var(--graupl-menu-link-text-decoration)` |\n// | `--graupl-menu-link-focus-text-decoration` | Text decoration for focused menu links. | `var(--graupl-menu-link-text-decoration)` |\n// | `--graupl-menu-link-hover-text-decoration` | Text decoration for hovered menu links. | `none` |\n// | `--graupl-menu-link-active-text-decoration` | Text decoration for active menu links. | `var(--graupl-menu-link-hover-text-decoration)` |\n// | `--graupl-menu-link-disabled-text-decoration` | Text decoration for disabled menu links. | `none` |\n// | `--graupl-menu-link-text-decoration-thickness` | Base decoration thickness for menu links. | `var(--graupl-border-width)` |\n// | `--graupl-menu-link-visited-text-decoration-thickness` | Decoration thickness for visited menu links. | `var(--graupl-menu-link-text-decoration-thickness)` |\n// | `--graupl-menu-link-focus-text-decoration-thickness` | Decoration thickness for focused menu links. | `var(--graupl-menu-link-text-decoration-thickness)` |\n// | `--graupl-menu-link-hover-text-decoration-thickness` | Decoration thickness for hovered menu links. | `var(--graupl-border-width)` |\n// | `--graupl-menu-link-active-text-decoration-thickness` | Decoration thickness for active menu links. | `var(--graupl-menu-link-hover-text-decoration-thickness)` |\n// | `--graupl-menu-link-disabled-text-decoration-thickness` | Decoration thickness for disabled menu links. | `var(--graupl-border-width)` |\n// | `--graupl-menu-link-text-decoration-style` | Base decoration style for menu links. | `solid` |\n// | `--graupl-menu-link-visited-text-decoration-style` | Decoration style for visited menu links. | `var(--graupl-menu-link-text-decoration-style)` |\n// | `--graupl-menu-link-focus-text-decoration-style` | Decoration style for focused menu links. | `var(--graupl-menu-link-text-decoration-style)` |\n// | `--graupl-menu-link-hover-text-decoration-style` | Decoration style for hovered menu links. | `solid` |\n// | `--graupl-menu-link-active-text-decoration-style` | Decoration style for active menu links. | `var(--graupl-menu-link-hover-text-decoration-style)` |\n// | `--graupl-menu-link-disabled-text-decoration-style` | Decoration style for disabled menu links. | `solid` |\n// | `--graupl-menu-link-text-decoration-color` | Base decoration colour for menu links. | `var(--graupl-menu-link-color)` |\n// | `--graupl-menu-link-visited-text-decoration-color` | Decoration colour for visited menu links. | `var(--graupl-menu-link-visited-color)` |\n// | `--graupl-menu-link-focus-text-decoration-color` | Decoration colour for focused menu links. | `var(--graupl-menu-link-focus-color)` |\n// | `--graupl-menu-link-hover-text-decoration-color` | Decoration colour for hovered menu links. | `var(--graupl-menu-link-hover-color)` |\n// | `--graupl-menu-link-active-text-decoration-color` | Decoration colour for active menu links. | `var(--graupl-menu-link-active-color)` |\n// | `--graupl-menu-link-disabled-text-decoration-color` | Decoration colour for disabled menu links. | `var(--graupl-menu-link-disabled-color)` |\n// | `--graupl-menu-link-border-top-left-radius` | Top-left border radius of menu links. | `var(--graupl-border-top-left-radius)` |\n// | `--graupl-menu-link-border-top-right-radius` | Top-right border radius of menu links. | `var(--graupl-border-top-right-radius)` |\n// | `--graupl-menu-link-border-bottom-right-radius` | Bottom-right border radius of menu links. | `var(--graupl-border-bottom-right-radius)` |\n// | `--graupl-menu-link-border-bottom-left-radius` | Bottom-left border radius of menu links. | `var(--graupl-border-bottom-left-radius)` |\n// | `--graupl-menu-link-border-radius` | Border radius shorthand for menu links. | `var(--graupl-menu-link-border-top-left-radius) var(--graupl-menu-link-border-top-right-radius) var(--graupl-menu-link-border-bottom-right-radius) var(--graupl-menu-link-border-bottom-left-radius)` |\n// | `--graupl-menu-link-border-top-width` | Top border width of menu links. | `0` |\n// | `--graupl-menu-link-border-right-width` | Right border width of menu links. | `0` |\n// | `--graupl-menu-link-border-bottom-width` | Bottom border width of menu links. | `0` |\n// | `--graupl-menu-link-border-left-width` | Left border width of menu links. | `0` |\n// | `--graupl-menu-link-border-width` | Border width shorthand for menu links. | `var(--graupl-menu-link-border-top-width) var(--graupl-menu-link-border-right-width) var(--graupl-menu-link-border-bottom-width) var(--graupl-menu-link-border-left-width)` |\n// | `--graupl-menu-link-border-top-style` | Top border style of menu links. | `var(--graupl-border-top-style)` |\n// | `--graupl-menu-link-border-right-style` | Right border style of menu links. | `var(--graupl-border-right-style)` |\n// | `--graupl-menu-link-border-bottom-style` | Bottom border style of menu links. | `var(--graupl-border-bottom-style)` |\n// | `--graupl-menu-link-border-left-style` | Left border style of menu links. | `var(--graupl-border-left-style)` |\n// | `--graupl-menu-link-border-style` | Border style shorthand for menu links. | `var(--graupl-menu-link-border-top-style) var(--graupl-menu-link-border-right-style) var(--graupl-menu-link-border-bottom-style) var(--graupl-menu-link-border-left-style)` |\n// | `--graupl-menu-link-border-color` | Border colour of menu links. | `var(--graupl-menu-link-color)` |\n// | `--graupl-menu-link-visited-border-color` | Border colour of visited menu links. | `var(--graupl-menu-link-border-color)` |\n// | `--graupl-menu-link-focus-border-color` | Border colour of focused menu links. | `var(--graupl-menu-link-border-color)` |\n// | `--graupl-menu-link-hover-border-color` | Border colour of hovered menu links. | `var(--graupl-menu-link-hover-color)` |\n// | `--graupl-menu-link-active-border-color` | Border colour of active menu links. | `var(--graupl-menu-link-hover-border-color)` |\n// | `--graupl-menu-link-disabled-border-color` | Border colour of disabled menu links. | `var(--graupl-menu-link-disabled-color)` |\n// | `--graupl-submenu-toggle-transform` | Base transform for submenu toggles. | `rotate(0deg)` |\n// | `--graupl-submenu-toggle-open-transform` | Transform applied when a submenu is open. | `rotate(-180deg)` |\n// | `--graupl-submenu-toggle-content` | Content string for submenu toggle pseudo-elements. | `'↓'` |\n// | `--graupl-submenu-toggle-transition` | Transition applied to submenu toggles. | `transform var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function)` |\n// | `--graupl-submenu-toggle-transition-reduced-motion` | Transition used when reduced motion is enabled. | `none` |\n//\n// The following sass variables can be used to customize the generation of the menu component:\n// | Variable | Description | Default Value |\n// | ------------------------------- | -------------------------------------------------------------------- | ------------------------- |\n// | `$selector-base` | Selector base for the component. | `\".\"` |\n// | `$modifier-selector-base` | Selector base for component modifiers. | `\".\"` |\n// | `$generate-base-theme-map` | Flag to generate the base theme maps for menu variants. | `true` |\n// | `$themeable` | Flag to generate theme modifiers. | `false` |\n// | `$menu-selector-base` | Selector base for the menu. | `$selector-base` |\n// | `$menu-selector` | Selector for the menu. | `\"menu\"` |\n// | `$menu-theme-selector-base` | Selector base for menu theme modifiers. | `$modifier-selector-base` |\n// | `$menu-theme-selector-prefix` | Selector prefix for menu theme modifiers. | `\"\"` |\n// | `$submenu-selector-base` | Selector base for the submenu. | `$selector-base` |\n// | `$submenu-selector` | Selector for the submenu. | `\"submenu\"` |\n// | `$menu-item-selector-base` | Selector base for a menu item. | `$selector-base` |\n// | `$menu-item-selector` | Selector for a menu item. | `\"menu-item\"` |\n// | `$menu-link-selector-base` | Selector base for the menu link. | `$selector-base` |\n// | `$menu-link-selector` | Selector for the menu link. | `\"menu-link\"` |\n// | `$submenu-toggle-selector-base` | Selector base for the submenu toggle. | `$selector-base` |\n// | `$submenu-toggle-selector` | Selector for the submenu toggle. | `\"submenu-toggle\"` |\n// | `$menu-show-selector-base` | Selector base for the show modifier. | `\".\"` |\n// | `$menu-show-selector` | Selector for the show modifier. | `\"show\"` |\n// | `$menu-hide-selector-base` | Selector base for the hide modifier. | `\".\"` |\n// | `$menu-hide-selector` | Selector for the hide modifier. | `\"hide\"` |\n// | `$menu-theme-mappings` | A map of properties and shade values applied to menu theme variants. | `()` |\n// | `$menu-theme-map` | A fully expanded property map used to generate menu theme modifiers. | `()` |\n//\n// ## Using `$menu-theme-mappings`\n//\n// `$menu-theme-mappings` is a single-level map of properties and shade values.\n//\n// e.g.\n// ```scss\n// $menu-theme-mappings: (\n// border-color: 700,\n// );\n// ```\n//\n// This directly[1] informs all menu theme variants what shade to use for each property key.\n// Based on the example above:\n// - Primary menus expose `--graupl-menu-border-color` as `var(--graupl-theme-active--primary--700)`,\n// - Secondary menus expose `--graupl-menu-border-color` as `var(--graupl-theme-active--secondary--700)`, and\n// - Tertiary menus expose `--graupl-menu-border-color` as `var(--graupl-theme-active--tertiary--700)`.\n//\n// You can pair multiple properties to customize all variants together.\n//\n// ```scss\n// $menu-theme-mappings: (\n// color: 900,\n// link-hover-background: 600,\n// );\n// ```\n//\n// - Primary menus use `--graupl-theme-active--primary--900` for `--graupl-menu-color` and `--graupl-theme-active--primary--600` for `--graupl-menu-link-hover-background`.\n// - Secondary menus use the same shades for `--graupl-menu-color` / `--graupl-menu-link-hover-background`, but sourced from the secondary palette.\n// - Tertiary menus follow suit with the tertiary palette.\n//\n// [1] `$menu-theme-mappings` gets parsed into a larger, more explicit map: `$menu-theme-map`.\n//\n// ## Using `$menu-theme-map`\n//\n// `$menu-theme-map` is a multi-level map of properties, colours, and shade values, allowing you to target each variant explicitly.\n//\n// e.g.\n// ```scss\n// $menu-theme-map: (\n// primary: (\n// link-hover-background: (\n// color: primary,\n// shade: 500,\n// ),\n// ),\n// secondary: (\n// border-color: (\n// color: secondary,\n// shade: 600,\n// ),\n// ),\n// );\n// ```\n//\n// This example keeps default behaviour for unspecified variants/properties, while overriding the hover background for primary menus and the border colour for secondary menus.\n//\n// @example\n// <ul class=\"menu\">\n// <li class=\"menu-item\"><a class=\"menu-link\" href=\"#\">Home</a></li>\n// <li class=\"menu-item submenu-item\">\n// <button class=\"menu-link button link submenu-toggle\" type=\"button\">About</button>\n// <ul class=\"submenu\">\n// <li class=\"menu-item\"><a class=\"menu-link\" href=\"#\">About Us</a></li>\n// <li class=\"menu-item\"><a class=\"menu-link\" href=\"#\">Our Team</a></li>\n// <li class=\"menu-item\"><a class=\"menu-link\" href=\"#\">Our Mission</a></li>\n// </ul>\n// </li>\n// <li class=\"menu-item\"><a class=\"menu-link\" href=\"#\">Blog</a></li>\n// <li class=\"menu-item\"><a class=\"menu-link button tertiary\" href=\"#\">Contact</a></li>\n// </ul>\n\n@use \"../../base/button/defaults\" as button-defaults;\n@use \"../../base/button/variables\" as button-variables;\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 \"variables\" as *;\n\n@include layer(component) {\n // .menu\n #{defaults.$menu-selector-base}#{defaults.$menu-selector} {\n --#{root-defaults.$prefix}link-padding: #{$menu-link-padding};\n --#{root-defaults.$prefix}link-border-width: #{$menu-link-border-width};\n --#{root-defaults.$prefix}link-border-radius: #{$menu-link-border-radius};\n --#{root-defaults.$prefix}link-border-style: #{$menu-link-border-style};\n --#{root-defaults.$prefix}link-text-decoration: #{$menu-link-text-decoration};\n --#{root-defaults.$prefix}link-text-decoration-thickness: #{$menu-link-text-decoration-thickness};\n --#{root-defaults.$prefix}link-text-decoration-style: #{$menu-link-text-decoration-style};\n --#{root-defaults.$prefix}link-transform: #{$menu-link-transform};\n --#{root-defaults.$prefix}link-visited-text-decoration: #{$menu-link-visited-text-decoration};\n --#{root-defaults.$prefix}link-visited-text-decoration-thickness: #{$menu-link-visited-text-decoration-thickness};\n --#{root-defaults.$prefix}link-visited-text-decoration-style: #{$menu-link-visited-text-decoration-style};\n --#{root-defaults.$prefix}link-visited-transform: #{$menu-link-visited-transform};\n --#{root-defaults.$prefix}link-focus-text-decoration: #{$menu-link-focus-text-decoration};\n --#{root-defaults.$prefix}link-focus-text-decoration-thickness: #{$menu-link-focus-text-decoration-thickness};\n --#{root-defaults.$prefix}link-focus-text-decoration-style: #{$menu-link-focus-text-decoration-style};\n --#{root-defaults.$prefix}link-focus-transform: #{$menu-link-focus-transform};\n --#{root-defaults.$prefix}link-hover-text-decoration: #{$menu-link-hover-text-decoration};\n --#{root-defaults.$prefix}link-hover-text-decoration-thickness: #{$menu-link-hover-text-decoration-thickness};\n --#{root-defaults.$prefix}link-hover-text-decoration-style: #{$menu-link-hover-text-decoration-style};\n --#{root-defaults.$prefix}link-hover-transform: #{$menu-link-hover-transform};\n --#{root-defaults.$prefix}link-active-text-decoration: #{$menu-link-active-text-decoration};\n --#{root-defaults.$prefix}link-active-text-decoration-thickness: #{$menu-link-active-text-decoration-thickness};\n --#{root-defaults.$prefix}link-active-text-decoration-style: #{$menu-link-active-text-decoration-style};\n --#{root-defaults.$prefix}link-active-transform: #{$menu-link-active-transform};\n --#{root-defaults.$prefix}link-disabled-text-decoration: #{$menu-link-disabled-text-decoration};\n --#{root-defaults.$prefix}link-disabled-text-decoration-thickness: #{$menu-link-disabled-text-decoration-thickness};\n --#{root-defaults.$prefix}link-disabled-text-decoration-style: #{$menu-link-disabled-text-decoration-style};\n --#{root-defaults.$prefix}link-disabled-transform: #{$menu-link-disabled-transform};\n\n display: $menu-display;\n flex-direction: $menu-flex-direction;\n padding: $menu-padding;\n border-width: $menu-border-width;\n border-style: $menu-border-style;\n border-radius: $menu-border-radius;\n list-style: none;\n gap: $menu-gap;\n isolation: isolate;\n\n // &.show\n &#{defaults.$menu-show-selector-base}#{defaults.$menu-show-selector} {\n --#{root-defaults.$prefix}menu-display: #{$menu-show-display};\n }\n\n // &.hide\n &#{defaults.$menu-hide-selector-base}#{defaults.$menu-hide-selector} {\n --#{root-defaults.$prefix}menu-display: #{$menu-hide-display};\n }\n }\n\n // .submenu\n #{defaults.$submenu-selector-base}#{defaults.$submenu-selector} {\n display: $submenu-display;\n position: $submenu-position;\n z-index: $submenu-z-index;\n flex: 1 1;\n flex-direction: $submenu-flex-direction;\n padding: $submenu-padding;\n border-width: $submenu-border-width;\n border-style: $submenu-border-style;\n border-radius: $submenu-border-radius;\n list-style: none;\n gap: $submenu-gap;\n isolation: isolate;\n inset: $submenu-inset;\n\n // &.show\n &#{defaults.$menu-show-selector-base}#{defaults.$menu-show-selector} {\n --#{root-defaults.$prefix}submenu-display: #{$submenu-show-display};\n }\n\n // &.hide\n &#{defaults.$menu-hide-selector-base}#{defaults.$menu-hide-selector} {\n --#{root-defaults.$prefix}submenu-display: #{$submenu-hide-display};\n }\n }\n\n // .menu-item\n #{defaults.$menu-item-selector-base}#{defaults.$menu-item-selector} {\n display: flex;\n position: relative;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n min-width: $menu-item-min-width;\n max-width: $menu-item-max-width;\n padding: $menu-item-padding;\n }\n\n // .menu-link\n #{defaults.$menu-link-selector-base}#{defaults.$menu-link-selector} {\n display: flex;\n width: 100%;\n padding: $menu-link-padding;\n transform: $menu-link-transform;\n transition: $menu-link-transition;\n border-width: $menu-link-border-width;\n border-style: $menu-link-border-style;\n border-radius: $menu-link-border-radius;\n text-decoration: $menu-link-text-decoration;\n text-decoration-style: $menu-link-text-decoration-style;\n gap: $menu-link-gap;\n text-decoration-thickness: $menu-link-text-decoration-thickness;\n\n @include state.generate-modifiers(\n (\n text-decoration: $menu-link-text-decoration-states,\n text-decoration-thickness: $menu-link-text-decoration-thickness-states,\n text-decoration-style: $menu-link-text-decoration-style-states,\n transform: $menu-link-transform-states,\n )\n );\n\n // &.button\n &#{button-defaults.$button-selector-base}#{button-defaults.$button-selector} {\n --#{root-defaults.$prefix}menu-link-padding: #{button-variables.$button-padding};\n --#{root-defaults.$prefix}menu-link-border-width: #{button-variables.$button-border-width};\n --#{root-defaults.$prefix}menu-link-border-radius: #{button-variables.$button-border-radius};\n --#{root-defaults.$prefix}menu-link-border-style: #{button-variables.$button-border-style};\n --#{root-defaults.$prefix}menu-link-text-decoration: none;\n --#{root-defaults.$prefix}menu-link-visited-text-decoration: none;\n --#{root-defaults.$prefix}menu-link-focus-text-decoration: none;\n --#{root-defaults.$prefix}menu-link-hover-text-decoration: none;\n --#{root-defaults.$prefix}menu-link-active-text-decoration: none;\n --#{root-defaults.$prefix}menu-link-disabled-text-decoration: none;\n --#{root-defaults.$prefix}menu-link-transition: #{button-variables.$button-transition};\n --#{root-defaults.$prefix}menu-link-transition-reduced-motion: #{button-variables.$button-transition-reduced-motion};\n --#{root-defaults.$prefix}menu-link-transform: #{button-variables.$button-transform};\n --#{root-defaults.$prefix}menu-link-visited-transform: #{button-variables.$button-visited-transform};\n --#{root-defaults.$prefix}menu-link-focus-transform: #{button-variables.$button-focus-transform};\n --#{root-defaults.$prefix}menu-link-hover-transform: #{button-variables.$button-hover-transform};\n --#{root-defaults.$prefix}menu-link-active-transform: #{button-variables.$button-active-transform};\n --#{root-defaults.$prefix}menu-link-disabled-transform: #{button-variables.$button-disabled-transform};\n }\n }\n\n // .submenu-toggle\n #{defaults.$submenu-toggle-selector-base}#{defaults.$submenu-toggle-selector} {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n &::after {\n content: $submenu-toggle-content;\n display: block;\n transform: $submenu-toggle-transform;\n transition: $submenu-toggle-transition;\n }\n\n &[aria-expanded=\"true\"]::after {\n --#{root-defaults.$prefix}submenu-toggle-transform: #{$submenu-toggle-open-transform};\n }\n }\n\n @include animation.off {\n // .menu-link\n #{defaults.$menu-link-selector-base}#{defaults.$menu-link-selector} {\n --#{root-defaults.$prefix}menu-link-transition: #{$menu-link-transition-reduced-motion};\n }\n\n // .submenu-toggle\n #{defaults.$submenu-toggle-selector-base}#{defaults.$submenu-toggle-selector}::after {\n --#{root-defaults.$prefix}submenu-toggle-transition: #{$submenu-toggle-transition-reduced-motion};\n }\n }\n}\n\n@include layer(theme) {\n // .menu\n #{defaults.$menu-selector-base}#{defaults.$menu-selector} {\n --#{root-defaults.$prefix}link-color: #{$menu-link-color};\n --#{root-defaults.$prefix}link-background: #{$menu-link-background};\n --#{root-defaults.$prefix}link-border-color: #{$menu-link-border-color};\n --#{root-defaults.$prefix}link-text-decoration-color: #{$menu-link-text-decoration-color};\n --#{root-defaults.$prefix}link-visited-color: #{$menu-link-visited-color};\n --#{root-defaults.$prefix}link-visited-background: #{$menu-link-visited-background};\n --#{root-defaults.$prefix}link-visited-border-color: #{$menu-link-visited-border-color};\n --#{root-defaults.$prefix}link-visited-text-decoration-color: #{$menu-link-visited-text-decoration-color};\n --#{root-defaults.$prefix}link-focus-color: #{$menu-link-focus-color};\n --#{root-defaults.$prefix}link-focus-background: #{$menu-link-focus-background};\n --#{root-defaults.$prefix}link-focus-border-color: #{$menu-link-focus-border-color};\n --#{root-defaults.$prefix}link-focus-text-decoration-color: #{$menu-link-focus-text-decoration-color};\n --#{root-defaults.$prefix}link-hover-color: #{$menu-link-hover-color};\n --#{root-defaults.$prefix}link-hover-background: #{$menu-link-hover-background};\n --#{root-defaults.$prefix}link-hover-border-color: #{$menu-link-hover-border-color};\n --#{root-defaults.$prefix}link-hover-text-decoration-color: #{$menu-link-hover-text-decoration-color};\n --#{root-defaults.$prefix}link-active-color: #{$menu-link-active-color};\n --#{root-defaults.$prefix}link-active-background: #{$menu-link-active-background};\n --#{root-defaults.$prefix}link-active-border-color: #{$menu-link-active-border-color};\n --#{root-defaults.$prefix}link-active-text-decoration-color: #{$menu-link-active-text-decoration-color};\n --#{root-defaults.$prefix}link-disabled-color: #{$menu-link-disabled-color};\n --#{root-defaults.$prefix}link-disabled-background: #{$menu-link-disabled-background};\n --#{root-defaults.$prefix}link-disabled-border-color: #{$menu-link-disabled-border-color};\n --#{root-defaults.$prefix}link-disabled-text-decoration-color: #{$menu-link-disabled-text-decoration-color};\n\n border-color: $menu-border-color;\n background: $menu-background;\n color: $menu-color;\n\n @if root-defaults.$themeable-components and defaults.$themeable {\n @include theme.generate-modifiers(\n defaults.$menu-theme-map,\n defaults.$menu-theme-selector-base,\n defaults.$menu-theme-selector-prefix,\n \"menu-\"\n );\n @include theme.generate-modifiers(\n defaults.$menu-theme-map,\n defaults.$menu-theme-selector-base,\n defaults.$menu-theme-selector-prefix,\n \"menu-\",\n \"\"\n );\n }\n }\n\n // .submenu\n #{defaults.$submenu-selector-base}#{defaults.$submenu-selector} {\n border-color: $submenu-border-color;\n background: $submenu-background;\n color: $submenu-color;\n }\n\n // .menu-link\n #{defaults.$menu-link-selector-base}#{defaults.$menu-link-selector} {\n border-color: $menu-link-border-color;\n background: $menu-link-background;\n color: $menu-link-color;\n text-decoration-color: $menu-link-text-decoration-color;\n\n @include state.generate-modifiers(\n (\n border-color: $menu-link-border-color-states,\n background: $menu-link-background-states,\n color: $menu-link-color-states,\n text-decoration-color: $menu-link-text-decoration-color-states,\n )\n );\n\n // .button\n &#{button-defaults.$button-selector-base}#{button-defaults.$button-selector} {\n --#{root-defaults.$prefix}menu-link-background: #{button-variables.$button-background};\n --#{root-defaults.$prefix}menu-link-color: #{button-variables.$button-color};\n --#{root-defaults.$prefix}menu-link-border-color: #{button-variables.$button-border-color};\n --#{root-defaults.$prefix}menu-link-visited-background: #{button-variables.$button-visited-background};\n --#{root-defaults.$prefix}menu-link-visited-color: #{button-variables.$button-visited-color};\n --#{root-defaults.$prefix}menu-link-visited-border-color: #{button-variables.$button-visited-border-color};\n --#{root-defaults.$prefix}menu-link-focus-background: #{button-variables.$button-focus-background};\n --#{root-defaults.$prefix}menu-link-focus-color: #{button-variables.$button-focus-color};\n --#{root-defaults.$prefix}menu-link-focus-border-color: #{button-variables.$button-focus-border-color};\n --#{root-defaults.$prefix}menu-link-hover-background: #{button-variables.$button-hover-background};\n --#{root-defaults.$prefix}menu-link-hover-color: #{button-variables.$button-hover-color};\n --#{root-defaults.$prefix}menu-link-hover-border-color: #{button-variables.$button-hover-border-color};\n --#{root-defaults.$prefix}menu-link-active-background: #{button-variables.$button-active-background};\n --#{root-defaults.$prefix}menu-link-active-color: #{button-variables.$button-active-color};\n --#{root-defaults.$prefix}menu-link-active-border-color: #{button-variables.$button-active-border-color};\n --#{root-defaults.$prefix}menu-link-disabled-background: #{button-variables.$button-disabled-background};\n --#{root-defaults.$prefix}menu-link-disabled-color: #{button-variables.$button-disabled-color};\n --#{root-defaults.$prefix}menu-link-disabled-border-color: #{button-variables.$button-disabled-border-color};\n }\n }\n}\n","// @graupl/core menu component variables.\n//\n// These values are to be used to directly style components and provide a\n// cleaner way to reference custom properties.\n\n// Custom property defaults:\n// | Custom property | Default |\n// | ----------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n// | --graupl-menu-flex-direction | row |\n// | --graupl-menu-padding-x | var(--graupl-spacer-0) |\n// | --graupl-menu-padding-y | var(--graupl-spacer-0) |\n// | --graupl-menu-padding | var(--graupl-menu-padding-y) var(--graupl-menu-padding-x) |\n// | --graupl-menu-column-gap | var(--graupl-spacer-0) |\n// | --graupl-menu-row-gap | var(--graupl-spacer-0) |\n// | --graupl-menu-gap | var(--graupl-menu-column-gap) var(--graupl-menu-row-gap) |\n// | --graupl-menu-show-display | flex |\n// | --graupl-menu-hide-display | none |\n// | --graupl-menu-display | flex |\n// | --graupl-menu-background | var(--graupl-background) |\n// | --graupl-menu-color | var(--graupl-color) |\n// | --graupl-menu-border-color | var(--graupl-menu-color) |\n// | --graupl-menu-border-top-left-radius | var(--graupl-border-top-left-radius) |\n// | --graupl-menu-border-top-right-radius | var(--graupl-border-top-right-radius) |\n// | --graupl-menu-border-bottom-left-radius | var(--graupl-border-bottom-left-radius) |\n// | --graupl-menu-border-bottom-right-radius | var(--graupl-border-bottom-right-radius) |\n// | --graupl-menu-border-radius | var(--graupl-menu-border-top-left-radius) var(--graupl-menu-border-top-right-radius) var(--graupl-menu-border-bottom-right-radius) var(--graupl-menu-border-bottom-left-radius) |\n// | --graupl-menu-border-top-width | 0 |\n// | --graupl-menu-border-right-width | 0 |\n// | --graupl-menu-border-bottom-width | 0 |\n// | --graupl-menu-border-left-width | 0 |\n// | --graupl-menu-border-width | var(--graupl-menu-border-top-width) var(--graupl-menu-border-right-width) var(--graupl-menu-border-bottom-width) var(--graupl-menu-border-left-width) |\n// | --graupl-menu-border-top-style | var(--graupl-border-top-style) |\n// | --graupl-menu-border-right-style | var(--graupl-border-right-style) |\n// | --graupl-menu-border-bottom-style | var(--graupl-border-bottom-style) |\n// | --graupl-menu-border-left-style | var(--graupl-border-left-style) |\n// | --graupl-menu-border-style | var(--graupl-menu-border-top-style) var(--graupl-menu-border-right-style) var(--graupl-menu-border-bottom-style) var(--graupl-menu-border-left-style) |\n// | --graupl-submenu-flex-direction | column |\n// | --graupl-submenu-z-index | 2 |\n// | --graupl-submenu-padding-x | var(--graupl-spacer-0) |\n// | --graupl-submenu-padding-y | var(--graupl-spacer-0) |\n// | --graupl-submenu-padding | var(--graupl-submenu-padding-y) var(--graupl-submenu-padding-x) |\n// | --graupl-submenu-column-gap | var(--graupl-menu-column-gap) |\n// | --graupl-submenu-row-gap | var(--graupl-menu-row-gap) |\n// | --graupl-submenu-gap | var(--graupl-submenu-column-gap) var(--graupl-submenu-row-gap) |\n// | --graupl-submenu-show-display | flex |\n// | --graupl-submenu-hide-display | none |\n// | --graupl-submenu-display | none |\n// | --graupl-submenu-background | var(--graupl-menu-background) |\n// | --graupl-submenu-color | var(--graupl-menu-color) |\n// | --graupl-submenu-border-color | var(--graupl-menu-border-color) |\n// | --graupl-submenu-border-top-left-radius | var(--graupl-border-top-left-radius) |\n// | --graupl-submenu-border-top-right-radius | var(--graupl-border-top-right-radius) |\n// | --graupl-submenu-border-bottom-left-radius | var(--graupl-border-bottom-left-radius) |\n// | --graupl-submenu-border-bottom-right-radius | var(--graupl-border-bottom-right-radius) |\n// | --graupl-submenu-border-radius | var(--graupl-submenu-border-top-left-radius) var(--graupl-submenu-border-top-right-radius) var(--graupl-submenu-border-bottom-right-radius) var(--graupl-submenu-border-bottom-left-radius) |\n// | --graupl-submenu-border-top-width | var(--graupl-border-top-width) |\n// | --graupl-submenu-border-right-width | var(--graupl-border-right-width) |\n// | --graupl-submenu-border-bottom-width | var(--graupl-border-bottom-width) |\n// | --graupl-submenu-border-left-width | var(--graupl-border-left-width) |\n// | --graupl-submenu-border-width | var(--graupl-submenu-border-top-width) var(--graupl-submenu-border-right-width) var(--graupl-submenu-border-bottom-width) var(--graupl-submenu-border-left-width) |\n// | --graupl-submenu-border-top-style | var(--graupl-border-top-style) |\n// | --graupl-submenu-border-right-style | var(--graupl-border-right-style) |\n// | --graupl-submenu-border-bottom-style | var(--graupl-border-bottom-style) |\n// | --graupl-submenu-border-left-style | var(--graupl-border-left-style) |\n// | --graupl-submenu-border-style | var(--graupl-submenu-border-top-style) var(--graupl-submenu-border-right-style) var(--graupl-submenu-border-bottom-style) var(--graupl-submenu-border-left-style) |\n// | --graupl-submenu-position | absolute |\n// | --graupl-submenu-top | 100% |\n// | --graupl-submenu-right | auto |\n// | --graupl-submenu-bottom | auto |\n// | --graupl-submenu-left | 0 |\n// | --graupl-submenu-inset | 100% auto auto 0 |\n// | --graupl-menu-item-min-width | min-content |\n// | --graupl-menu-item-max-width | 100% |\n// | --graupl-menu-item-padding-x | var(--graupl-spacer-0) |\n// | --graupl-menu-item-padding-y | var(--graupl-spacer-0) |\n// | --graupl-menu-item-padding | var(--graupl-menu-item-padding-y) var(--graupl-menu-item-padding-x) |\n// | --graupl-submenu-item-width | 100% |\n// | --graupl-menu-link-padding-x | var(--graupl-spacer-5) |\n// | --graupl-menu-link-padding-y | var(--graupl-spacer-3) |\n// | --graupl-menu-link-padding | var(--graupl-menu-link-padding-y) var(--graupl-menu-link-padding-x) |\n// | --graupl-menu-link-transition | background var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function), color var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function) |\n// | --graupl-menu-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-menu-link-transform | none |\n// | --graupl-menu-link-visited-transform | var(--graupl-menu-link-transform) |\n// | --graupl-menu-link-focus-transform | var(--graupl-menu-link-transform) |\n// | --graupl-menu-link-hover-transform | none |\n// | --graupl-menu-link-active-transform | var(--graupl-menu-link-hover-transform) |\n// | --graupl-menu-link-disabled-transform | none |\n// | --graupl-menu-link-column-gap | var(--graupl-menu-link-padding-x) |\n// | --graupl-menu-link-row-gap | var(--graupl-spacer-0) |\n// | --graupl-menu-link-gap | var(--graupl-menu-link-column-gap) var(--graupl-menu-link-row-gap) |\n// | --graupl-menu-link-background | var(--graupl-menu-background) |\n// | --graupl-menu-link-visited-background | var(--graupl-menu-link-background) |\n// | --graupl-menu-link-focus-background | var(--graupl-menu-link-background) |\n// | --graupl-menu-link-hover-background | var(--graupl-menu-color) |\n// | --graupl-menu-link-active-background | var(--graupl-menu-link-hover-background) |\n// | --graupl-menu-link-disabled-background | var(--graupl-background) |\n// | --graupl-menu-link-color | var(--graupl-menu-color) |\n// | --graupl-menu-link-visited-color | var(--graupl-menu-link-color) |\n// | --graupl-menu-link-focus-color | var(--graupl-menu-link-color) |\n// | --graupl-menu-link-hover-color | var(--graupl-menu-background) |\n// | --graupl-menu-link-active-color | var(--graupl-menu-link-hover-color) |\n// | --graupl-menu-link-disabled-color | var(--graupl-theme-active--primary--200) |\n// | --graupl-menu-link-text-decoration | none |\n// | --graupl-menu-link-visited-text-decoration | var(--graupl-menu-link-text-decoration) |\n// | --graupl-menu-link-focus-text-decoration | var(--graupl-menu-link-text-decoration) |\n// | --graupl-menu-link-hover-text-decoration | none |\n// | --graupl-menu-link-active-text-decoration | var(--graupl-menu-link-hover-text-decoration) |\n// | --graupl-menu-link-disabled-text-decoration | none |\n// | --graupl-menu-link-text-decoration-thickness | var(--graupl-border-width) |\n// | --graupl-menu-link-visited-text-decoration-thickness | var(--graupl-menu-link-text-decoration-thickness) |\n// | --graupl-menu-link-focus-text-decoration-thickness | var(--graupl-menu-link-text-decoration-thickness) |\n// | --graupl-menu-link-hover-text-decoration-thickness | var(--graupl-border-width) |\n// | --graupl-menu-link-active-text-decoration-thickness | var(--graupl-menu-link-hover-text-decoration-thickness) |\n// | --graupl-menu-link-disabled-text-decoration-thickness | var(--graupl-border-width) |\n// | --graupl-menu-link-text-decoration-style | solid |\n// | --graupl-menu-link-visited-text-decoration-style | var(--graupl-menu-link-text-decoration-style) |\n// | --graupl-menu-link-focus-text-decoration-style | var(--graupl-menu-link-text-decoration-style) |\n// | --graupl-menu-link-hover-text-decoration-style | solid |\n// | --graupl-menu-link-active-text-decoration-style | var(--graupl-menu-link-hover-text-decoration-style) |\n// | --graupl-menu-link-disabled-text-decoration-style | solid |\n// | --graupl-menu-link-text-decoration-color | var(--graupl-menu-link-color) |\n// | --graupl-menu-link-visited-text-decoration-color | var(--graupl-menu-link-visited-color) |\n// | --graupl-menu-link-focus-text-decoration-color | var(--graupl-menu-link-focus-color) |\n// | --graupl-menu-link-hover-text-decoration-color | var(--graupl-menu-link-hover-color) |\n// | --graupl-menu-link-active-text-decoration-color | var(--graupl-menu-link-active-color) |\n// | --graupl-menu-link-disabled-text-decoration-color | var(--graupl-menu-link-disabled-color) |\n// | --graupl-menu-link-border-top-left-radius | var(--graupl-border-top-left-radius) |\n// | --graupl-menu-link-border-top-right-radius | var(--graupl-border-top-right-radius) |\n// | --graupl-menu-link-border-bottom-left-radius | var(--graupl-border-bottom-left-radius) |\n// | --graupl-menu-link-border-bottom-right-radius | var(--graupl-border-bottom-right-radius) |\n// | --graupl-menu-link-border-radius | var(--graupl-menu-link-border-top-left-radius) var(--graupl-menu-link-border-top-right-radius) var(--graupl-menu-link-border-bottom-right-radius) var(--graupl-menu-link-border-bottom-left-radius) |\n// | --graupl-menu-link-border-top-width | 0 |\n// | --graupl-menu-link-border-right-width | 0 |\n// | --graupl-menu-link-border-bottom-width | 0 |\n// | --graupl-menu-link-border-left-width | 0 |\n// | --graupl-menu-link-border-width | var(--graupl-menu-link-border-top-width) var(--graupl-menu-link-border-right-width) var(--graupl-menu-link-border-bottom-width) var(--graupl-menu-link-border-left-width) |\n// | --graupl-menu-link-border-top-style | var(--graupl-border-top-style) |\n// | --graupl-menu-link-border-right-style | var(--graupl-border-right-style) |\n// | --graupl-menu-link-border-bottom-style | var(--graupl-border-bottom-style) |\n// | --graupl-menu-link-border-left-style | var(--graupl-border-left-style) |\n// | --graupl-menu-link-border-style | var(--graupl-menu-link-border-top-style) var(--graupl-menu-link-border-right-style) var(--graupl-menu-link-border-bottom-style) var(--graupl-menu-link-border-left-style) |\n// | --graupl-menu-link-border-color | var(--graupl-menu-link-color) |\n// | --graupl-menu-link-visited-border-color | var(--graupl-menu-link-border-color) |\n// | --graupl-menu-link-focus-border-color | var(--graupl-menu-link-border-color) |\n// | --graupl-menu-link-hover-border-color | var(--graupl-menu-link-hover-color) |\n// | --graupl-menu-link-active-border-color | var(--graupl-menu-link-hover-border-color) |\n// | --graupl-menu-link-disabled-border-color | var(--graupl-menu-link-disabled-color) |\n// | --graupl-submenu-toggle-transform | rotate(0deg) |\n// | --graupl-submenu-toggle-open-transform | rotate(-180deg) |\n// | --graupl-submenu-toggle-content | \"'↓'\" |\n// | --graupl-submenu-toggle-transition | transform var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function) |\n// | --graupl-submenu-toggle-transition-reduced-motion | none |\n\n@use \"defaults\";\n@use \"../../defaults\" as root-defaults;\n@use \"../../variables\" as root-variables;\n@use \"../../theme/color/variables\" as color;\n@use \"../../functions/theme\";\n@use \"sass:map\";\n\n// Menu properties.\n// --graupl-menu-flex-direction\n$menu-flex-direction: var(\n --#{root-defaults.$prefix}menu-flex-direction,\n #{defaults.$menu-flex-direction}\n);\n\n// --graupl-menu-padding-x\n$menu-padding-x: var(\n --#{root-defaults.$prefix}menu-padding-x,\n #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-menu-padding-y\n$menu-padding-y: var(\n --#{root-defaults.$prefix}menu-padding-y,\n #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-menu-padding\n$menu-padding: var(\n --#{root-defaults.$prefix}menu-padding,\n #{$menu-padding-y} #{$menu-padding-x}\n);\n\n// Menu gap properties.\n// --graupl-menu-column-gap\n$menu-column-gap: var(\n --#{root-defaults.$prefix}menu-column-gap,\n #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-menu-row-gap\n$menu-row-gap: var(\n --#{root-defaults.$prefix}menu-row-gap,\n #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-menu-gap\n$menu-gap: var(\n --#{root-defaults.$prefix}menu-gap,\n #{$menu-column-gap} #{$menu-row-gap}\n);\n\n// Menu display properties.\n// --graupl-menu-show-display\n$menu-show-display: var(\n --#{root-defaults.$prefix}menu-show-display,\n #{defaults.$menu-show-display}\n);\n\n// --graupl-menu-hide-display\n$menu-hide-display: var(\n --#{root-defaults.$prefix}menu-hide-display,\n #{defaults.$menu-hide-display}\n);\n\n// --graupl-menu-display\n$menu-display: var(\n --#{root-defaults.$prefix}menu-display,\n #{defaults.$menu-show-display}\n);\n\n// Menu color properties.\n// --graupl-menu-background\n$menu-background: var(\n --#{root-defaults.$prefix}menu-background,\n #{color.$background}\n);\n\n// --graupl-menu-color\n$menu-color: var(--#{root-defaults.$prefix}menu-color, #{color.$color});\n\n// Menu border properties.\n// --graupl-menu-border-color\n$menu-border-color: var(\n --#{root-defaults.$prefix}menu-border-color,\n #{$menu-color}\n);\n\n// --graupl-menu-border-top-left-radius\n$menu-border-top-left-radius: var(\n --#{root-defaults.$prefix}menu-border-top-left-radius,\n #{root-variables.$border-top-left-radius}\n);\n\n// --graupl-menu-border-top-right-radius\n$menu-border-top-right-radius: var(\n --#{root-defaults.$prefix}menu-border-top-right-radius,\n #{root-variables.$border-top-right-radius}\n);\n\n// --graupl-menu-border-bottom-left-radius\n$menu-border-bottom-left-radius: var(\n --#{root-defaults.$prefix}menu-border-bottom-left-radius,\n #{root-variables.$border-bottom-left-radius}\n);\n\n// --graupl-menu-border-bottom-right-radius\n$menu-border-bottom-right-radius: var(\n --#{root-defaults.$prefix}menu-border-bottom-right-radius,\n #{root-variables.$border-bottom-right-radius}\n);\n\n// --graupl-menu-border-radius\n$menu-border-radius: var(\n --#{root-defaults.$prefix}menu-border-radius,\n #{$menu-border-top-left-radius} #{$menu-border-top-right-radius}\n #{$menu-border-bottom-right-radius} #{$menu-border-bottom-left-radius}\n);\n\n// --graupl-menu-border-top-width\n$menu-border-top-width: var(\n --#{root-defaults.$prefix}menu-border-top-width,\n #{defaults.$menu-border-width}\n);\n\n// --graupl-menu-border-right-width\n$menu-border-right-width: var(\n --#{root-defaults.$prefix}menu-border-right-width,\n #{defaults.$menu-border-width}\n);\n\n// --graupl-menu-border-bottom-width\n$menu-border-bottom-width: var(\n --#{root-defaults.$prefix}menu-border-bottom-width,\n #{defaults.$menu-border-width}\n);\n\n// --graupl-menu-border-left-width\n$menu-border-left-width: var(\n --#{root-defaults.$prefix}menu-border-left-width,\n #{defaults.$menu-border-width}\n);\n\n// --graupl-menu-border-width\n$menu-border-width: var(\n --#{root-defaults.$prefix}menu-border-width,\n #{$menu-border-top-width} #{$menu-border-right-width}\n #{$menu-border-bottom-width} #{$menu-border-left-width}\n);\n\n// --graupl-menu-border-top-style\n$menu-border-top-style: var(\n --#{root-defaults.$prefix}menu-border-top-style,\n #{root-variables.$border-top-style}\n);\n\n// --graupl-menu-border-right-style\n$menu-border-right-style: var(\n --#{root-defaults.$prefix}menu-border-right-style,\n #{root-variables.$border-right-style}\n);\n\n// --graupl-menu-border-bottom-style\n$menu-border-bottom-style: var(\n --#{root-defaults.$prefix}menu-border-bottom-style,\n #{root-variables.$border-bottom-style}\n);\n\n// --graupl-menu-border-left-style\n$menu-border-left-style: var(\n --#{root-defaults.$prefix}menu-border-left-style,\n #{root-variables.$border-left-style}\n);\n\n// --graupl-menu-border-style\n$menu-border-style: var(\n --#{root-defaults.$prefix}menu-border-style,\n #{$menu-border-top-style} #{$menu-border-right-style}\n #{$menu-border-bottom-style} #{$menu-border-left-style}\n);\n\n// Submenu properties\n// --graupl-submenu-flex-direction\n$submenu-flex-direction: var(\n --#{root-defaults.$prefix}submenu-flex-direction,\n #{defaults.$submenu-flex-direction}\n);\n\n// --graupl-submenu-z-index\n$submenu-z-index: var(\n --#{root-defaults.$prefix}submenu-z-index,\n #{defaults.$submenu-z-index}\n);\n\n// --graupl-submenu-padding-x\n$submenu-padding-x: var(\n --#{root-defaults.$prefix}submenu-padding-x,\n #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-submenu-padding-y\n$submenu-padding-y: var(\n --#{root-defaults.$prefix}submenu-padding-y,\n #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-submenu-padding\n$submenu-padding: var(\n --#{root-defaults.$prefix}submenu-padding,\n #{$submenu-padding-y} #{$submenu-padding-x}\n);\n\n// Submenu gap properties.\n// --graupl-submenu-column-gap\n$submenu-column-gap: var(\n --#{root-defaults.$prefix}submenu-column-gap,\n #{$menu-column-gap}\n);\n\n// --graupl-submenu-row-gap\n$submenu-row-gap: var(\n --#{root-defaults.$prefix}submenu-row-gap,\n #{$menu-row-gap}\n);\n\n// --graupl-submenu-gap\n$submenu-gap: var(\n --#{root-defaults.$prefix}submenu-gap,\n #{$submenu-column-gap} #{$submenu-row-gap}\n);\n\n// Submenu display properties.\n// --graupl-submenu-show-display\n$submenu-show-display: var(\n --#{root-defaults.$prefix}submenu-show-display,\n #{defaults.$submenu-show-display}\n);\n\n// --graupl-submenu-hide-display\n$submenu-hide-display: var(\n --#{root-defaults.$prefix}submenu-hide-display,\n #{defaults.$submenu-hide-display}\n);\n\n// --graupl-submenu-display\n$submenu-display: var(\n --#{root-defaults.$prefix}submenu-display,\n #{defaults.$submenu-hide-display}\n);\n\n// Submenu color properties.\n// --graupl-submenu-background\n$submenu-background: var(\n --#{root-defaults.$prefix}submenu-background,\n #{$menu-background}\n);\n\n// --graupl-submenu-color\n$submenu-color: var(--#{root-defaults.$prefix}submenu-color, #{$menu-color});\n\n// Submenu border properties.\n// --graupl-submenu-border-color\n$submenu-border-color: var(\n --#{root-defaults.$prefix}submenu-border-color,\n #{$menu-border-color}\n);\n\n// --graupl-submenu-border-top-left-radius\n$submenu-border-top-left-radius: var(\n --#{root-defaults.$prefix}submenu-border-top-left-radius,\n #{root-variables.$border-top-left-radius}\n);\n\n// --graupl-submenu-border-top-right-radius\n$submenu-border-top-right-radius: var(\n --#{root-defaults.$prefix}submenu-border-top-right-radius,\n #{root-variables.$border-top-right-radius}\n);\n\n// --graupl-submenu-border-bottom-left-radius\n$submenu-border-bottom-left-radius: var(\n --#{root-defaults.$prefix}submenu-border-bottom-left-radius,\n #{root-variables.$border-bottom-left-radius}\n);\n\n// --graupl-submenu-border-bottom-right-radius\n$submenu-border-bottom-right-radius: var(\n --#{root-defaults.$prefix}submenu-border-bottom-right-radius,\n #{root-variables.$border-bottom-right-radius}\n);\n\n// --graupl-submenu-border-radius\n$submenu-border-radius: var(\n --#{root-defaults.$prefix}submenu-border-radius,\n #{$submenu-border-top-left-radius} #{$submenu-border-top-right-radius}\n #{$submenu-border-bottom-right-radius} #{$submenu-border-bottom-left-radius}\n);\n\n// --graupl-submenu-border-top-width\n$submenu-border-top-width: var(\n --#{root-defaults.$prefix}submenu-border-top-width,\n #{root-variables.$border-top-width}\n);\n\n// --graupl-submenu-border-right-width\n$submenu-border-right-width: var(\n --#{root-defaults.$prefix}submenu-border-right-width,\n #{root-variables.$border-right-width}\n);\n\n// --graupl-submenu-border-bottom-width\n$submenu-border-bottom-width: var(\n --#{root-defaults.$prefix}submenu-border-bottom-width,\n #{root-variables.$border-bottom-width}\n);\n\n// --graupl-submenu-border-left-width\n$submenu-border-left-width: var(\n --#{root-defaults.$prefix}submenu-border-left-width,\n #{root-variables.$border-left-width}\n);\n\n// --graupl-submenu-border-width\n$submenu-border-width: var(\n --#{root-defaults.$prefix}submenu-border-width,\n #{$submenu-border-top-width} #{$submenu-border-right-width}\n #{$submenu-border-bottom-width} #{$submenu-border-left-width}\n);\n\n// --graupl-submenu-border-top-style\n$submenu-border-top-style: var(\n --#{root-defaults.$prefix}submenu-border-top-style,\n #{root-variables.$border-top-style}\n);\n\n// --graupl-submenu-border-right-style\n$submenu-border-right-style: var(\n --#{root-defaults.$prefix}submenu-border-right-style,\n #{root-variables.$border-right-style}\n);\n\n// --graupl-submenu-border-bottom-style\n$submenu-border-bottom-style: var(\n --#{root-defaults.$prefix}submenu-border-bottom-style,\n #{root-variables.$border-bottom-style}\n);\n\n// --graupl-submenu-border-left-style\n$submenu-border-left-style: var(\n --#{root-defaults.$prefix}submenu-border-left-style,\n #{root-variables.$border-left-style}\n);\n\n// --graupl-submenu-border-style\n$submenu-border-style: var(\n --#{root-defaults.$prefix}submenu-border-style,\n #{$submenu-border-top-style} #{$submenu-border-right-style}\n #{$submenu-border-bottom-style} #{$submenu-border-left-style}\n);\n\n// Submenu position properties.\n// --graupl-submenu-position\n$submenu-position: var(\n --#{root-defaults.$prefix}submenu-position,\n #{defaults.$submenu-position}\n);\n\n// --graupl-submenu-top\n$submenu-top: var(\n --#{root-defaults.$prefix}submenu-top,\n #{defaults.$submenu-top}\n);\n\n// --graupl-submenu-right\n$submenu-right: var(\n --#{root-defaults.$prefix}submenu-right,\n #{defaults.$submenu-right}\n);\n\n// --graupl-submenu-bottom\n$submenu-bottom: var(\n --#{root-defaults.$prefix}submenu-bottom,\n #{defaults.$submenu-bottom}\n);\n\n// --graupl-submenu-left\n$submenu-left: var(\n --#{root-defaults.$prefix}submenu-left,\n #{defaults.$submenu-left}\n);\n\n// --graupl-submenu-inset\n$submenu-inset: var(\n --#{root-defaults.$prefix}submenu-inset,\n #{$submenu-top} #{$submenu-right} #{$submenu-bottom} #{$submenu-left}\n);\n\n// Menu item properties.\n// --graupl-menu-item-min-width\n$menu-item-min-width: var(\n --#{root-defaults.$prefix}menu-item-min-width,\n #{defaults.$menu-item-min-width}\n);\n\n// --graupl-menu-item-max-width\n$menu-item-max-width: var(\n --#{root-defaults.$prefix}menu-item-max-width,\n #{defaults.$menu-item-max-width}\n);\n\n// --graupl-menu-item-padding-x\n$menu-item-padding-x: var(\n --#{root-defaults.$prefix}menu-item-padding-x,\n #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-menu-item-padding-y\n$menu-item-padding-y: var(\n --#{root-defaults.$prefix}menu-item-padding-y,\n #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-menu-item-padding\n$menu-item-padding: var(\n --#{root-defaults.$prefix}menu-item-padding,\n #{$menu-item-padding-y} #{$menu-item-padding-x}\n);\n\n// Submenu item properties.\n// --graupl-submenu-item-width\n$submenu-item-width: var(\n --#{root-defaults.$prefix}submenu-item-width,\n #{defaults.$submenu-item-width}\n);\n\n// Menu link properties.\n// --graupl-menu-link-padding-x\n$menu-link-padding-x: var(\n --#{root-defaults.$prefix}menu-link-padding-x,\n #{map.get(root-variables.$spacers, 5)}\n);\n\n// --graupl-menu-link-padding-y\n$menu-link-padding-y: var(\n --#{root-defaults.$prefix}menu-link-padding-y,\n #{map.get(root-variables.$spacers, 3)}\n);\n\n// --graupl-menu-link-padding\n$menu-link-padding: var(\n --#{root-defaults.$prefix}menu-link-padding,\n #{$menu-link-padding-y} #{$menu-link-padding-x}\n);\n\n// Menu link transform properties.\n// --graupl-menu-link-transition\n$menu-link-transition: var(\n --#{root-defaults.$prefix}menu-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);\n\n// --graupl-menu-link-transition-reduced-motion\n$menu-link-transition-reduced-motion: var(\n --#{root-defaults.$prefix}menu-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-menu-link-transform\n$menu-link-transform: var(\n --#{root-defaults.$prefix}menu-link-transform,\n #{defaults.$menu-link-initial-transform}\n);\n\n// --graupl-menu-link-visited-transform\n$menu-link-visited-transform: var(\n --#{root-defaults.$prefix}menu-link-visited-transform,\n #{$menu-link-transform}\n);\n\n// --graupl-menu-link-focus-transform\n$menu-link-focus-transform: var(\n --#{root-defaults.$prefix}menu-link-focus-transform,\n #{$menu-link-transform}\n);\n\n// --graupl-menu-link-hover-transform\n$menu-link-hover-transform: var(\n --#{root-defaults.$prefix}menu-link-hover-transform,\n #{defaults.$menu-link-final-transform}\n);\n\n// --graupl-menu-link-active-transform\n$menu-link-active-transform: var(\n --#{root-defaults.$prefix}menu-link-active-transform,\n #{$menu-link-hover-transform}\n);\n\n// --graupl-menu-link-disabled-transform\n$menu-link-disabled-transform: var(\n --#{root-defaults.$prefix}menu-link-disabled-transform,\n #{defaults.$menu-link-disabled-transform}\n);\n$menu-link-transform-states: (\n default: $menu-link-transform,\n visited: $menu-link-visited-transform,\n focus: $menu-link-focus-transform,\n hover: $menu-link-hover-transform,\n active: $menu-link-active-transform,\n disabled: $menu-link-disabled-transform,\n);\n\n// Menu link gap properties.\n// --graupl-menu-link-column-gap\n$menu-link-column-gap: var(\n --#{root-defaults.$prefix}menu-link-column-gap,\n #{$menu-link-padding-x}\n);\n\n// --graupl-menu-link-row-gap\n$menu-link-row-gap: var(\n --#{root-defaults.$prefix}menu-link-row-gap,\n #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-menu-link-gap\n$menu-link-gap: var(\n --#{root-defaults.$prefix}menu-link-gap,\n #{$menu-link-column-gap} #{$menu-link-row-gap}\n);\n\n// Menu link colors.\n// --graupl-menu-link-background\n$menu-link-background: var(\n --#{root-defaults.$prefix}menu-link-background,\n #{$menu-background}\n);\n\n// --graupl-menu-link-visited-background\n$menu-link-visited-background: var(\n --#{root-defaults.$prefix}menu-link-visited-background,\n #{$menu-link-background}\n);\n\n// --graupl-menu-link-focus-background\n$menu-link-focus-background: var(\n --#{root-defaults.$prefix}menu-link-focus-background,\n #{$menu-link-background}\n);\n\n// --graupl-menu-link-hover-background\n$menu-link-hover-background: var(\n --#{root-defaults.$prefix}menu-link-hover-background,\n #{$menu-color}\n);\n\n// --graupl-menu-link-active-background\n$menu-link-active-background: var(\n --#{root-defaults.$prefix}menu-link-active-background,\n #{$menu-link-hover-background}\n);\n\n// --graupl-menu-link-disabled-background\n$menu-link-disabled-background: var(\n --#{root-defaults.$prefix}menu-link-disabled-background,\n #{color.$background}\n);\n$menu-link-background-states: (\n default: $menu-link-background,\n visited: $menu-link-visited-background,\n focus: $menu-link-focus-background,\n hover: $menu-link-hover-background,\n active: $menu-link-active-background,\n disabled: $menu-link-disabled-background,\n);\n\n// --graupl-menu-link-color\n$menu-link-color: var(\n --#{root-defaults.$prefix}menu-link-color,\n #{$menu-color}\n);\n\n// --graupl-menu-link-visited-color\n$menu-link-visited-color: var(\n --#{root-defaults.$prefix}menu-link-visited-color,\n #{$menu-link-color}\n);\n\n// --graupl-menu-link-focus-color\n$menu-link-focus-color: var(\n --#{root-defaults.$prefix}menu-link-focus-color,\n #{$menu-link-color}\n);\n\n// --graupl-menu-link-hover-color\n$menu-link-hover-color: var(\n --#{root-defaults.$prefix}menu-link-hover-color,\n #{$menu-background}\n);\n\n// --graupl-menu-link-active-color\n$menu-link-active-color: var(\n --#{root-defaults.$prefix}menu-link-active-color,\n #{$menu-link-hover-color}\n);\n\n// --graupl-menu-link-disabled-color\n$menu-link-disabled-color: var(\n --#{root-defaults.$prefix}menu-link-disabled-color,\n #{theme.get(primary, 200)}\n);\n$menu-link-color-states: (\n default: $menu-link-color,\n visited: $menu-link-visited-color,\n focus: $menu-link-focus-color,\n hover: $menu-link-hover-color,\n active: $menu-link-active-color,\n disabled: $menu-link-disabled-color,\n);\n\n// Menu link text decoration properties.\n// --graupl-menu-link-text-decoration\n$menu-link-text-decoration: var(\n --#{root-defaults.$prefix}menu-link-text-decoration,\n #{defaults.$menu-link-initial-text-decoration}\n);\n\n// --graupl-menu-link-visited-text-decoration\n$menu-link-visited-text-decoration: var(\n --#{root-defaults.$prefix}menu-link-visited-text-decoration,\n #{$menu-link-text-decoration}\n);\n\n// --graupl-menu-link-focus-text-decoration\n$menu-link-focus-text-decoration: var(\n --#{root-defaults.$prefix}menu-link-focus-text-decoration,\n #{$menu-link-text-decoration}\n);\n\n// --graupl-menu-link-hover-text-decoration\n$menu-link-hover-text-decoration: var(\n --#{root-defaults.$prefix}menu-link-hover-text-decoration,\n #{defaults.$menu-link-final-text-decoration}\n);\n\n// --graupl-menu-link-active-text-decoration\n$menu-link-active-text-decoration: var(\n --#{root-defaults.$prefix}menu-link-active-text-decoration,\n #{$menu-link-hover-text-decoration}\n);\n\n// --graupl-menu-link-disabled-text-decoration\n$menu-link-disabled-text-decoration: var(\n --#{root-defaults.$prefix}menu-link-disabled-text-decoration,\n #{defaults.$menu-link-disabled-text-decoration}\n);\n$menu-link-text-decoration-states: (\n default: $menu-link-text-decoration,\n visited: $menu-link-visited-text-decoration,\n focus: $menu-link-focus-text-decoration,\n hover: $menu-link-hover-text-decoration,\n active: $menu-link-active-text-decoration,\n disabled: $menu-link-disabled-text-decoration,\n);\n\n// --graupl-menu-link-text-decoration-thickness\n$menu-link-text-decoration-thickness: var(\n --#{root-defaults.$prefix}menu-link-text-decoration-thickness,\n #{root-variables.$border-width}\n);\n\n// --graupl-menu-link-visited-text-decoration-thickness\n$menu-link-visited-text-decoration-thickness: var(\n --#{root-defaults.$prefix}menu-link-visited-text-decoration-thickness,\n #{$menu-link-text-decoration-thickness}\n);\n\n// --graupl-menu-link-focus-text-decoration-thickness\n$menu-link-focus-text-decoration-thickness: var(\n --#{root-defaults.$prefix}menu-link-focus-text-decoration-thickness,\n #{$menu-link-text-decoration-thickness}\n);\n\n// --graupl-menu-link-hover-text-decoration-thickness\n$menu-link-hover-text-decoration-thickness: var(\n --#{root-defaults.$prefix}menu-link-hover-text-decoration-thickness,\n #{root-variables.$border-width}\n);\n\n// --graupl-menu-link-active-text-decoration-thickness\n$menu-link-active-text-decoration-thickness: var(\n --#{root-defaults.$prefix}menu-link-active-text-decoration-thickness,\n #{$menu-link-hover-text-decoration-thickness}\n);\n\n// --graupl-menu-link-disabled-text-decoration-thickness\n$menu-link-disabled-text-decoration-thickness: var(\n --#{root-defaults.$prefix}menu-link-disabled-text-decoration-thickness,\n #{root-variables.$border-width}\n);\n$menu-link-text-decoration-thickness-states: (\n default: $menu-link-text-decoration-thickness,\n visited: $menu-link-visited-text-decoration-thickness,\n focus: $menu-link-focus-text-decoration-thickness,\n hover: $menu-link-hover-text-decoration-thickness,\n active: $menu-link-active-text-decoration-thickness,\n disabled: $menu-link-disabled-text-decoration-thickness,\n);\n\n// --graupl-menu-link-text-decoration-style\n$menu-link-text-decoration-style: var(\n --#{root-defaults.$prefix}menu-link-text-decoration-style,\n #{defaults.$menu-link-initial-text-decoration-style}\n);\n\n// --graupl-menu-link-visited-text-decoration-style\n$menu-link-visited-text-decoration-style: var(\n --#{root-defaults.$prefix}menu-link-visited-text-decoration-style,\n #{$menu-link-text-decoration-style}\n);\n\n// --graupl-menu-link-focus-text-decoration-style\n$menu-link-focus-text-decoration-style: var(\n --#{root-defaults.$prefix}menu-link-focus-text-decoration-style,\n #{$menu-link-text-decoration-style}\n);\n\n// --graupl-menu-link-hover-text-decoration-style\n$menu-link-hover-text-decoration-style: var(\n --#{root-defaults.$prefix}menu-link-hover-text-decoration-style,\n #{defaults.$menu-link-final-text-decoration-style}\n);\n\n// --graupl-menu-link-active-text-decoration-style\n$menu-link-active-text-decoration-style: var(\n --#{root-defaults.$prefix}menu-link-active-text-decoration-style,\n #{$menu-link-hover-text-decoration-style}\n);\n\n// --graupl-menu-link-disabled-text-decoration-style\n$menu-link-disabled-text-decoration-style: var(\n --#{root-defaults.$prefix}menu-link-disabled-text-decoration-style,\n #{defaults.$menu-link-disabled-text-decoration-style}\n);\n$menu-link-text-decoration-style-states: (\n default: $menu-link-text-decoration-style,\n visited: $menu-link-visited-text-decoration-style,\n focus: $menu-link-focus-text-decoration-style,\n hover: $menu-link-hover-text-decoration-style,\n active: $menu-link-active-text-decoration-style,\n disabled: $menu-link-disabled-text-decoration-style,\n);\n\n// --graupl-menu-link-text-decoration-color\n$menu-link-text-decoration-color: var(\n --#{root-defaults.$prefix}menu-link-text-decoration-color,\n #{$menu-link-color}\n);\n\n// --graupl-menu-link-visited-text-decoration-color\n$menu-link-visited-text-decoration-color: var(\n --#{root-defaults.$prefix}menu-link-visited-text-decoration-color,\n #{$menu-link-visited-color}\n);\n\n// --graupl-menu-link-focus-text-decoration-color\n$menu-link-focus-text-decoration-color: var(\n --#{root-defaults.$prefix}menu-link-focus-text-decoration-color,\n #{$menu-link-focus-color}\n);\n\n// --graupl-menu-link-hover-text-decoration-color\n$menu-link-hover-text-decoration-color: var(\n --#{root-defaults.$prefix}menu-link-hover-text-decoration-color,\n #{$menu-link-hover-color}\n);\n\n// --graupl-menu-link-active-text-decoration-color\n$menu-link-active-text-decoration-color: var(\n --#{root-defaults.$prefix}menu-link-active-text-decoration-color,\n #{$menu-link-active-color}\n);\n\n// --graupl-menu-link-disabled-text-decoration-color\n$menu-link-disabled-text-decoration-color: var(\n --#{root-defaults.$prefix}menu-link-disabled-text-decoration-color,\n #{$menu-link-disabled-color}\n);\n$menu-link-text-decoration-color-states: (\n default: $menu-link-text-decoration-color,\n visited: $menu-link-visited-text-decoration-color,\n focus: $menu-link-focus-text-decoration-color,\n hover: $menu-link-hover-text-decoration-color,\n active: $menu-link-active-text-decoration-color,\n disabled: $menu-link-disabled-text-decoration-color,\n);\n\n// Menu link border properties.\n// --graupl-menu-link-border-top-left-radius\n$menu-link-border-top-left-radius: var(\n --#{root-defaults.$prefix}menu-link-border-top-left-radius,\n #{root-variables.$border-top-left-radius}\n);\n\n// --graupl-menu-link-border-top-right-radius\n$menu-link-border-top-right-radius: var(\n --#{root-defaults.$prefix}menu-link-border-top-right-radius,\n #{root-variables.$border-top-right-radius}\n);\n\n// --graupl-menu-link-border-bottom-left-radius\n$menu-link-border-bottom-left-radius: var(\n --#{root-defaults.$prefix}menu-link-border-bottom-left-radius,\n #{root-variables.$border-bottom-left-radius}\n);\n\n// --graupl-menu-link-border-bottom-right-radius\n$menu-link-border-bottom-right-radius: var(\n --#{root-defaults.$prefix}menu-link-border-bottom-right-radius,\n #{root-variables.$border-bottom-right-radius}\n);\n\n// --graupl-menu-link-border-radius\n$menu-link-border-radius: var(\n --#{root-defaults.$prefix}menu-link-border-radius,\n #{$menu-link-border-top-left-radius} #{$menu-link-border-top-right-radius}\n #{$menu-link-border-bottom-right-radius}\n #{$menu-link-border-bottom-left-radius}\n);\n\n// --graupl-menu-link-border-top-width\n$menu-link-border-top-width: var(\n --#{root-defaults.$prefix}menu-link-border-top-width,\n #{defaults.$menu-link-border-width}\n);\n\n// --graupl-menu-link-border-right-width\n$menu-link-border-right-width: var(\n --#{root-defaults.$prefix}menu-link-border-right-width,\n #{defaults.$menu-link-border-width}\n);\n\n// --graupl-menu-link-border-bottom-width\n$menu-link-border-bottom-width: var(\n --#{root-defaults.$prefix}menu-link-border-bottom-width,\n #{defaults.$menu-link-border-width}\n);\n\n// --graupl-menu-link-border-left-width\n$menu-link-border-left-width: var(\n --#{root-defaults.$prefix}menu-link-border-left-width,\n #{defaults.$menu-link-border-width}\n);\n\n// --graupl-menu-link-border-width\n$menu-link-border-width: var(\n --#{root-defaults.$prefix}menu-link-border-width,\n #{$menu-link-border-top-width} #{$menu-link-border-right-width}\n #{$menu-link-border-bottom-width} #{$menu-link-border-left-width}\n);\n\n// --graupl-menu-link-border-top-style\n$menu-link-border-top-style: var(\n --#{root-defaults.$prefix}menu-link-border-top-style,\n #{root-variables.$border-top-style}\n);\n\n// --graupl-menu-link-border-right-style\n$menu-link-border-right-style: var(\n --#{root-defaults.$prefix}menu-link-border-right-style,\n #{root-variables.$border-right-style}\n);\n\n// --graupl-menu-link-border-bottom-style\n$menu-link-border-bottom-style: var(\n --#{root-defaults.$prefix}menu-link-border-bottom-style,\n #{root-variables.$border-bottom-style}\n);\n\n// --graupl-menu-link-border-left-style\n$menu-link-border-left-style: var(\n --#{root-defaults.$prefix}menu-link-border-left-style,\n #{root-variables.$border-left-style}\n);\n\n// --graupl-menu-link-border-style\n$menu-link-border-style: var(\n --#{root-defaults.$prefix}menu-link-border-style,\n #{$menu-link-border-top-style} #{$menu-link-border-right-style}\n #{$menu-link-border-bottom-style} #{$menu-link-border-left-style}\n);\n\n// --graupl-menu-link-border-color\n$menu-link-border-color: var(\n --#{root-defaults.$prefix}menu-link-border-color,\n #{$menu-link-color}\n);\n\n// --graupl-menu-link-visited-border-color\n$menu-link-visited-border-color: var(\n --#{root-defaults.$prefix}menu-link-visited-border-color,\n #{$menu-link-border-color}\n);\n\n// --graupl-menu-link-focus-border-color\n$menu-link-focus-border-color: var(\n --#{root-defaults.$prefix}menu-link-focus-border-color,\n #{$menu-link-border-color}\n);\n\n// --graupl-menu-link-hover-border-color\n$menu-link-hover-border-color: var(\n --#{root-defaults.$prefix}menu-link-hover-border-color,\n #{$menu-link-hover-color}\n);\n\n// --graupl-menu-link-active-border-color\n$menu-link-active-border-color: var(\n --#{root-defaults.$prefix}menu-link-active-border-color,\n #{$menu-link-hover-border-color}\n);\n\n// --graupl-menu-link-disabled-border-color\n$menu-link-disabled-border-color: var(\n --#{root-defaults.$prefix}menu-link-disabled-border-color,\n #{$menu-link-disabled-color}\n);\n$menu-link-border-color-states: (\n default: $menu-link-border-color,\n visited: $menu-link-visited-border-color,\n focus: $menu-link-focus-border-color,\n hover: $menu-link-hover-border-color,\n active: $menu-link-active-border-color,\n disabled: $menu-link-disabled-border-color,\n);\n\n// Submenu toggle properties.\n// --graupl-submenu-toggle-transform\n$submenu-toggle-transform: var(\n --#{root-defaults.$prefix}submenu-toggle-transform,\n #{defaults.$submenu-toggle-transform}\n);\n\n// --graupl-submenu-toggle-open-transform\n$submenu-toggle-open-transform: var(\n --#{root-defaults.$prefix}submenu-toggle-open-transform,\n #{defaults.$submenu-toggle-open-transform}\n);\n\n// --graupl-submenu-toggle-content\n$submenu-toggle-content: var(\n --#{root-defaults.$prefix}submenu-toggle-content,\n #{defaults.$submenu-toggle-content}\n);\n\n// --graupl-submenu-toggle-transition\n$submenu-toggle-transition: var(\n --#{root-defaults.$prefix}submenu-toggle-transition,\n transform #{map.get(root-variables.$transition-durations, fast)}\n #{root-variables.$transition-timing-function}\n);\n\n// --graupl-submenu-toggle-transition-reduced-motion\n$submenu-toggle-transition-reduced-motion: var(\n --#{root-defaults.$prefix}submenu-toggle-transition-reduced-motion,\n none\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":[]}