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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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/list.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../../node_modules/@graupl/core/src/scss/component/list/_index.scss","../../../node_modules/@graupl/core/src/scss/component/list/_variables.scss","list.css"],"names":[],"mappings":"AASI,wBCCF,MAOE,0gBC8DiB,CD/DjB,wcCsGgB,CDvGhB,0MCkFgB,CDtFhB,YAAA,CAQA,2MC2BO,CD5BP,eAAA,CALA,4MCmBU,CDlBV,gNEHF,CFWA,iBAVE,iBEQF,CFEA,WAOE,miBC+JsB,CDhKtB,ieC2MqB,CD5MrB,yeCuLqB,CD1LrB,gOC6GgB,CD5GhB,gDC2HkB,CD1HlB,iJENF,CFYI,kCACE,uDEPN,CACF,CHlBI,oBC+BF,MAEE,mNCUc,CDXd,sOCkBgB,CDhBhB,+LEVF,CFaA,WAEE,wNC8GmB,CD/GnB,gPCyHqB,CDvHrB,oMEXF,CACF","file":"list.css"}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACSI,wBCuIF,4yDAaA,o6DAWI,2FD/JF,oBCwKF,ioBAuBA","sources":["dist/css/component/list.css","var/www/html/node_modules/@graupl/core/src/scss/mixins/_layer.scss","var/www/html/node_modules/@graupl/core/src/scss/component/list/_index.scss","var/www/html/node_modules/@graupl/core/src/scss/component/list/_variables.scss"],"sourcesContent":["@layer graupl.component {\n .list {\n display: grid;\n position: relative;\n margin: var(--graupl-list-margin, var(--graupl-list-margin-y, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))) var(--graupl-list-margin-x, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))));\n padding: var(--graupl-list-padding, var(--graupl-list-padding-y, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))) var(--graupl-list-padding-x, var(--graupl-spacer-0, calc(0 * var(--graupl-spacer, 1rem)))));\n border-width: var(--graupl-list-border-width, var(--graupl-list-border-top-width, 0) var(--graupl-list-border-right-width, 0) var(--graupl-list-border-bottom-width, 0) var(--graupl-list-border-left-width, 0));\n border-style: var(--graupl-list-border-style, var(--graupl-list-border-top-style, var(--graupl-border-top-style, var(--graupl-border-style, solid))) var(--graupl-list-border-right-style, var(--graupl-border-right-style, var(--graupl-border-style, solid))) var(--graupl-list-border-bottom-style, var(--graupl-border-bottom-style, var(--graupl-border-style, solid))) var(--graupl-list-border-left-style, var(--graupl-border-left-style, var(--graupl-border-style, solid))));\n border-radius: var(--graupl-list-border-radius, var(--graupl-list-border-top-left-radius, var(--graupl-border-top-left-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-list-border-top-right-radius, var(--graupl-border-top-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-list-border-bottom-right-radius, var(--graupl-border-bottom-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-list-border-bottom-left-radius, var(--graupl-border-bottom-left-radius, var(--graupl-border-radius, 0.125rem))));\n list-style: none;\n gap: var(--graupl-list-gap, var(--graupl-list-column-gap, var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem)))) var(--graupl-list-row-gap, var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem)))));\n }\n .list-item {\n position: relative;\n padding: var(--graupl-list-item-padding, var(--graupl-list-item-padding-y, var(--graupl-spacer-3, calc(0.5 * var(--graupl-spacer, 1rem)))) var(--graupl-list-item-padding-x, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem)))));\n transform: var(--graupl-list-item-transform, none);\n transition: var(--graupl-list-item-transition, transform var(--graupl-transition-duration-fast, 150ms) var(--graupl-transition-timing-function, ease));\n border-width: var(--graupl-list-item-border-width, var(--graupl-list-item-border-top-width, var(--graupl-border-top-width, var(--graupl-border-width, 0.125rem))) var(--graupl-list-item-border-right-width, var(--graupl-border-right-width, var(--graupl-border-width, 0.125rem))) var(--graupl-list-item-border-bottom-width, var(--graupl-border-bottom-width, var(--graupl-border-width, 0.125rem))) var(--graupl-list-item-border-left-width, var(--graupl-border-left-width, var(--graupl-border-width, 0.125rem))));\n border-style: var(--graupl-list-item-border-style, var(--graupl-list-item-border-top-style, var(--graupl-border-top-style, var(--graupl-border-style, solid))) var(--graupl-list-item-border-right-style, var(--graupl-border-right-style, var(--graupl-border-style, solid))) var(--graupl-list-item-border-bottom-style, var(--graupl-border-bottom-style, var(--graupl-border-style, solid))) var(--graupl-list-item-border-left-style, var(--graupl-border-left-style, var(--graupl-border-style, solid))));\n border-radius: var(--graupl-list-item-border-radius, var(--graupl-list-item-border-top-left-radius, var(--graupl-border-top-left-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-list-item-border-top-right-radius, var(--graupl-border-top-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-list-item-border-bottom-right-radius, var(--graupl-border-bottom-right-radius, var(--graupl-border-radius, 0.125rem))) var(--graupl-list-item-border-bottom-left-radius, var(--graupl-border-bottom-left-radius, var(--graupl-border-radius, 0.125rem))));\n }\n .list-item:hover {\n --graupl-list-item-transform: $list-item-hover-transform;\n }\n .list-item.hover {\n --graupl-list-item-transform: $list-item-hover-transform;\n }\n}\n@layer graupl.theme {\n .list {\n border-color: var(--graupl-list-border-color, var(--graupl-list-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-list-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-list-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 .list-item {\n border-color: var(--graupl-list-item-border-color, var(--graupl-list-item-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-list-item-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-list-item-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}","// @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 list component styles.\n//\n// This module provides the list component styles.\n//\n// The following selectors are generated by default:\n// - `.list`: The list container.\n// - `.list-item`: The list item.\n//\n// The following custom properties can be used to customize the list component:\n// | Property | Description | Default Value |\n// | ---------------------------------------------- | ---------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n// | `--graupl-list-padding-x` | Horizontal padding of the list. | `var(--graupl-spacer-0)` |\n// | `--graupl-list-padding-y` | Vertical padding of the list. | `var(--graupl-spacer-0)` |\n// | `--graupl-list-padding` | Shorthand padding of the list. | `var(--graupl-list-padding-y) var(--graupl-list-padding-x)` |\n// | `--graupl-list-margin-x` | Horizontal margin of the list. | `var(--graupl-spacer-0)` |\n// | `--graupl-list-margin-y` | Vertical margin of the list. | `var(--graupl-spacer-0)` |\n// | `--graupl-list-margin` | Shorthand margin of the list. | `var(--graupl-list-margin-y) var(--graupl-list-margin-x)` |\n// | `--graupl-list-gap` | Gap between list items (column/row). | `var(--graupl-list-column-gap) var(--graupl-list-row-gap)` |\n// | `--graupl-list-background` | Background colour of the list. | `var(--graupl-background)` |\n// | `--graupl-list-color` | Text colour of the list. | `var(--graupl-color)` |\n// | `--graupl-list-border-width` | Border width of the list. | `0 0 0 0` |\n// | `--graupl-list-border-style` | Border style of the list. | `var(--graupl-border-top-style) var(--graupl-border-right-style) var(--graupl-border-bottom-style) var(--graupl-border-left-style)` |\n// | `--graupl-list-border-radius` | Border radius of the list. | `var(--graupl-border-top-left-radius) var(--graupl-border-top-right-radius) var(--graupl-border-bottom-right-radius) var(--graupl-border-bottom-left-radius)` |\n// | `--graupl-list-border-color` | Border colour of the list. | `var(--graupl-list-color)` |\n// | `--graupl-list-item-padding` | Padding for a list item. | `var(--graupl-spacer-3) var(--graupl-spacer-5)` |\n// | `--graupl-list-item-transition` | Transition applied to list items. | `transform var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function)` |\n// | `--graupl-list-item-transition-reduced-motion` | Transition for items when reduced motion is enabled. | `none` |\n// | `--graupl-list-item-transform` | Base transform for list items. | `none` |\n// | `--graupl-list-item-hover-transform` | Transform for hovered list items. | `none` |\n// | `--graupl-list-item-background` | Background colour of list items. | `var(--graupl-background)` |\n// | `--graupl-list-item-color` | Text colour of list items. | `var(--graupl-color)` |\n// | `--graupl-list-item-border-width` | Border width of list items. | `var(--graupl-border-top-width) var(--graupl-border-right-width) var(--graupl-border-bottom-width) var(--graupl-border-left-width)` |\n// | `--graupl-list-item-border-style` | Border style of list items. | `var(--graupl-border-top-style) var(--graupl-border-right-style) var(--graupl-border-bottom-style) var(--graupl-border-left-style)` |\n// | `--graupl-list-item-border-radius` | Border radius of list items. | `var(--graupl-border-top-left-radius) var(--graupl-border-top-right-radius) var(--graupl-border-bottom-right-radius) var(--graupl-border-bottom-left-radius)` |\n// | `--graupl-list-item-border-color` | Border colour of list items. | `var(--graupl-list-item-color)` |\n//\n// The following sass variables can be used to customize the generation of the list 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 map. | `true` |\n// | `$themeable` | Flag to generate theme modifiers. | `false` |\n// | `$list-selector-base` | Selector base for the list container. | `$selector-base` |\n// | `$list-selector` | Selector for the list container. | `\"list\"` |\n// | `$list-theme-selector-base` | Selector base for theme modifiers. | `\".\"` |\n// | `$list-theme-selector-prefix`| Selector prefix for theme modifiers. | `\"\"` |\n// | `$list-item-selector-base` | Selector base for list items. | `$selector-base` |\n// | `$list-item-selector` | Selector for list items. | `\"list-item\"` |\n// | `$list-item-transform` | Base transform for list items. | `none` |\n// | `$list-item-hover-transform` | Hover transform for list items. | `none` |\n// | `$list-theme-mappings` | Map of properties/shades for list themes. | `()` |\n// | `$list-theme-map` | Expanded map of properties/colors/shades. | `()` |\n//\n// ## Using `$list-theme-mappings`\n//\n// `$list-theme-mappings` is a 1-level map of properties and shade values.\n//\n// e.g.\n// ```scss\n// $list-theme-mappings: (\n// color: 900,\n// border-color: 700,\n// )\n// ```\n//\n// This directly[1] maps to all list variants, telling them what shade to use for the base colour slots.\n// All list variants will use the following based on the example above:\n// - Primary lists will have their `--graupl-list-color` property set to `--graupl-theme-active--primary--900` and `--graupl-list-border-color` to `--graupl-theme-active--primary--700`,\n// - Secondary lists will use the same shades for the secondary palette, and\n// - Tertiary lists will use the same shades for the tertiary palette.\n//\n// You can use this to customize _all_ list variants in the same way.\n//\n// For example, if you use the following map:\n// ```scss\n// $list-theme-mappings: (\n// color: 500,\n// item-color: 500,\n// )\n// ```\n//\n// All list variants will use the following:\n// - Primary lists will have their `--graupl-list-color` and `--graupl-list-item-color` properties set to `--graupl-theme-active--primary--500`,\n// - Secondary lists will have theirs set to `--graupl-theme-active--secondary--500`, and\n// - Tertiary lists will have theirs set to `--graupl-theme-active--tertiary--500`.\n//\n// [1] `$list-theme-mappings` gets parsed into a larger, more explicit map: `$list-theme-map`.\n//\n// Using `$list-theme-map`\n//\n// `$list-theme-map` is a multi-level map of properties, colors, and shade values.\n//\n// e.g.\n// ```scss\n// $list-theme-map: (\n// primary: (\n// item-border-color: (\n// color: secondary,\n// shade: 700\n// ),\n// ),\n// secondary: (\n// item-border-color: (\n// color: secondary,\n// shade: 500\n// ),\n// ),\n// tertiary: (\n// item-border-color: (\n// color: tertiary,\n// shade: 300\n// ),\n// ),\n// )\n// ```\n//\n// This directly maps to all list variants, telling them what shade to use for said property.\n// You can use this to customize list variants individually.\n//\n// @example\n// <ul class=\"list\">\n// <li class=\"list-item\">First item</li>\n// <li class=\"list-item\">Second item</li>\n// <li class=\"list-item\">Third item</li>\n// </ul>\n//\n// @example\n// <ol class=\"list list-style-decimal list-style-inside\">\n// <li class=\"list-item\">Numbered item one</li>\n// <li class=\"list-item\">Numbered item two</li>\n// <li class=\"list-item\">Numbered item three</li>\n// </ol>\n\n@use \"../../defaults\" as root-defaults;\n@use \"../../mixins/animation\";\n@use \"../../mixins/layer\" as *;\n@use \"../../mixins/theme\" as theme;\n@use \"defaults\";\n@use \"sass:map\";\n@use \"variables\" as *;\n\n@include layer(component) {\n // .list\n #{defaults.$list-selector-base}#{defaults.$list-selector} {\n display: grid;\n position: relative;\n margin: $list-margin;\n padding: $list-padding;\n border-width: $list-border-width;\n border-style: $list-border-style;\n border-radius: $list-border-radius;\n list-style: none;\n gap: $list-gap;\n }\n\n // .list-item\n #{defaults.$list-item-selector-base}#{defaults.$list-item-selector} {\n position: relative;\n padding: $list-item-padding;\n transform: $list-item-transform;\n transition: $list-item-transition;\n border-width: $list-item-border-width;\n border-style: $list-item-border-style;\n border-radius: $list-item-border-radius;\n\n @each $selector in map.get(root-defaults.$state-selectors, hover) {\n // e.g &:hover, &.hover\n &#{$selector} {\n --#{root-defaults.$prefix}list-item-transform: $list-item-hover-transform;\n }\n }\n }\n}\n\n@include layer(theme) {\n // .list\n #{defaults.$list-selector-base}#{defaults.$list-selector} {\n border-color: $list-border-color;\n background: $list-background;\n color: $list-color;\n\n @if root-defaults.$themeable-components and defaults.$themeable {\n @include theme.generate-modifiers(\n defaults.$list-theme-map,\n defaults.$list-theme-selector-base,\n defaults.$list-theme-selector-prefix,\n \"list-\"\n );\n @include theme.generate-modifiers(\n defaults.$list-theme-map,\n defaults.$list-theme-selector-base,\n defaults.$list-theme-selector-prefix,\n \"list-\",\n \"\"\n );\n }\n }\n\n // .list-item\n #{defaults.$list-item-selector-base}#{defaults.$list-item-selector} {\n border-color: $list-item-border-color;\n background: $list-item-background;\n color: $list-item-color;\n }\n}\n","// @graupl/core list 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-list-padding-x | var(--graupl-spacer-0) |\n// | --graupl-list-padding-y | var(--graupl-spacer-0) |\n// | --graupl-list-padding | var(--graupl-list-padding-y) var(--graupl-list-padding-x) |\n// | --graupl-list-margin-x | var(--graupl-spacer-0) |\n// | --graupl-list-margin-y | var(--graupl-spacer-0) |\n// | --graupl-list-margin | var(--graupl-list-margin-y) var(--graupl-list-margin-x) |\n// | --graupl-list-column-gap | var(--graupl-spacer-2) |\n// | --graupl-list-row-gap | var(--graupl-spacer-2) |\n// | --graupl-list-gap | var(--graupl-list-column-gap) var(--graupl-list-row-gap) |\n// | --graupl-list-background | var(--graupl-background) |\n// | --graupl-list-color | var(--graupl-color) |\n// | --graupl-list-border-color | var(--graupl-list-color) |\n// | --graupl-list-border-top-left-radius | var(--graupl-border-top-left-radius) |\n// | --graupl-list-border-top-right-radius | var(--graupl-border-top-right-radius) |\n// | --graupl-list-border-bottom-left-radius | var(--graupl-border-bottom-left-radius) |\n// | --graupl-list-border-bottom-right-radius | var(--graupl-border-bottom-right-radius) |\n// | --graupl-list-border-radius | var(--graupl-list-border-top-left-radius) var(--graupl-list-border-top-right-radius) var(--graupl-list-border-bottom-right-radius) var(--graupl-list-border-bottom-left-radius) |\n// | --graupl-list-border-top-width | 0 |\n// | --graupl-list-border-right-width | 0 |\n// | --graupl-list-border-bottom-width | 0 |\n// | --graupl-list-border-left-width | 0 |\n// | --graupl-list-border-width | var(--graupl-list-border-top-width) var(--graupl-list-border-right-width) var(--graupl-list-border-bottom-width) var(--graupl-list-border-left-width) |\n// | --graupl-list-border-top-style | var(--graupl-border-top-style) |\n// | --graupl-list-border-right-style | var(--graupl-border-right-style) |\n// | --graupl-list-border-bottom-style | var(--graupl-border-bottom-style) |\n// | --graupl-list-border-left-style | var(--graupl-border-left-style) |\n// | --graupl-list-border-style | var(--graupl-list-border-top-style) var(--graupl-list-border-right-style) var(--graupl-list-border-bottom-style) var(--graupl-list-border-left-style) |\n// | --graupl-list-item-padding-x | var(--graupl-spacer-5) |\n// | --graupl-list-item-padding-y | var(--graupl-spacer-3) |\n// | --graupl-list-item-padding | var(--graupl-list-item-padding-y) var(--graupl-list-item-padding-x) |\n// | --graupl-list-item-transition | transform var(--graupl-transition-duration-fast) var(--graupl-transition-timing-function) |\n// | --graupl-list-item-transition-reduced-motion | none |\n// | --graupl-list-item-transform | none |\n// | --graupl-list-item-hover-transform | none |\n// | --graupl-list-item-background | var(--graupl-background) |\n// | --graupl-list-item-color | var(--graupl-color) |\n// | --graupl-list-item-border-color | var(--graupl-list-item-color) |\n// | --graupl-list-item-border-top-left-radius | var(--graupl-border-top-left-radius) |\n// | --graupl-list-item-border-top-right-radius | var(--graupl-border-top-right-radius) |\n// | --graupl-list-item-border-bottom-left-radius | var(--graupl-border-bottom-left-radius) |\n// | --graupl-list-item-border-bottom-right-radius | var(--graupl-border-bottom-right-radius) |\n// | --graupl-list-item-border-radius | var(--graupl-list-item-border-top-left-radius) var(--graupl-list-item-border-top-right-radius) var(--graupl-list-item-border-bottom-right-radius) var(--graupl-list-item-border-bottom-left-radius) |\n// | --graupl-list-item-border-top-width | var(--graupl-border-top-width) |\n// | --graupl-list-item-border-right-width | var(--graupl-border-right-width) |\n// | --graupl-list-item-border-bottom-width | var(--graupl-border-bottom-width) |\n// | --graupl-list-item-border-left-width | var(--graupl-border-left-width) |\n// | --graupl-list-item-border-width | var(--graupl-list-item-border-top-width) var(--graupl-list-item-border-right-width) var(--graupl-list-item-border-bottom-width) var(--graupl-list-item-border-left-width) |\n// | --graupl-list-item-border-top-style | var(--graupl-border-top-style) |\n// | --graupl-list-item-border-right-style | var(--graupl-border-right-style) |\n// | --graupl-list-item-border-bottom-style | var(--graupl-border-bottom-style) |\n// | --graupl-list-item-border-left-style | var(--graupl-border-left-style) |\n// | --graupl-list-item-border-style | var(--graupl-list-item-border-top-style) var(--graupl-list-item-border-right-style) var(--graupl-list-item-border-bottom-style) var(--graupl-list-item-border-left-style) |\n\n@use \"../../defaults\" as root-defaults;\n@use \"../../theme/color/variables\" as color;\n@use \"../../variables\" as root-variables;\n@use \"defaults\";\n@use \"sass:map\";\n\n// List properties.\n// --graupl-list-padding-x\n$list-padding-x: var(\n --#{root-defaults.$prefix}list-padding-x,\n #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-list-padding-y\n$list-padding-y: var(\n --#{root-defaults.$prefix}list-padding-y,\n #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-list-padding\n$list-padding: var(\n --#{root-defaults.$prefix}list-padding,\n #{$list-padding-y} #{$list-padding-x}\n);\n\n// --graupl-list-margin-x\n$list-margin-x: var(\n --#{root-defaults.$prefix}list-margin-x,\n #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-list-margin-y\n$list-margin-y: var(\n --#{root-defaults.$prefix}list-margin-y,\n #{map.get(root-variables.$spacers, 0)}\n);\n\n// --graupl-list-margin\n$list-margin: var(\n --#{root-defaults.$prefix}list-margin,\n #{$list-margin-y} #{$list-margin-x}\n);\n\n// List gap properties.\n// --graupl-list-column-gap\n$list-column-gap: var(\n --#{root-defaults.$prefix}list-column-gap,\n #{map.get(root-variables.$spacers, 2)}\n);\n\n// --graupl-list-row-gap\n$list-row-gap: var(\n --#{root-defaults.$prefix}list-row-gap,\n #{map.get(root-variables.$spacers, 2)}\n);\n\n// --graupl-list-gap\n$list-gap: var(\n --#{root-defaults.$prefix}list-gap,\n #{$list-column-gap} #{$list-row-gap}\n);\n\n// List color properties.\n// --graupl-list-background\n$list-background: var(\n --#{root-defaults.$prefix}list-background,\n #{color.$background}\n);\n\n// --graupl-list-color\n$list-color: var(--#{root-defaults.$prefix}list-color, #{color.$color});\n\n// List border-properties.\n// --graupl-list-border-color\n$list-border-color: var(\n --#{root-defaults.$prefix}list-border-color,\n #{$list-color}\n);\n\n// --graupl-list-border-top-left-radius\n$list-border-top-left-radius: var(\n --#{root-defaults.$prefix}list-border-top-left-radius,\n #{root-variables.$border-top-left-radius}\n);\n\n// --graupl-list-border-top-right-radius\n$list-border-top-right-radius: var(\n --#{root-defaults.$prefix}list-border-top-right-radius,\n #{root-variables.$border-top-right-radius}\n);\n\n// --graupl-list-border-bottom-left-radius\n$list-border-bottom-left-radius: var(\n --#{root-defaults.$prefix}list-border-bottom-left-radius,\n #{root-variables.$border-bottom-left-radius}\n);\n\n// --graupl-list-border-bottom-right-radius\n$list-border-bottom-right-radius: var(\n --#{root-defaults.$prefix}list-border-bottom-right-radius,\n #{root-variables.$border-bottom-right-radius}\n);\n\n// --graupl-list-border-radius\n$list-border-radius: var(\n --#{root-defaults.$prefix}list-border-radius,\n #{$list-border-top-left-radius} #{$list-border-top-right-radius}\n #{$list-border-bottom-right-radius} #{$list-border-bottom-left-radius}\n);\n\n// --graupl-list-border-top-width\n$list-border-top-width: var(--#{root-defaults.$prefix}list-border-top-width, 0);\n\n// --graupl-list-border-right-width\n$list-border-right-width: var(\n --#{root-defaults.$prefix}list-border-right-width,\n 0\n);\n\n// --graupl-list-border-bottom-width\n$list-border-bottom-width: var(\n --#{root-defaults.$prefix}list-border-bottom-width,\n 0\n);\n\n// --graupl-list-border-left-width\n$list-border-left-width: var(\n --#{root-defaults.$prefix}list-border-left-width,\n 0\n);\n\n// --graupl-list-border-width\n$list-border-width: var(\n --#{root-defaults.$prefix}list-border-width,\n #{$list-border-top-width} #{$list-border-right-width}\n #{$list-border-bottom-width} #{$list-border-left-width}\n);\n\n// --graupl-list-border-top-style\n$list-border-top-style: var(\n --#{root-defaults.$prefix}list-border-top-style,\n #{root-variables.$border-top-style}\n);\n\n// --graupl-list-border-right-style\n$list-border-right-style: var(\n --#{root-defaults.$prefix}list-border-right-style,\n #{root-variables.$border-right-style}\n);\n\n// --graupl-list-border-bottom-style\n$list-border-bottom-style: var(\n --#{root-defaults.$prefix}list-border-bottom-style,\n #{root-variables.$border-bottom-style}\n);\n\n// --graupl-list-border-left-style\n$list-border-left-style: var(\n --#{root-defaults.$prefix}list-border-left-style,\n #{root-variables.$border-left-style}\n);\n\n// --graupl-list-border-style\n$list-border-style: var(\n --#{root-defaults.$prefix}list-border-style,\n #{$list-border-top-style} #{$list-border-right-style}\n #{$list-border-bottom-style} #{$list-border-left-style}\n);\n\n// List item properties.\n// --graupl-list-item-padding-x\n$list-item-padding-x: var(\n --#{root-defaults.$prefix}list-item-padding-x,\n #{map.get(root-variables.$spacers, 5)}\n);\n\n// --graupl-list-item-padding-y\n$list-item-padding-y: var(\n --#{root-defaults.$prefix}list-item-padding-y,\n #{map.get(root-variables.$spacers, 3)}\n);\n\n// --graupl-list-item-padding\n$list-item-padding: var(\n --#{root-defaults.$prefix}list-item-padding,\n #{$list-item-padding-y} #{$list-item-padding-x}\n);\n\n// --graupl-list-item-transition\n$list-item-transition: var(\n --#{root-defaults.$prefix}list-item-transition,\n transform #{map.get(root-variables.$transition-durations, fast)}\n #{root-variables.$transition-timing-function}\n);\n\n// --graupl-list-item-transition-reduced-motion\n$list-item-transition-reduced-motion: var(\n --#{root-defaults.$prefix}list-item-transition-reduced-motion,\n none\n);\n\n// List item transform properties.\n// --graupl-list-item-transform\n$list-item-transform: var(\n --#{root-defaults.$prefix}list-item-transform,\n #{defaults.$list-item-transform}\n);\n\n// --graupl-list-item-hover-transform\n$list-item-hover-transform: var(\n --#{root-defaults.$prefix}list-item-hover-transform,\n #{defaults.$list-item-hover-transform}\n);\n\n// List item color properties.\n// --graupl-list-item-background\n$list-item-background: var(\n --#{root-defaults.$prefix}list-item-background,\n #{color.$background}\n);\n\n// --graupl-list-item-color\n$list-item-color: var(\n --#{root-defaults.$prefix}list-item-color,\n #{color.$color}\n);\n\n// List item border-properties.\n// --graupl-list-item-border-color\n$list-item-border-color: var(\n --#{root-defaults.$prefix}list-item-border-color,\n #{$list-item-color}\n);\n\n// --graupl-list-item-border-top-left-radius\n$list-item-border-top-left-radius: var(\n --#{root-defaults.$prefix}list-item-border-top-left-radius,\n #{root-variables.$border-top-left-radius}\n);\n\n// --graupl-list-item-border-top-right-radius\n$list-item-border-top-right-radius: var(\n --#{root-defaults.$prefix}list-item-border-top-right-radius,\n #{root-variables.$border-top-right-radius}\n);\n\n// --graupl-list-item-border-bottom-left-radius\n$list-item-border-bottom-left-radius: var(\n --#{root-defaults.$prefix}list-item-border-bottom-left-radius,\n #{root-variables.$border-bottom-left-radius}\n);\n\n// --graupl-list-item-border-bottom-right-radius\n$list-item-border-bottom-right-radius: var(\n --#{root-defaults.$prefix}list-item-border-bottom-right-radius,\n #{root-variables.$border-bottom-right-radius}\n);\n\n// --graupl-list-item-border-radius\n$list-item-border-radius: var(\n --#{root-defaults.$prefix}list-item-border-radius,\n #{$list-item-border-top-left-radius} #{$list-item-border-top-right-radius}\n #{$list-item-border-bottom-right-radius}\n #{$list-item-border-bottom-left-radius}\n);\n\n// --graupl-list-item-border-top-width\n$list-item-border-top-width: var(\n --#{root-defaults.$prefix}list-item-border-top-width,\n #{root-variables.$border-top-width}\n);\n\n// --graupl-list-item-border-right-width\n$list-item-border-right-width: var(\n --#{root-defaults.$prefix}list-item-border-right-width,\n #{root-variables.$border-right-width}\n);\n\n// --graupl-list-item-border-bottom-width\n$list-item-border-bottom-width: var(\n --#{root-defaults.$prefix}list-item-border-bottom-width,\n #{root-variables.$border-bottom-width}\n);\n\n// --graupl-list-item-border-left-width\n$list-item-border-left-width: var(\n --#{root-defaults.$prefix}list-item-border-left-width,\n #{root-variables.$border-left-width}\n);\n\n// --graupl-list-item-border-width\n$list-item-border-width: var(\n --#{root-defaults.$prefix}list-item-border-width,\n #{$list-item-border-top-width} #{$list-item-border-right-width}\n #{$list-item-border-bottom-width} #{$list-item-border-left-width}\n);\n\n// --graupl-list-item-border-top-style\n$list-item-border-top-style: var(\n --#{root-defaults.$prefix}list-item-border-top-style,\n #{root-variables.$border-top-style}\n);\n\n// --graupl-list-item-border-right-style\n$list-item-border-right-style: var(\n --#{root-defaults.$prefix}list-item-border-right-style,\n #{root-variables.$border-right-style}\n);\n\n// --graupl-list-item-border-bottom-style\n$list-item-border-bottom-style: var(\n --#{root-defaults.$prefix}list-item-border-bottom-style,\n #{root-variables.$border-bottom-style}\n);\n\n// --graupl-list-item-border-left-style\n$list-item-border-left-style: var(\n --#{root-defaults.$prefix}list-item-border-left-style,\n #{root-variables.$border-left-style}\n);\n\n// --graupl-list-item-border-style\n$list-item-border-style: var(\n --#{root-defaults.$prefix}list-item-border-style,\n #{$list-item-border-top-style} #{$list-item-border-right-style}\n #{$list-item-border-bottom-style} #{$list-item-border-left-style}\n);\n"],"names":[]}
package/dist/css/component/menu.css CHANGED
@@ -1,2 +1,2 @@
1
- @charset "UTF-8";@layer graupl.component{.menu{--graupl-link-padding:var(--graupl-menu-link-padding,var(--graupl-menu-link-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))) var(--graupl-menu-link-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));--graupl-link-border-width:var(--graupl-menu-link-border-width,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));--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))));--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))));--graupl-link-text-decoration:var(--graupl-menu-link-text-decoration,none);--graupl-link-text-decoration-thickness:var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,0.125rem));--graupl-link-text-decoration-style:var(--graupl-menu-link-text-decoration-style,solid);--graupl-link-transform:var(--graupl-menu-link-transform,none);--graupl-link-visited-text-decoration:var(--graupl-menu-link-visited-text-decoration,var(--graupl-menu-link-text-decoration,none));--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)));--graupl-link-visited-text-decoration-style:var(--graupl-menu-link-visited-text-decoration-style,var(--graupl-menu-link-text-decoration-style,solid));--graupl-link-visited-transform:var(--graupl-menu-link-visited-transform,var(--graupl-menu-link-transform,none));--graupl-link-focus-text-decoration:var(--graupl-menu-link-focus-text-decoration,var(--graupl-menu-link-text-decoration,none));--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)));--graupl-link-focus-text-decoration-style:var(--graupl-menu-link-focus-text-decoration-style,var(--graupl-menu-link-text-decoration-style,solid));--graupl-link-focus-transform:var(--graupl-menu-link-focus-transform,var(--graupl-menu-link-transform,none));--graupl-link-hover-text-decoration:var(--graupl-menu-link-hover-text-decoration,none);--graupl-link-hover-text-decoration-thickness:var(--graupl-menu-link-hover-text-decoration-thickness,var(--graupl-border-width,0.125rem));--graupl-link-hover-text-decoration-style:var(--graupl-menu-link-hover-text-decoration-style,solid);--graupl-link-hover-transform:var(--graupl-menu-link-hover-transform,none);--graupl-link-active-text-decoration:var(--graupl-menu-link-active-text-decoration,var(--graupl-menu-link-hover-text-decoration,none));--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)));--graupl-link-active-text-decoration-style:var(--graupl-menu-link-active-text-decoration-style,var(--graupl-menu-link-hover-text-decoration-style,solid));--graupl-link-active-transform:var(--graupl-menu-link-active-transform,var(--graupl-menu-link-hover-transform,none));--graupl-link-disabled-text-decoration:var(--graupl-menu-link-disabled-text-decoration,none);--graupl-link-disabled-text-decoration-thickness:var(--graupl-menu-link-disabled-text-decoration-thickness,var(--graupl-border-width,0.125rem));--graupl-link-disabled-text-decoration-style:var(--graupl-menu-link-disabled-text-decoration-style,solid);--graupl-link-disabled-transform:var(--graupl-menu-link-disabled-transform,none);border-radius:var(--graupl-menu-border-radius,var(--graupl-menu-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-menu-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-menu-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-menu-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));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))));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));display:var(--graupl-menu-display,flex);flex-direction:var(--graupl-menu-flex-direction,row);gap:var(--graupl-menu-gap,var(--graupl-menu-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-menu-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));isolation:isolate;list-style:none;padding:var(--graupl-menu-padding,var(--graupl-menu-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-menu-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}.menu.show{--graupl-menu-display:var(--graupl-menu-show-display,flex)}.menu.hide{--graupl-menu-display:var(--graupl-menu-hide-display,none)}.submenu{border-radius:var(--graupl-submenu-border-radius,var(--graupl-submenu-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-submenu-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-submenu-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-submenu-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));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))));border-width:var(--graupl-submenu-border-width,var(--graupl-submenu-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-submenu-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-submenu-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-submenu-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));display:var(--graupl-submenu-display,none);flex:1 1;flex-direction:var(--graupl-submenu-flex-direction,column);gap:var(--graupl-submenu-gap,var(--graupl-submenu-column-gap,var(--graupl-menu-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0)))) var(--graupl-submenu-row-gap,var(--graupl-menu-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0)))));inset:var(--graupl-submenu-inset,var(--graupl-submenu-top,100%) var(--graupl-submenu-right,auto) var(--graupl-submenu-bottom,auto) var(--graupl-submenu-left,0));isolation:isolate;list-style:none;padding:var(--graupl-submenu-padding,var(--graupl-submenu-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-submenu-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));position:var(--graupl-submenu-position,absolute);z-index:var(--graupl-submenu-z-index,2)}.submenu.show{--graupl-submenu-display:var(--graupl-submenu-show-display,flex)}.submenu.hide{--graupl-submenu-display:var(--graupl-submenu-hide-display,none)}.menu-item{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:var(--graupl-menu-item-max-width,100%);min-width:var(--graupl-menu-item-min-width,-moz-min-content);min-width:var(--graupl-menu-item-min-width,min-content);padding:var(--graupl-menu-item-padding,var(--graupl-menu-item-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-menu-item-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));position:relative}.menu-link{border-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,.125rem))) var(--graupl-menu-link-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-menu-link-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-menu-link-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));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))));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));display:flex;gap:var(--graupl-menu-link-gap,var(--graupl-menu-link-column-gap,var(--graupl-menu-link-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)))) var(--graupl-menu-link-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));padding:var(--graupl-menu-link-padding,var(--graupl-menu-link-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-menu-link-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));-webkit-text-decoration:var(--graupl-menu-link-text-decoration,none);text-decoration:var(--graupl-menu-link-text-decoration,none);text-decoration-style:var(--graupl-menu-link-text-decoration-style,solid);text-decoration-thickness:var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,.125rem));transform:var(--graupl-menu-link-transform,none);transition:var(--graupl-menu-link-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease));width:100%}.menu-link:visited{--graupl-menu-link-text-decoration:var(--graupl-menu-link-visited-text-decoration,var(--graupl-menu-link-text-decoration,none));--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-visited-text-decoration-thickness,var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,0.125rem)));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-visited-text-decoration-style,var(--graupl-menu-link-text-decoration-style,solid));--graupl-menu-link-transform:var(--graupl-menu-link-visited-transform,var(--graupl-menu-link-transform,none))}.menu-link:focus-visible{--graupl-menu-link-text-decoration:var(--graupl-menu-link-focus-text-decoration,var(--graupl-menu-link-text-decoration,none));--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-focus-text-decoration-thickness,var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,0.125rem)));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-focus-text-decoration-style,var(--graupl-menu-link-text-decoration-style,solid));--graupl-menu-link-transform:var(--graupl-menu-link-focus-transform,var(--graupl-menu-link-transform,none))}.menu-link:hover{--graupl-menu-link-text-decoration:var(--graupl-menu-link-hover-text-decoration,none);--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-hover-text-decoration-thickness,var(--graupl-border-width,0.125rem));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-hover-text-decoration-style,solid);--graupl-menu-link-transform:var(--graupl-menu-link-hover-transform,none)}.menu-link:active{--graupl-menu-link-text-decoration:var(--graupl-menu-link-active-text-decoration,var(--graupl-menu-link-hover-text-decoration,none));--graupl-menu-link-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)));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-active-text-decoration-style,var(--graupl-menu-link-hover-text-decoration-style,solid));--graupl-menu-link-transform:var(--graupl-menu-link-active-transform,var(--graupl-menu-link-hover-transform,none))}.menu-link:disabled,.menu-link:disabled:active,.menu-link:disabled:focus-visible,.menu-link:disabled:hover,.menu-link:disabled:visited,.menu-link[disabled],.menu-link[disabled]:active,.menu-link[disabled]:focus-visible,.menu-link[disabled]:hover,.menu-link[disabled]:visited{--graupl-menu-link-text-decoration:var(--graupl-menu-link-disabled-text-decoration,none);--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-disabled-text-decoration-thickness,var(--graupl-border-width,0.125rem));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-disabled-text-decoration-style,solid);--graupl-menu-link-transform:var(--graupl-menu-link-disabled-transform,none)}.menu-link.button{--graupl-menu-link-padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));--graupl-menu-link-border-width:var(--graupl-button-border-width,var(--graupl-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))));--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))));--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))));--graupl-menu-link-text-decoration:none;--graupl-menu-link-visited-text-decoration:none;--graupl-menu-link-focus-text-decoration:none;--graupl-menu-link-hover-text-decoration:none;--graupl-menu-link-active-text-decoration:none;--graupl-menu-link-disabled-text-decoration:none;--graupl-menu-link-transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease));--graupl-menu-link-transition-reduced-motion:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease));--graupl-menu-link-transform:var(--graupl-button-transform,none);--graupl-menu-link-visited-transform:var(--graupl-button-visited-transform,var(--graupl-button-transform,none));--graupl-menu-link-focus-transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none));--graupl-menu-link-hover-transform:var(--graupl-button-hover-transform,var(--graupl-button-transform,none));--graupl-menu-link-active-transform:var(--graupl-button-active-transform,scale(0.95));--graupl-menu-link-disabled-transform:var(--graupl-button-disabled-transform,none)}.submenu-toggle{align-items:center;display:flex;justify-content:space-between}.submenu-toggle:after{content:var(--graupl-submenu-toggle-content,"↓");display:block;transform:var(--graupl-submenu-toggle-transform,rotate(0deg));transition:var(--graupl-submenu-toggle-transition,transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.submenu-toggle[aria-expanded=true]:after{--graupl-submenu-toggle-transform:var(--graupl-submenu-toggle-open-transform,rotate(-180deg))}@media (prefers-reduced-motion:reduce){.menu-link{--graupl-menu-link-transition:var(--graupl-menu-link-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}.submenu-toggle:after{--graupl-submenu-toggle-transition:var(--graupl-submenu-toggle-transition-reduced-motion,none)}}}@layer graupl.theme{.menu{--graupl-link-color:var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-background:var(--graupl-menu-link-background,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-link-border-color:var(--graupl-menu-link-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-link-text-decoration-color:var(--graupl-menu-link-text-decoration-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-link-visited-color:var(--graupl-menu-link-visited-color,var(--graupl-menu-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,#001233))))))));--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,#e6eeff))))))));--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,#001233)))))))));--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,#001233)))))))));--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,#001233))))))));--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,#e6eeff))))))));--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,#001233)))))))));--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,#001233)))))))));--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,#e6eeff)))))));--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,#001233)))))));--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,#e6eeff))))))));--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,#e6eeff))))))));--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,#e6eeff))))))));--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,#001233))))))));--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,#e6eeff)))))))));--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,#e6eeff)))))))));--graupl-link-disabled-color:var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-link-disabled-background:var(--graupl-menu-link-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-disabled-border-color:var(--graupl-menu-link-disabled-border-color,var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))));--graupl-link-disabled-text-decoration-color:var(--graupl-menu-link-disabled-text-decoration-color,var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))));background:var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-menu-border-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.submenu{background:var(--graupl-submenu-background,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-submenu-border-color,var(--graupl-submenu-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-submenu-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.menu-link{background:var(--graupl-menu-link-background,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-menu-link-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));text-decoration-color:var(--graupl-menu-link-text-decoration-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))}.menu-link:visited{--graupl-menu-link-background:var(--graupl-menu-link-visited-background,var(--graupl-menu-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,#e6eeff))))))));--graupl-menu-link-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,#001233))))))));--graupl-menu-link-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,#001233)))))))));--graupl-menu-link-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,#001233)))))))))}.menu-link:focus-visible{--graupl-menu-link-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,#e6eeff))))))));--graupl-menu-link-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,#001233))))))));--graupl-menu-link-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,#001233)))))))));--graupl-menu-link-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,#001233)))))))))}.menu-link:hover{--graupl-menu-link-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,#001233)))))));--graupl-menu-link-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,#e6eeff)))))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-hover-text-decoration-color,var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))));--graupl-menu-link-border-color:var(--graupl-menu-link-hover-border-color,var(--graupl-menu-link-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,#e6eeff))))))))}.menu-link:active{--graupl-menu-link-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,#001233))))))));--graupl-menu-link-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,#e6eeff))))))));--graupl-menu-link-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,#e6eeff)))))))));--graupl-menu-link-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,#e6eeff)))))))))}.menu-link:disabled,.menu-link:disabled:active,.menu-link:disabled:focus-visible,.menu-link:disabled:hover,.menu-link:disabled:visited{--graupl-menu-link-background:var(--graupl-menu-link-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-menu-link-color:var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-disabled-text-decoration-color,var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))));--graupl-menu-link-border-color:var(--graupl-menu-link-disabled-border-color,var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))))}.menu-link.button{--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,#e6eeff))))));--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,#001233))))));--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,#001233)))))));--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,#e6eeff)))))));--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,#001233)))))));--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,#001233))))))));--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,#e6eeff)))))));--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,#001233)))))));--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,#001233))))))));--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,#001233))))));--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,#e6eeff))))));--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,#001233)))))));--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,#001233)))))));--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,#e6eeff)))))));--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,#001233))))))));--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,#e6eeff))))));--graupl-menu-link-disabled-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-menu-link-disabled-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}
2
- /*# sourceMappingURL=menu.css.map */
1
+ @layer graupl.component{.menu{--graupl-link-padding:var(--graupl-menu-link-padding,var(--graupl-menu-link-padding-y,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem))))var(--graupl-menu-link-padding-x,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem)))));--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));--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,.125rem)))var(--graupl-menu-link-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-menu-link-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-menu-link-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));--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))));--graupl-link-text-decoration:var(--graupl-menu-link-text-decoration,none);--graupl-link-text-decoration-thickness:var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,.125rem));--graupl-link-text-decoration-style:var(--graupl-menu-link-text-decoration-style,solid);--graupl-link-transform:var(--graupl-menu-link-transform,none);--graupl-link-visited-text-decoration:var(--graupl-menu-link-visited-text-decoration,var(--graupl-menu-link-text-decoration,none));--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,.125rem)));--graupl-link-visited-text-decoration-style:var(--graupl-menu-link-visited-text-decoration-style,var(--graupl-menu-link-text-decoration-style,solid));--graupl-link-visited-transform:var(--graupl-menu-link-visited-transform,var(--graupl-menu-link-transform,none));--graupl-link-focus-text-decoration:var(--graupl-menu-link-focus-text-decoration,var(--graupl-menu-link-text-decoration,none));--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,.125rem)));--graupl-link-focus-text-decoration-style:var(--graupl-menu-link-focus-text-decoration-style,var(--graupl-menu-link-text-decoration-style,solid));--graupl-link-focus-transform:var(--graupl-menu-link-focus-transform,var(--graupl-menu-link-transform,none));--graupl-link-hover-text-decoration:var(--graupl-menu-link-hover-text-decoration,none);--graupl-link-hover-text-decoration-thickness:var(--graupl-menu-link-hover-text-decoration-thickness,var(--graupl-border-width,.125rem));--graupl-link-hover-text-decoration-style:var(--graupl-menu-link-hover-text-decoration-style,solid);--graupl-link-hover-transform:var(--graupl-menu-link-hover-transform,none);--graupl-link-active-text-decoration:var(--graupl-menu-link-active-text-decoration,var(--graupl-menu-link-hover-text-decoration,none));--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,.125rem)));--graupl-link-active-text-decoration-style:var(--graupl-menu-link-active-text-decoration-style,var(--graupl-menu-link-hover-text-decoration-style,solid));--graupl-link-active-transform:var(--graupl-menu-link-active-transform,var(--graupl-menu-link-hover-transform,none));--graupl-link-disabled-text-decoration:var(--graupl-menu-link-disabled-text-decoration,none);--graupl-link-disabled-text-decoration-thickness:var(--graupl-menu-link-disabled-text-decoration-thickness,var(--graupl-border-width,.125rem));--graupl-link-disabled-text-decoration-style:var(--graupl-menu-link-disabled-text-decoration-style,solid);--graupl-link-disabled-transform:var(--graupl-menu-link-disabled-transform,none);display:var(--graupl-menu-display,flex);flex-direction:var(--graupl-menu-flex-direction,row);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)))));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));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))));border-radius:var(--graupl-menu-border-radius,var(--graupl-menu-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem)))var(--graupl-menu-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-menu-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-menu-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));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)))));isolation:isolate;list-style:none}.menu.show{--graupl-menu-display:var(--graupl-menu-show-display,flex)}.menu.hide{--graupl-menu-display:var(--graupl-menu-hide-display,none)}.submenu{display:var(--graupl-submenu-display,none);position:var(--graupl-submenu-position,absolute);z-index:var(--graupl-submenu-z-index,2);flex:1;flex-direction:var(--graupl-submenu-flex-direction,column);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)))));border-width:var(--graupl-submenu-border-width,var(--graupl-submenu-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem)))var(--graupl-submenu-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))var(--graupl-submenu-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem)))var(--graupl-submenu-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));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))));border-radius:var(--graupl-submenu-border-radius,var(--graupl-submenu-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem)))var(--graupl-submenu-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-submenu-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-submenu-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));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))))));isolation:isolate;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));list-style:none}.submenu.show{--graupl-submenu-display:var(--graupl-submenu-show-display,flex)}.submenu.hide{--graupl-submenu-display:var(--graupl-submenu-hide-display,none)}.menu-item{min-width:var(--graupl-menu-item-min-width,min-content);max-width:var(--graupl-menu-item-max-width,100%);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)))));flex-wrap:wrap;justify-content:center;align-items:center;display:flex;position:relative}.menu-link{width:100%;padding:var(--graupl-menu-link-padding,var(--graupl-menu-link-padding-y,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem))))var(--graupl-menu-link-padding-x,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem)))));transform:var(--graupl-menu-link-transform,none);transition:var(--graupl-menu-link-transition,background var(--graupl-transition-duration-fast,.15s)var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s)var(--graupl-transition-timing-function,ease));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));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))));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,.125rem)))var(--graupl-menu-link-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-menu-link-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-menu-link-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));text-decoration:var(--graupl-menu-link-text-decoration,none);text-decoration-style:var(--graupl-menu-link-text-decoration-style,solid);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)))));text-decoration-thickness:var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,.125rem));display:flex}.menu-link:visited,.menu-link.visited{text-decoration:var(--graupl-menu-link-visited-text-decoration,var(--graupl-menu-link-text-decoration,none));text-decoration-thickness:var(--graupl-menu-link-visited-text-decoration-thickness,var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,.125rem)));text-decoration-style:var(--graupl-menu-link-visited-text-decoration-style,var(--graupl-menu-link-text-decoration-style,solid));transform:var(--graupl-menu-link-visited-transform,var(--graupl-menu-link-transform,none))}.menu-link:focus-visible,.menu-link.focus{text-decoration:var(--graupl-menu-link-focus-text-decoration,var(--graupl-menu-link-text-decoration,none));text-decoration-thickness:var(--graupl-menu-link-focus-text-decoration-thickness,var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,.125rem)));text-decoration-style:var(--graupl-menu-link-focus-text-decoration-style,var(--graupl-menu-link-text-decoration-style,solid));transform:var(--graupl-menu-link-focus-transform,var(--graupl-menu-link-transform,none))}.menu-link:hover,.menu-link.hover{text-decoration:var(--graupl-menu-link-hover-text-decoration,none);text-decoration-thickness:var(--graupl-menu-link-hover-text-decoration-thickness,var(--graupl-border-width,.125rem));text-decoration-style:var(--graupl-menu-link-hover-text-decoration-style,solid);transform:var(--graupl-menu-link-hover-transform,none)}.menu-link:active,.menu-link.active{text-decoration:var(--graupl-menu-link-active-text-decoration,var(--graupl-menu-link-hover-text-decoration,none));text-decoration-thickness:var(--graupl-menu-link-active-text-decoration-thickness,var(--graupl-menu-link-hover-text-decoration-thickness,var(--graupl-border-width,.125rem)));text-decoration-style:var(--graupl-menu-link-active-text-decoration-style,var(--graupl-menu-link-hover-text-decoration-style,solid));transform:var(--graupl-menu-link-active-transform,var(--graupl-menu-link-hover-transform,none))}.menu-link:disabled,.menu-link:disabled:visited,.menu-link:disabled.visited,.menu-link:disabled:focus-visible,.menu-link:disabled.focus,.menu-link:disabled:hover,.menu-link:disabled.hover,.menu-link:disabled:active,.menu-link:disabled.active,.menu-link:disabled[aria-selected=true],.menu-link:disabled.selected,.menu-link:disabled[aria-current=true],.menu-link:disabled.current,.menu-link[disabled],.menu-link[disabled]:visited,.menu-link[disabled].visited,.menu-link[disabled]:focus-visible,.menu-link[disabled].focus,.menu-link[disabled]:hover,.menu-link[disabled].hover,.menu-link[disabled]:active,.menu-link[disabled].active,.menu-link[disabled][aria-selected=true],.menu-link[disabled].selected,.menu-link[disabled][aria-current=true],.menu-link[disabled].current,.menu-link[aria-disabled=true],.menu-link[aria-disabled=true]:visited,.menu-link[aria-disabled=true].visited,.menu-link[aria-disabled=true]:focus-visible,.menu-link[aria-disabled=true].focus,.menu-link[aria-disabled=true]:hover,.menu-link[aria-disabled=true].hover,.menu-link[aria-disabled=true]:active,.menu-link[aria-disabled=true].active,.menu-link[aria-disabled=true][aria-selected=true],.menu-link[aria-disabled=true].selected,.menu-link[aria-disabled=true][aria-current=true],.menu-link[aria-disabled=true].current,.menu-link.disabled,.menu-link.disabled:visited,.menu-link.disabled.visited,.menu-link.disabled:focus-visible,.menu-link.disabled.focus,.menu-link.disabled:hover,.menu-link.disabled.hover,.menu-link.disabled:active,.menu-link.disabled.active,.menu-link.disabled[aria-selected=true],.menu-link.disabled.selected,.menu-link.disabled[aria-current=true],.menu-link.disabled.current{text-decoration:var(--graupl-menu-link-disabled-text-decoration,none);text-decoration-thickness:var(--graupl-menu-link-disabled-text-decoration-thickness,var(--graupl-border-width,.125rem));text-decoration-style:var(--graupl-menu-link-disabled-text-decoration-style,solid);transform:var(--graupl-menu-link-disabled-transform,none)}.menu-link.button{--graupl-menu-link-padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(.5*var(--graupl-spacer,1rem))))var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(1*var(--graupl-spacer,1rem)))));--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,.125rem)))var(--graupl-button-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))var(--graupl-button-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem)))var(--graupl-button-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));--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,.125rem)))var(--graupl-button-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-button-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))var(--graupl-button-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));--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))));--graupl-menu-link-text-decoration:none;--graupl-menu-link-visited-text-decoration:none;--graupl-menu-link-focus-text-decoration:none;--graupl-menu-link-hover-text-decoration:none;--graupl-menu-link-active-text-decoration:none;--graupl-menu-link-disabled-text-decoration:none;--graupl-menu-link-transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,.15s)var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s)var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s)var(--graupl-transition-timing-function,ease));--graupl-menu-link-transition-reduced-motion:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease));--graupl-menu-link-transform:var(--graupl-button-transform,none);--graupl-menu-link-visited-transform:var(--graupl-button-visited-transform,var(--graupl-button-transform,none));--graupl-menu-link-focus-transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none));--graupl-menu-link-hover-transform:var(--graupl-button-hover-transform,var(--graupl-button-transform,none));--graupl-menu-link-active-transform:var(--graupl-button-active-transform,scale(.95));--graupl-menu-link-disabled-transform:var(--graupl-button-disabled-transform,none)}.submenu-toggle{justify-content:space-between;align-items:center;display:flex}.submenu-toggle:after{content:var(--graupl-submenu-toggle-content,"↓");transform:var(--graupl-submenu-toggle-transform,rotate(0deg));transition:var(--graupl-submenu-toggle-transition,transform var(--graupl-transition-duration-fast,.15s)var(--graupl-transition-timing-function,ease));display:block}.submenu-toggle[aria-expanded=true]:after{--graupl-submenu-toggle-transform:var(--graupl-submenu-toggle-open-transform,rotate(-180deg))}@media (prefers-reduced-motion:reduce){.menu-link{--graupl-menu-link-transition:var(--graupl-menu-link-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}.submenu-toggle:after{--graupl-submenu-toggle-transition:var(--graupl-submenu-toggle-transition-reduced-motion,none)}}}@layer graupl.theme{.menu{--graupl-link-color:var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-background:var(--graupl-menu-link-background,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-link-border-color:var(--graupl-menu-link-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-link-text-decoration-color:var(--graupl-menu-link-text-decoration-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-link-visited-color:var(--graupl-menu-link-visited-color,var(--graupl-menu-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,#001233))))))));--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,#e6eeff))))))));--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,#001233)))))))));--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,#001233)))))))));--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,#001233))))))));--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,#e6eeff))))))));--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,#001233)))))))));--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,#001233)))))))));--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,#e6eeff)))))));--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,#001233)))))));--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,#e6eeff))))))));--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,#e6eeff))))))));--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,#e6eeff))))))));--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,#001233))))))));--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,#e6eeff)))))))));--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,#e6eeff)))))))));--graupl-link-disabled-color:var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-link-disabled-background:var(--graupl-menu-link-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-disabled-border-color:var(--graupl-menu-link-disabled-border-color,var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))));--graupl-link-disabled-text-decoration-color:var(--graupl-menu-link-disabled-text-decoration-color,var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))));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,#001233)))))));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,#e6eeff))))));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,#001233))))))}.submenu{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,#001233))))))));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,#e6eeff)))))));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,#001233)))))))}.menu-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,#001233))))))));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,#e6eeff)))))));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,#001233)))))));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,#001233))))))))}.menu-link:visited,.menu-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,#001233)))))))));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,#e6eeff))))))));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,#001233))))))));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,#001233)))))))))}.menu-link:focus-visible,.menu-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,#001233)))))))));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,#e6eeff))))))));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,#001233))))))));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,#001233)))))))))}.menu-link:hover,.menu-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,#e6eeff))))))));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,#001233)))))));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,#e6eeff)))))));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,#e6eeff))))))))}.menu-link:active,.menu-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,#e6eeff)))))))));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,#001233))))))));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,#e6eeff))))))));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,#e6eeff)))))))))}.menu-link:disabled,.menu-link:disabled:visited,.menu-link:disabled.visited,.menu-link:disabled:focus-visible,.menu-link:disabled.focus,.menu-link:disabled:hover,.menu-link:disabled.hover,.menu-link:disabled:active,.menu-link:disabled.active,.menu-link:disabled[aria-selected=true],.menu-link:disabled.selected,.menu-link:disabled[aria-current=true],.menu-link:disabled.current,.menu-link[disabled],.menu-link[disabled]:visited,.menu-link[disabled].visited,.menu-link[disabled]:focus-visible,.menu-link[disabled].focus,.menu-link[disabled]:hover,.menu-link[disabled].hover,.menu-link[disabled]:active,.menu-link[disabled].active,.menu-link[disabled][aria-selected=true],.menu-link[disabled].selected,.menu-link[disabled][aria-current=true],.menu-link[disabled].current,.menu-link[aria-disabled=true],.menu-link[aria-disabled=true]:visited,.menu-link[aria-disabled=true].visited,.menu-link[aria-disabled=true]:focus-visible,.menu-link[aria-disabled=true].focus,.menu-link[aria-disabled=true]:hover,.menu-link[aria-disabled=true].hover,.menu-link[aria-disabled=true]:active,.menu-link[aria-disabled=true].active,.menu-link[aria-disabled=true][aria-selected=true],.menu-link[aria-disabled=true].selected,.menu-link[aria-disabled=true][aria-current=true],.menu-link[aria-disabled=true].current,.menu-link.disabled,.menu-link.disabled:visited,.menu-link.disabled.visited,.menu-link.disabled:focus-visible,.menu-link.disabled.focus,.menu-link.disabled:hover,.menu-link.disabled.hover,.menu-link.disabled:active,.menu-link.disabled.active,.menu-link.disabled[aria-selected=true],.menu-link.disabled.selected,.menu-link.disabled[aria-current=true],.menu-link.disabled.current{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,#9ebefa)))));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,#e6eeff))))));color:var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));text-decoration-color:var(--graupl-menu-link-disabled-text-decoration-color,var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))))}.menu-link.button{--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,#e6eeff))))));--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,#001233))))));--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,#001233)))))));--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,#e6eeff)))))));--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,#001233)))))));--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,#001233))))))));--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,#e6eeff)))))));--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,#001233)))))));--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,#001233))))))));--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,#001233))))));--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,#e6eeff))))));--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,#001233)))))));--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,#001233)))))));--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,#e6eeff)))))));--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,#001233))))))));--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,#e6eeff))))));--graupl-menu-link-disabled-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-menu-link-disabled-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}
2
+ /*# sourceMappingURL=menu.css.map */