@navikt/ds-css 7.40.0 → 8.0.1

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 (430) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/config/{bundle.darkside.ts → bundle.ts} +42 -36
  3. package/dist/component/accordion.css +136 -170
  4. package/dist/component/accordion.min.css +1 -1
  5. package/dist/component/actionmenu.css +148 -190
  6. package/dist/component/actionmenu.min.css +1 -1
  7. package/dist/component/alert.css +135 -301
  8. package/dist/component/alert.min.css +1 -1
  9. package/dist/component/button.css +172 -485
  10. package/dist/component/button.min.css +1 -3
  11. package/dist/component/chat.css +88 -98
  12. package/dist/component/chat.min.css +1 -1
  13. package/dist/component/chips.css +116 -201
  14. package/dist/component/chips.min.css +1 -1
  15. package/dist/component/copybutton.css +18 -220
  16. package/dist/component/copybutton.min.css +1 -1
  17. package/dist/component/date.css +218 -283
  18. package/dist/component/date.min.css +1 -1
  19. package/dist/component/dialog.css +159 -184
  20. package/dist/component/dialog.min.css +1 -1
  21. package/dist/component/dropdown.css +70 -75
  22. package/dist/component/dropdown.min.css +1 -1
  23. package/dist/component/expansioncard.css +135 -209
  24. package/dist/component/expansioncard.min.css +1 -3
  25. package/dist/component/form.css +1742 -1841
  26. package/dist/component/form.min.css +1 -3
  27. package/dist/component/guidepanel.css +96 -71
  28. package/dist/component/guidepanel.min.css +1 -1
  29. package/dist/component/helptext.css +42 -70
  30. package/dist/component/helptext.min.css +1 -1
  31. package/dist/component/inlinemessage.css +13 -37
  32. package/dist/component/inlinemessage.min.css +1 -1
  33. package/dist/component/internalheader.css +86 -87
  34. package/dist/component/internalheader.min.css +1 -1
  35. package/dist/component/link.css +44 -66
  36. package/dist/component/link.min.css +1 -1
  37. package/dist/component/linkanchor.css +48 -41
  38. package/dist/component/linkanchor.min.css +1 -1
  39. package/dist/component/linkcard.css +128 -127
  40. package/dist/component/linkcard.min.css +1 -1
  41. package/dist/component/linkpanel.css +33 -38
  42. package/dist/component/linkpanel.min.css +1 -1
  43. package/dist/component/list.css +59 -70
  44. package/dist/component/list.min.css +1 -1
  45. package/dist/component/loader.css +90 -99
  46. package/dist/component/loader.min.css +1 -1
  47. package/dist/component/modal.css +172 -182
  48. package/dist/component/modal.min.css +1 -1
  49. package/dist/component/pagination.css +32 -63
  50. package/dist/component/pagination.min.css +1 -1
  51. package/dist/component/panel.css +14 -8
  52. package/dist/component/panel.min.css +1 -1
  53. package/dist/component/popover.css +20 -77
  54. package/dist/component/popover.min.css +1 -1
  55. package/dist/component/primitives.css +1048 -1094
  56. package/dist/component/primitives.min.css +1 -1
  57. package/dist/component/process.css +136 -140
  58. package/dist/component/process.min.css +1 -1
  59. package/dist/component/progressbar.css +90 -89
  60. package/dist/component/progressbar.min.css +1 -1
  61. package/dist/component/readmore.css +78 -75
  62. package/dist/component/readmore.min.css +1 -1
  63. package/dist/component/skeleton.css +53 -50
  64. package/dist/component/skeleton.min.css +1 -1
  65. package/dist/component/stepper.css +186 -271
  66. package/dist/component/stepper.min.css +1 -1
  67. package/dist/component/table.css +224 -297
  68. package/dist/component/table.min.css +1 -1
  69. package/dist/component/tabs.css +113 -125
  70. package/dist/component/tabs.min.css +1 -1
  71. package/dist/component/tag.css +68 -187
  72. package/dist/component/tag.min.css +1 -1
  73. package/dist/component/theme.css +13 -0
  74. package/dist/component/theme.min.css +1 -0
  75. package/dist/component/timeline.css +223 -394
  76. package/dist/component/timeline.min.css +1 -1
  77. package/dist/component/togglegroup.css +87 -157
  78. package/dist/component/togglegroup.min.css +1 -1
  79. package/dist/component/tooltip.css +113 -62
  80. package/dist/component/tooltip.min.css +1 -1
  81. package/dist/component/typography.css +228 -217
  82. package/dist/component/typography.min.css +1 -1
  83. package/dist/components.css +6227 -8576
  84. package/dist/components.min.css +1 -7
  85. package/dist/global/baseline.css +47 -133
  86. package/dist/global/baseline.min.css +1 -1
  87. package/dist/global/fonts.css +112 -116
  88. package/dist/global/fonts.min.css +1 -1
  89. package/dist/global/print.css +54 -73
  90. package/dist/global/print.min.css +1 -1
  91. package/dist/global/reset.css +95 -294
  92. package/dist/global/reset.min.css +1 -1
  93. package/dist/global/tokens.css +862 -336
  94. package/dist/global/tokens.min.css +1 -1
  95. package/dist/index.css +7339 -9507
  96. package/dist/index.min.css +1 -9
  97. package/package.json +5 -16
  98. package/src/README.md +23 -0
  99. package/{darkside/action-menu.darkside.css → src/action-menu.css} +2 -2
  100. package/{darkside/baseline/baseline.darkside.css → src/baseline/baseline.css} +11 -0
  101. package/{darkside/baseline/fonts.darkside.css → src/baseline/fonts.css} +0 -0
  102. package/src/baseline/tokens.css +1 -0
  103. package/{darkside/button.darkside.css → src/button.css} +33 -10
  104. package/{darkside/form/combobox.darkside.css → src/form/combobox.css} +1 -1
  105. package/{darkside/form/file-upload.darkside.css → src/form/file-upload.css} +13 -7
  106. package/src/form/index.css +14 -0
  107. package/{darkside/form/search.darkside.css → src/form/search.css} +2 -2
  108. package/src/index.css +64 -0
  109. package/{darkside/link-anchor.darkside.css → src/link-anchor.css} +4 -0
  110. package/{darkside/link-card.darkside.css → src/link-card.css} +2 -2
  111. package/{darkside/link.darkside.css → src/link.css} +0 -4
  112. package/{darkside/modal.darkside.css → src/modal.css} +2 -3
  113. package/src/primitives/index.css +7 -0
  114. package/{darkside/progress-bar.darkside.css → src/progress-bar.css} +5 -6
  115. package/{darkside/table.darkside.css → src/table.css} +4 -4
  116. package/{darkside/theme.darkside.css → src/theme.css} +0 -8
  117. package/{darkside/typography.darkside.css → src/typography.css} +8 -0
  118. package/accordion.css +0 -198
  119. package/action-menu.css +0 -227
  120. package/alert.css +0 -380
  121. package/baseline/_inline-reset.css +0 -54
  122. package/baseline/_utilities.css +0 -62
  123. package/baseline/baseline.css +0 -27
  124. package/baseline/fonts.css +0 -129
  125. package/baseline/index.css +0 -5
  126. package/baseline/reset.css +0 -294
  127. package/baseline/tokens.css +0 -1
  128. package/button.css +0 -548
  129. package/chat.css +0 -117
  130. package/chips.css +0 -234
  131. package/config/tests/bundle.test.ts +0 -51
  132. package/copybutton.css +0 -226
  133. package/darkside/README.md +0 -25
  134. package/darkside/baseline/print.darkside.css +0 -75
  135. package/darkside/baseline/tokens.darkside.css +0 -1
  136. package/darkside/form/index.css +0 -14
  137. package/darkside/index.css +0 -64
  138. package/darkside/primitives/index.css +0 -7
  139. package/date.css +0 -334
  140. package/dialog.css +0 -253
  141. package/dist/darkside/component/accordion.css +0 -164
  142. package/dist/darkside/component/accordion.min.css +0 -1
  143. package/dist/darkside/component/actionmenu.css +0 -182
  144. package/dist/darkside/component/actionmenu.min.css +0 -1
  145. package/dist/darkside/component/alert.css +0 -181
  146. package/dist/darkside/component/alert.min.css +0 -1
  147. package/dist/darkside/component/button.css +0 -208
  148. package/dist/darkside/component/button.min.css +0 -1
  149. package/dist/darkside/component/chat.css +0 -103
  150. package/dist/darkside/component/chat.min.css +0 -1
  151. package/dist/darkside/component/chips.css +0 -146
  152. package/dist/darkside/component/chips.min.css +0 -1
  153. package/dist/darkside/component/copybutton.css +0 -23
  154. package/dist/darkside/component/copybutton.min.css +0 -1
  155. package/dist/darkside/component/date.css +0 -268
  156. package/dist/darkside/component/date.min.css +0 -1
  157. package/dist/darkside/component/dialog.css +0 -232
  158. package/dist/darkside/component/dialog.min.css +0 -1
  159. package/dist/darkside/component/dropdown.css +0 -82
  160. package/dist/darkside/component/dropdown.min.css +0 -1
  161. package/dist/darkside/component/expansioncard.css +0 -164
  162. package/dist/darkside/component/expansioncard.min.css +0 -1
  163. package/dist/darkside/component/form.css +0 -1875
  164. package/dist/darkside/component/form.min.css +0 -1
  165. package/dist/darkside/component/guidepanel.css +0 -117
  166. package/dist/darkside/component/guidepanel.min.css +0 -1
  167. package/dist/darkside/component/helptext.css +0 -53
  168. package/dist/darkside/component/helptext.min.css +0 -1
  169. package/dist/darkside/component/inlinemessage.css +0 -17
  170. package/dist/darkside/component/inlinemessage.min.css +0 -1
  171. package/dist/darkside/component/internalheader.css +0 -100
  172. package/dist/darkside/component/internalheader.min.css +0 -1
  173. package/dist/darkside/component/link.css +0 -57
  174. package/dist/darkside/component/link.min.css +0 -1
  175. package/dist/darkside/component/linkanchor.css +0 -52
  176. package/dist/darkside/component/linkanchor.min.css +0 -1
  177. package/dist/darkside/component/linkcard.css +0 -124
  178. package/dist/darkside/component/linkcard.min.css +0 -1
  179. package/dist/darkside/component/linkpanel.css +0 -38
  180. package/dist/darkside/component/linkpanel.min.css +0 -1
  181. package/dist/darkside/component/list.css +0 -75
  182. package/dist/darkside/component/list.min.css +0 -1
  183. package/dist/darkside/component/loader.css +0 -107
  184. package/dist/darkside/component/loader.min.css +0 -1
  185. package/dist/darkside/component/modal.css +0 -188
  186. package/dist/darkside/component/modal.min.css +0 -1
  187. package/dist/darkside/component/pagination.css +0 -38
  188. package/dist/darkside/component/pagination.min.css +0 -1
  189. package/dist/darkside/component/panel.css +0 -12
  190. package/dist/darkside/component/panel.min.css +0 -1
  191. package/dist/darkside/component/popover.css +0 -24
  192. package/dist/darkside/component/popover.min.css +0 -1
  193. package/dist/darkside/component/primitives.css +0 -1293
  194. package/dist/darkside/component/primitives.min.css +0 -1
  195. package/dist/darkside/component/process.css +0 -192
  196. package/dist/darkside/component/process.min.css +0 -1
  197. package/dist/darkside/component/progressbar.css +0 -106
  198. package/dist/darkside/component/progressbar.min.css +0 -1
  199. package/dist/darkside/component/readmore.css +0 -94
  200. package/dist/darkside/component/readmore.min.css +0 -1
  201. package/dist/darkside/component/skeleton.css +0 -66
  202. package/dist/darkside/component/skeleton.min.css +0 -1
  203. package/dist/darkside/component/stepper.css +0 -226
  204. package/dist/darkside/component/stepper.min.css +0 -1
  205. package/dist/darkside/component/table.css +0 -289
  206. package/dist/darkside/component/table.min.css +0 -1
  207. package/dist/darkside/component/tabs.css +0 -138
  208. package/dist/darkside/component/tabs.min.css +0 -1
  209. package/dist/darkside/component/tag.css +0 -77
  210. package/dist/darkside/component/tag.min.css +0 -1
  211. package/dist/darkside/component/theme.css +0 -17
  212. package/dist/darkside/component/theme.min.css +0 -1
  213. package/dist/darkside/component/timeline.css +0 -275
  214. package/dist/darkside/component/timeline.min.css +0 -1
  215. package/dist/darkside/component/togglegroup.css +0 -107
  216. package/dist/darkside/component/togglegroup.min.css +0 -1
  217. package/dist/darkside/component/tooltip.css +0 -128
  218. package/dist/darkside/component/tooltip.min.css +0 -1
  219. package/dist/darkside/component/typography.css +0 -273
  220. package/dist/darkside/component/typography.min.css +0 -1
  221. package/dist/darkside/components.css +0 -7876
  222. package/dist/darkside/components.min.css +0 -1
  223. package/dist/darkside/global/baseline.css +0 -43
  224. package/dist/darkside/global/baseline.min.css +0 -1
  225. package/dist/darkside/global/fonts.css +0 -109
  226. package/dist/darkside/global/fonts.min.css +0 -1
  227. package/dist/darkside/global/print.css +0 -52
  228. package/dist/darkside/global/print.min.css +0 -1
  229. package/dist/darkside/global/reset.css +0 -93
  230. package/dist/darkside/global/reset.min.css +0 -1
  231. package/dist/darkside/global/tokens.css +0 -864
  232. package/dist/darkside/global/tokens.min.css +0 -1
  233. package/dist/darkside/index.css +0 -9040
  234. package/dist/darkside/index.min.css +0 -1
  235. package/dist/darkside/version/7.40.0/component/accordion.css +0 -164
  236. package/dist/darkside/version/7.40.0/component/accordion.min.css +0 -1
  237. package/dist/darkside/version/7.40.0/component/actionmenu.css +0 -182
  238. package/dist/darkside/version/7.40.0/component/actionmenu.min.css +0 -1
  239. package/dist/darkside/version/7.40.0/component/alert.css +0 -181
  240. package/dist/darkside/version/7.40.0/component/alert.min.css +0 -1
  241. package/dist/darkside/version/7.40.0/component/button.css +0 -208
  242. package/dist/darkside/version/7.40.0/component/button.min.css +0 -1
  243. package/dist/darkside/version/7.40.0/component/chat.css +0 -103
  244. package/dist/darkside/version/7.40.0/component/chat.min.css +0 -1
  245. package/dist/darkside/version/7.40.0/component/chips.css +0 -146
  246. package/dist/darkside/version/7.40.0/component/chips.min.css +0 -1
  247. package/dist/darkside/version/7.40.0/component/copybutton.css +0 -23
  248. package/dist/darkside/version/7.40.0/component/copybutton.min.css +0 -1
  249. package/dist/darkside/version/7.40.0/component/date.css +0 -268
  250. package/dist/darkside/version/7.40.0/component/date.min.css +0 -1
  251. package/dist/darkside/version/7.40.0/component/dialog.css +0 -232
  252. package/dist/darkside/version/7.40.0/component/dialog.min.css +0 -1
  253. package/dist/darkside/version/7.40.0/component/dropdown.css +0 -82
  254. package/dist/darkside/version/7.40.0/component/dropdown.min.css +0 -1
  255. package/dist/darkside/version/7.40.0/component/expansioncard.css +0 -164
  256. package/dist/darkside/version/7.40.0/component/expansioncard.min.css +0 -1
  257. package/dist/darkside/version/7.40.0/component/form.css +0 -1875
  258. package/dist/darkside/version/7.40.0/component/form.min.css +0 -1
  259. package/dist/darkside/version/7.40.0/component/guidepanel.css +0 -117
  260. package/dist/darkside/version/7.40.0/component/guidepanel.min.css +0 -1
  261. package/dist/darkside/version/7.40.0/component/helptext.css +0 -53
  262. package/dist/darkside/version/7.40.0/component/helptext.min.css +0 -1
  263. package/dist/darkside/version/7.40.0/component/inlinemessage.css +0 -17
  264. package/dist/darkside/version/7.40.0/component/inlinemessage.min.css +0 -1
  265. package/dist/darkside/version/7.40.0/component/internalheader.css +0 -100
  266. package/dist/darkside/version/7.40.0/component/internalheader.min.css +0 -1
  267. package/dist/darkside/version/7.40.0/component/link.css +0 -57
  268. package/dist/darkside/version/7.40.0/component/link.min.css +0 -1
  269. package/dist/darkside/version/7.40.0/component/linkanchor.css +0 -52
  270. package/dist/darkside/version/7.40.0/component/linkanchor.min.css +0 -1
  271. package/dist/darkside/version/7.40.0/component/linkcard.css +0 -124
  272. package/dist/darkside/version/7.40.0/component/linkcard.min.css +0 -1
  273. package/dist/darkside/version/7.40.0/component/linkpanel.css +0 -38
  274. package/dist/darkside/version/7.40.0/component/linkpanel.min.css +0 -1
  275. package/dist/darkside/version/7.40.0/component/list.css +0 -75
  276. package/dist/darkside/version/7.40.0/component/list.min.css +0 -1
  277. package/dist/darkside/version/7.40.0/component/loader.css +0 -107
  278. package/dist/darkside/version/7.40.0/component/loader.min.css +0 -1
  279. package/dist/darkside/version/7.40.0/component/modal.css +0 -188
  280. package/dist/darkside/version/7.40.0/component/modal.min.css +0 -1
  281. package/dist/darkside/version/7.40.0/component/pagination.css +0 -38
  282. package/dist/darkside/version/7.40.0/component/pagination.min.css +0 -1
  283. package/dist/darkside/version/7.40.0/component/panel.css +0 -12
  284. package/dist/darkside/version/7.40.0/component/panel.min.css +0 -1
  285. package/dist/darkside/version/7.40.0/component/popover.css +0 -24
  286. package/dist/darkside/version/7.40.0/component/popover.min.css +0 -1
  287. package/dist/darkside/version/7.40.0/component/primitives.css +0 -1293
  288. package/dist/darkside/version/7.40.0/component/primitives.min.css +0 -1
  289. package/dist/darkside/version/7.40.0/component/process.css +0 -192
  290. package/dist/darkside/version/7.40.0/component/process.min.css +0 -1
  291. package/dist/darkside/version/7.40.0/component/progressbar.css +0 -106
  292. package/dist/darkside/version/7.40.0/component/progressbar.min.css +0 -1
  293. package/dist/darkside/version/7.40.0/component/readmore.css +0 -94
  294. package/dist/darkside/version/7.40.0/component/readmore.min.css +0 -1
  295. package/dist/darkside/version/7.40.0/component/skeleton.css +0 -66
  296. package/dist/darkside/version/7.40.0/component/skeleton.min.css +0 -1
  297. package/dist/darkside/version/7.40.0/component/stepper.css +0 -226
  298. package/dist/darkside/version/7.40.0/component/stepper.min.css +0 -1
  299. package/dist/darkside/version/7.40.0/component/table.css +0 -289
  300. package/dist/darkside/version/7.40.0/component/table.min.css +0 -1
  301. package/dist/darkside/version/7.40.0/component/tabs.css +0 -138
  302. package/dist/darkside/version/7.40.0/component/tabs.min.css +0 -1
  303. package/dist/darkside/version/7.40.0/component/tag.css +0 -77
  304. package/dist/darkside/version/7.40.0/component/tag.min.css +0 -1
  305. package/dist/darkside/version/7.40.0/component/theme.css +0 -17
  306. package/dist/darkside/version/7.40.0/component/theme.min.css +0 -1
  307. package/dist/darkside/version/7.40.0/component/timeline.css +0 -275
  308. package/dist/darkside/version/7.40.0/component/timeline.min.css +0 -1
  309. package/dist/darkside/version/7.40.0/component/togglegroup.css +0 -107
  310. package/dist/darkside/version/7.40.0/component/togglegroup.min.css +0 -1
  311. package/dist/darkside/version/7.40.0/component/tooltip.css +0 -128
  312. package/dist/darkside/version/7.40.0/component/tooltip.min.css +0 -1
  313. package/dist/darkside/version/7.40.0/component/typography.css +0 -273
  314. package/dist/darkside/version/7.40.0/component/typography.min.css +0 -1
  315. package/dist/darkside/version/7.40.0/components.css +0 -7876
  316. package/dist/darkside/version/7.40.0/components.min.css +0 -1
  317. package/dist/darkside/version/7.40.0/global/baseline.css +0 -43
  318. package/dist/darkside/version/7.40.0/global/baseline.min.css +0 -1
  319. package/dist/darkside/version/7.40.0/global/fonts.css +0 -109
  320. package/dist/darkside/version/7.40.0/global/fonts.min.css +0 -1
  321. package/dist/darkside/version/7.40.0/global/print.css +0 -52
  322. package/dist/darkside/version/7.40.0/global/print.min.css +0 -1
  323. package/dist/darkside/version/7.40.0/global/reset.css +0 -93
  324. package/dist/darkside/version/7.40.0/global/reset.min.css +0 -1
  325. package/dist/darkside/version/7.40.0/global/tokens.css +0 -864
  326. package/dist/darkside/version/7.40.0/global/tokens.min.css +0 -1
  327. package/dist/darkside/version/7.40.0/index.css +0 -9040
  328. package/dist/darkside/version/7.40.0/index.min.css +0 -1
  329. package/dropdown.css +0 -91
  330. package/expansioncard.css +0 -239
  331. package/form/combobox.css +0 -431
  332. package/form/confirmation-panel.css +0 -53
  333. package/form/error-summary.css +0 -55
  334. package/form/fieldset.css +0 -51
  335. package/form/file-upload.css +0 -224
  336. package/form/form-progress.css +0 -53
  337. package/form/form-summary.css +0 -90
  338. package/form/form.css +0 -52
  339. package/form/index.css +0 -17
  340. package/form/radio-checkbox.css +0 -397
  341. package/form/search.css +0 -228
  342. package/form/select.css +0 -113
  343. package/form/switch.css +0 -304
  344. package/form/text-field.css +0 -113
  345. package/form/textarea.css +0 -143
  346. package/guide-panel.css +0 -96
  347. package/help-text.css +0 -85
  348. package/index.css +0 -42
  349. package/inline-message.css +0 -45
  350. package/internalheader.css +0 -105
  351. package/link-anchor.css +0 -53
  352. package/link-card.css +0 -127
  353. package/link-panel.css +0 -47
  354. package/link.css +0 -79
  355. package/list.css +0 -88
  356. package/loader.css +0 -120
  357. package/modal.css +0 -228
  358. package/pagination.css +0 -73
  359. package/panel.css +0 -10
  360. package/popover.css +0 -84
  361. package/primitives/base.css +0 -809
  362. package/primitives/bleed.css +0 -103
  363. package/primitives/box.css +0 -66
  364. package/primitives/hgrid.css +0 -80
  365. package/primitives/index.css +0 -7
  366. package/primitives/page.css +0 -62
  367. package/primitives/responsive.css +0 -59
  368. package/primitives/stack.css +0 -155
  369. package/process.css +0 -201
  370. package/progress-bar.css +0 -108
  371. package/read-more.css +0 -95
  372. package/skeleton.css +0 -67
  373. package/stepper.css +0 -312
  374. package/table.css +0 -366
  375. package/tabs.css +0 -154
  376. package/tag.css +0 -200
  377. package/timeline.css +0 -450
  378. package/toggle-group.css +0 -181
  379. package/tokens.json +0 -485
  380. package/tooltip.css +0 -81
  381. package/typography.css +0 -268
  382. package/vitest.config.ts +0 -5
  383. /package/{darkside/accordion.darkside.css → src/accordion.css} +0 -0
  384. /package/{darkside/alert.darkside.css → src/alert.css} +0 -0
  385. /package/{baseline → src/baseline}/print.css +0 -0
  386. /package/{darkside/baseline/reset.darkside.css → src/baseline/reset.css} +0 -0
  387. /package/{darkside/chat.darkside.css → src/chat.css} +0 -0
  388. /package/{darkside/chips.darkside.css → src/chips.css} +0 -0
  389. /package/{darkside/copybutton.darkside.css → src/copybutton.css} +0 -0
  390. /package/{darkside/date.darkside.css → src/date.css} +0 -0
  391. /package/{darkside/dialog.darkside.css → src/dialog.css} +0 -0
  392. /package/{darkside/dropdown.darkside.css → src/dropdown.css} +0 -0
  393. /package/{darkside/expansioncard.darkside.css → src/expansioncard.css} +0 -0
  394. /package/{darkside/form/confirmation-panel.darkside.css → src/form/confirmation-panel.css} +0 -0
  395. /package/{darkside/form/error-summary.darkside.css → src/form/error-summary.css} +0 -0
  396. /package/{darkside/form/fieldset.darkside.css → src/form/fieldset.css} +0 -0
  397. /package/{darkside/form/form-progress.darkside.css → src/form/form-progress.css} +0 -0
  398. /package/{darkside/form/form-summary.darkside.css → src/form/form-summary.css} +0 -0
  399. /package/{darkside/form/form.darkside.css → src/form/form.css} +0 -0
  400. /package/{darkside/form/radio-checkbox.darkside.css → src/form/radio-checkbox.css} +0 -0
  401. /package/{darkside/form/select.darkside.css → src/form/select.css} +0 -0
  402. /package/{darkside/form/switch.darkside.css → src/form/switch.css} +0 -0
  403. /package/{darkside/form/text-field.darkside.css → src/form/text-field.css} +0 -0
  404. /package/{darkside/form/textarea.darkside.css → src/form/textarea.css} +0 -0
  405. /package/{darkside/guide-panel.darkside.css → src/guide-panel.css} +0 -0
  406. /package/{darkside/help-text.darkside.css → src/help-text.css} +0 -0
  407. /package/{darkside/inline-message.darkside.css → src/inline-message.css} +0 -0
  408. /package/{darkside/internalheader.darkside.css → src/internalheader.css} +0 -0
  409. /package/{darkside/link-panel.darkside.css → src/link-panel.css} +0 -0
  410. /package/{darkside/list.darkside.css → src/list.css} +0 -0
  411. /package/{darkside/loader.darkside.css → src/loader.css} +0 -0
  412. /package/{darkside/pagination.darkside.css → src/pagination.css} +0 -0
  413. /package/{darkside/panel.darkside.css → src/panel.css} +0 -0
  414. /package/{darkside/popover.darkside.css → src/popover.css} +0 -0
  415. /package/{darkside/primitives/base.darkside.css → src/primitives/base.css} +0 -0
  416. /package/{darkside/primitives/bleed.darkside.css → src/primitives/bleed.css} +0 -0
  417. /package/{darkside/primitives/box.darkside.css → src/primitives/box.css} +0 -0
  418. /package/{darkside/primitives/hgrid.darkside.css → src/primitives/hgrid.css} +0 -0
  419. /package/{darkside/primitives/page.darkside.css → src/primitives/page.css} +0 -0
  420. /package/{darkside/primitives/responsive.darkside.css → src/primitives/responsive.css} +0 -0
  421. /package/{darkside/primitives/stack.darkside.css → src/primitives/stack.css} +0 -0
  422. /package/{darkside/process.darkside.css → src/process.css} +0 -0
  423. /package/{darkside/read-more.darkside.css → src/read-more.css} +0 -0
  424. /package/{darkside/skeleton.darkside.css → src/skeleton.css} +0 -0
  425. /package/{darkside/stepper.darkside.css → src/stepper.css} +0 -0
  426. /package/{darkside/tabs.darkside.css → src/tabs.css} +0 -0
  427. /package/{darkside/tag.darkside.css → src/tag.css} +0 -0
  428. /package/{darkside/timeline.darkside.css → src/timeline.css} +0 -0
  429. /package/{darkside/toggle-group.darkside.css → src/toggle-group.css} +0 -0
  430. /package/{darkside/tooltip.darkside.css → src/tooltip.css} +0 -0
@@ -1 +0,0 @@
1
- @layer aksel.components{.aksel-fieldset{border:0;min-width:0;margin:0;padding:0}.aksel-fieldset>:not(:first-child,:empty){margin-top:var(--ax-space-8)}.aksel-fieldset__description{color:var(--ax-text-neutral-subtle)}.aksel-fieldset>.aksel-fieldset__description:not(:empty){margin-top:.125rem}.aksel-fieldset>.aksel-sr-only+:not(:first-child,:empty){margin-top:0}.aksel-fieldset__legend{padding:0}.aksel-fieldset--readonly>:where(.aksel-fieldset__legend){display:inline-flex}.aksel-fieldset:disabled>.aksel-fieldset__legend,.aksel-fieldset:disabled>.aksel-fieldset__description{opacity:var(--ax-opacity-disabled)}@media(forced-colors:active){.aksel-fieldset:disabled>.aksel-fieldset__legend,.aksel-fieldset:disabled>.aksel-fieldset__description{opacity:1}}.aksel-dropzone__area{--__axc-dropzone-background: var(--ax-bg-input);--__axc-dropzone-icon-padding: var(--ax-space-8);--__axc-dropzone-animation-length-long: .4s;--__axc-dropzone-animation-length-short: .25s;--__axc-dropzone-animation-ease-out: cubic-bezier(.3, 1, .3, 1);--__axc-dropzone-animation-over-under: cubic-bezier(.3, 1, .3, 1);align-items:center;gap:var(--ax-space-16);text-align:center;width:100%;padding:var(--ax-space-16) var(--ax-space-20);border:1px dashed var(--ax-border-neutral);border-radius:var(--ax-radius-12);background-color:var(--__axc-dropzone-background);color:var(--ax-text-neutral);transition:background-color var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);cursor:pointer;flex-direction:column;display:flex;position:relative}.aksel-dropzone__area:hover:not([data-disabled=true]){border-color:var(--ax-border-strong)}.aksel-dropzone__area:hover:not([data-disabled=true])>.aksel-dropzone__area-button{background-color:var(--ax-bg-moderate-hover);box-shadow:inset 0 0 0 2px var(--ax-bg-strong-hover)}.aksel-dropzone__area:active:not([data-disabled=true])>.aksel-dropzone__area-button{background-color:var(--ax-bg-strong-pressed);color:var(--ax-text-contrast);box-shadow:none}.aksel-dropzone__area[data-disabled=true]{--__axc-dropzone-background: var(--ax-bg-neutral-soft);border-color:var(--ax-border-neutral-subtleA);cursor:default}.aksel-dropzone--dragging>.aksel-dropzone__area{--__axc-dropzone-background: var(--ax-bg-input)}.aksel-dropzone--dragging>.aksel-dropzone__area:after{color:var(--ax-text-default);background-color:var(--ax-bg-moderateA);content:"";border:1px dashed var(--ax-border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--ax-radius-12);animation:akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);margin:-1px;position:absolute;inset:0}@keyframes akselDropzoneDragoverAnimation{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}70%{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}to{background-color:var(--ax-bg-moderateA)}}.aksel-dropzone__area-icon{padding:var(--__axc-dropzone-icon-padding);visibility:hidden;display:grid}.aksel-dropzone--error>.aksel-dropzone__area{outline:2px solid var(--ax-border-danger-strong);outline-offset:-1px;border-color:#0000}.aksel-dropzone__area-release{top:var(--ax-space-16);z-index:1;pointer-events:none;transition:top var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under),transform var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under);display:grid;position:absolute}.aksel-dropzone__area-release__icon{padding:var(--__axc-dropzone-icon-padding);border-radius:var(--ax-radius-full);background-color:var(--ax-bg-neutral-moderateA);transition:background-color .3s var(--__axc-dropzone-animation-ease-out),font-size .3s var(--__axc-dropzone-animation-ease-out);font-size:1.5rem;display:grid}.aksel-dropzone--dragging .aksel-dropzone__area-release>.aksel-dropzone__area-release__icon{background-color:#0000;font-size:2rem}.aksel-dropzone__area-release__text{visibility:hidden}.aksel-dropzone--dragging .aksel-dropzone__area-release>.aksel-dropzone__area-release__text{transition:visibility var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under);visibility:visible}.aksel-dropzone--dragging .aksel-dropzone__area-release{color:var(--ax-text-subtle);top:50%;transform:translateY(-50%)}.aksel-dropzone__area-disabled{color:var(--ax-text-neutral-subtle);align-items:center;gap:var(--ax-space-8);flex-direction:column;display:flex}.aksel-file-upload :is(ul,li),li.aksel-file-item{margin:0;padding:0;list-style:none}ul:has(>li.aksel-file-item){margin:0;padding:0;list-style:none}.aksel-file-item__inner{background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-neutral-subtleA);outline-offset:-1px;border-radius:var(--ax-radius-12);padding:var(--ax-space-16) var(--ax-space-20);gap:var(--ax-space-12);align-items:flex-start;transition:outline-color .25s cubic-bezier(0,.3,.15,1);display:flex}.aksel-file-item--error>.aksel-file-item__inner{outline:2px solid var(--ax-border-danger-strong)}.aksel-file-item__icon{background-color:var(--ax-bg-neutral-moderateA);color:var(--ax-text-neutral);border-radius:var(--ax-radius-full);min-width:2.5rem;min-height:2.5rem;margin-top:var(--ax-space-2);place-content:center;transition:background-color .25s cubic-bezier(0,.3,.15,1);display:grid}.aksel-file-item__icon>svg{width:1.5rem;height:1.5rem}.aksel-file-item__icon--loading{background-color:#0000}.aksel-file-item__file-info{overflow-wrap:anywhere}.aksel-file-item__error{grid-template-rows:0fr;transition-property:grid-template-rows,padding-top;transition-duration:.25s;transition-timing-function:cubic-bezier(0,.3,.15,1);display:grid;overflow:hidden}.aksel-file-item--error .aksel-file-item__error{padding-top:var(--ax-space-4);grid-template-rows:1fr}.aksel-form-field{justify-items:start;gap:var(--ax-space-8);display:grid}.aksel-form-field__description{color:var(--ax-text-neutral-subtle);margin-top:-.375rem}.aksel-form-field__description:empty{display:none}.aksel-form-field--disabled{opacity:var(--ax-opacity-disabled);cursor:not-allowed}.aksel-form-field__error:empty{display:none}.aksel-form-field__subdescription{color:var(--ax-text-neutral-subtle)}.aksel-form-field--readonly>:where(.aksel-form-field__label){display:inline-flex}.aksel-form-field__readonly-icon{margin-top:var(--ax-space-2);margin-right:var(--ax-space-4);flex-shrink:0;align-self:flex-start}@media(forced-colors:active){.aksel-form-field--disabled{opacity:1}}.aksel-error-summary{background-color:var(--ax-bg-default);padding:var(--ax-space-16) var(--ax-space-20);border:4px solid var(--ax-border-danger);border-radius:var(--ax-radius-12);outline-offset:3px}.aksel-error-summary:focus-visible{outline:3px solid var(--ax-border-focus)}.aksel-error-summary:has(.aksel-error-summary__heading:focus-visible){outline:3px solid var(--ax-border-focus)}@supports not selector(:focus-visible){.aksel-error-summary:focus{outline:3px solid var(--ax-border-focus)}}.aksel-error-summary--small{padding:var(--ax-space-12) var(--ax-space-16)}.aksel-error-summary--small .aksel-error-summary__heading{scroll-margin-top:var(--ax-space-16)}.aksel-error-summary--small>.aksel-error-summary__list{margin:var(--ax-space-8) 0;gap:var(--ax-space-8);padding-left:var(--ax-space-20)}.aksel-error-summary__heading{scroll-margin-top:var(--ax-space-24)}.aksel-error-summary__heading:focus{outline:none}.aksel-error-summary__list{margin:var(--ax-space-12) 0;gap:var(--ax-space-12);padding-left:var(--ax-space-24);list-style:inherit;flex-direction:column;display:flex}.aksel-confirmation-panel__inner{gap:var(--ax-space-12);padding:var(--ax-space-16);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-default);background-color:var(--ax-bg-moderate);flex-direction:column;justify-self:stretch;transition:background-color .1s linear;display:flex;position:relative}.aksel-confirmation-panel__content{max-width:80ch}@media(forced-colors:active){.aksel-confirmation-panel__inner:before{content:"";forced-color-adjust:none;border-color:orange;border-left-style:solid;border-left-width:8px;border-start-start-radius:calc(var(--ax-radius-8) - 1px);border-end-start-radius:calc(var(--ax-radius-8) - 1px);height:100%;position:absolute;top:0;left:0}.aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before{border-color:green}.aksel-confirmation-panel--error .aksel-confirmation-panel__inner:before{border-color:red}}.aksel-checkbox,.aksel-radio{--__axc-radio-checkbox-marker-size: 1.5rem;--__axc-radio-checkbox-marker-target: 2.75rem;gap:var(--ax-space-2) 0;width:fit-content;padding:var(--ax-space-12) 0;grid-template-columns:auto 1fr;display:grid;position:relative}:is(.aksel-checkbox,.aksel-radio):focus-within:after{content:"";inset:var(--ax-space-12) 0;pointer-events:none;border-radius:var(--ax-radius-4);outline:3px solid var(--ax-border-focus);outline-offset:3px;position:absolute}.aksel-checkbox--small,.aksel-radio--small{--__axc-radio-checkbox-marker-size: 1.25rem;--__axc-radio-checkbox-marker-target: 2rem;padding:var(--ax-space-6) 0}:is(.aksel-checkbox--small,.aksel-radio--small):focus-within:after{inset:var(--ax-space-6) 0}.aksel-checkbox__label,.aksel-radio__label{cursor:pointer}.aksel-checkbox__description,.aksel-radio__description{grid-column-start:2}.aksel-checkbox__label,.aksel-radio__label,.aksel-checkbox__description,.aksel-radio__description{padding-left:var(--ax-space-8)}.aksel-checkbox__input-wrapper{height:var(--__axc-radio-checkbox-marker-size);position:relative}.aksel-checkbox__input,.aksel-radio__input{--__axc-radio-checkbox-marker-border: 2px;appearance:none;cursor:pointer;width:var(--__axc-radio-checkbox-marker-size);height:var(--__axc-radio-checkbox-marker-size);background-color:var(--ax-bg-input);border:var(--__axc-radio-checkbox-marker-border) solid var(--ax-border-neutral);border-radius:var(--ax-radius-4);outline:none;position:relative}.aksel-checkbox__input:before,.aksel-radio__input:before{content:"";inset:calc(-1 * (var(--__axc-radio-checkbox-marker-border) + (var(--__axc-radio-checkbox-marker-target) - var(--__axc-radio-checkbox-marker-size)) / 2));position:absolute}.aksel-radio__input{border-radius:var(--ax-radius-full)}.aksel-checkbox__input:indeterminate{justify-content:center;align-items:center;display:flex}.aksel-checkbox__input:indeterminate:after{content:"";background-color:var(--ax-bg-default);border-radius:1px;width:.75rem;height:.25rem;position:absolute}.aksel-checkbox__input:where(:checked,:indeterminate){background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-checkbox__input:where(:checked,:indeterminate):not(:disabled):hover{border-color:var(--ax-bg-strong-hover);background-color:var(--ax-bg-strong-hover)}.aksel-checkbox__input:where(:not(:checked))+.aksel-checkbox__icon{display:none}.aksel-checkbox__icon{color:var(--ax-bg-default);pointer-events:none;width:.8125rem;height:var(--__axc-radio-checkbox-marker-size);top:0;left:var(--ax-space-6);position:absolute}.aksel-checkbox--small .aksel-checkbox__input:checked+.aksel-checkbox__icon{left:var(--ax-space-4)}.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 8px;border-color:var(--ax-bg-strong-pressed);background-color:var(--ax-bg-input)}.aksel-radio--small>.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 7px}.aksel-checkbox__input:hover:not(:disabled,:checked,:indeterminate),.aksel-radio__input:hover:not(:disabled,:checked){border-color:var(--ax-border-strong);background-color:var(--ax-bg-moderate-hoverA)}.aksel-checkbox--error .aksel-checkbox__input:not(:disabled,:checked,:indeterminate),.aksel-radio--error>.aksel-radio__input:not(:disabled,:checked){border-color:var(--ax-border-danger-strong)}.aksel-checkbox--disabled,.aksel-radio--disabled{opacity:var(--ax-opacity-disabled)}.aksel-checkbox--disabled :where(.aksel-checkbox__input,.aksel-checkbox__label),.aksel-radio--disabled>:where(.aksel-radio__input,.aksel-radio__label){cursor:not-allowed}.aksel-checkbox--readonly :where(.aksel-checkbox__input,.aksel-checkbox__label),.aksel-radio--readonly>:where(.aksel-radio__input,.aksel-radio__label){cursor:default}.aksel-checkbox--readonly .aksel-checkbox__input:not(:disabled),.aksel-radio--readonly>.aksel-radio__input:not(:disabled){background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtle)}.aksel-checkbox--readonly .aksel-checkbox__label{display:inline-flex}.aksel-checkbox--readonly .aksel-checkbox__input:checked+.aksel-checkbox__icon{color:var(--ax-text-neutral-subtle)}.aksel-checkbox--readonly .aksel-checkbox__input:indeterminate:after{background-color:var(--ax-text-neutral-subtle)}.aksel-radio--readonly>.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 0px;background-color:var(--ax-bg-neutral-strong);box-shadow:inset 0 0 0 2px var(--ax-border-neutral-subtle),inset 0 0 0 8px var(--ax-bg-neutral-moderate)}.aksel-radio--small.aksel-radio--readonly>.aksel-radio__input:checked{box-shadow:inset 0 0 0 2px var(--ax-border-neutral-subtle),inset 0 0 0 7px var(--ax-bg-neutral-moderate)}@media screen and (forced-colors:active){:is(.aksel-checkbox,.aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after{background-color:fieldtext}.aksel-radio:not(.aksel-radio--readonly)>.aksel-radio__input:hover:not(:disabled)+.aksel-radio__label{color:highlight}.aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled))>.aksel-checkbox__label{color:highlight}.aksel-checkbox:not(.aksel-checkbox--readonly) .aksel-checkbox__input:hover:not(:disabled),.aksel-radio:not(.aksel-radio--readonly)>.aksel-radio__input:hover:not(:disabled){border-color:highlight}.aksel-checkbox--readonly .aksel-checkbox__input:checked+.aksel-checkbox__icon{color:var(--ax-bg-default)}.aksel-radio--readonly>.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 8px}.aksel-radio--small.aksel-radio--readonly>.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 7px}.aksel-checkbox--disabled,.aksel-radio--disabled{opacity:1}.aksel-checkbox--disabled .aksel-checkbox__input,.aksel-radio--disabled .aksel-radio__input{background-color:field;border-color:graytext}.aksel-checkbox--disabled .aksel-checkbox__input:indeterminate:after{background-color:graytext}.aksel-checkbox--disabled :is(.aksel-checkbox__label,.aksel-checkbox__description,.aksel-checkbox__input:checked+.aksel-checkbox__icon),.aksel-radio--disabled :is(.aksel-radio__label,.aksel-radio__description){color:graytext}}@media print{.aksel-checkbox__input:before,.aksel-radio__input:before{z-index:-1}.aksel-radio__input,.aksel-checkbox__input{border-color:#000!important}.aksel-radio__input:checked.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 7px;border-color:#000}.aksel-checkbox__icon{height:calc(var(--__axc-radio-checkbox-marker-size) - 4px);top:2px;bottom:2px}.aksel-checkbox__input:indeterminate:after{outline-offset:-2px;outline:2px solid #000}}.aksel-select__input{appearance:none;background-color:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);color:var(--ax-text-neutral);box-sizing:border-box;width:100%;min-height:3rem;padding:var(--ax-space-8);padding-right:var(--ax-space-40);scroll-margin-block-start:4rem;display:inline-block;position:relative}.aksel-select__input:hover{border-color:var(--ax-border-strong);cursor:pointer}.aksel-select__input:focus{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-strong)}@media(forced-colors:active){.aksel-select__input{color:buttontext;background-color:buttonface;border-color:buttontext}}.aksel-select__container{width:100%;color:var(--ax-text-neutral);display:flex;position:relative}.aksel-select__chevron{right:var(--ax-space-8);pointer-events:none;color:var(--ax-text-neutral);align-self:center;font-size:1.5rem;position:absolute}@media(forced-colors:active){.aksel-select__chevron{color:buttontext}}.aksel-form-field--small .aksel-select__input{min-height:2rem;padding-block:0}.aksel-select--error>* select,.aksel-select--error>* select:hover,.aksel-select--error>* select:focus{box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}.aksel-select__input:disabled{background-color:var(--ax-bg-input);border:1px solid var(--ax-border-neutral);box-shadow:none;cursor:not-allowed;opacity:1;color:var(--ax-text-neutral)}.aksel-select__input:disabled>option{color:var(--ax-text-neutral)}@media(forced-colors:active){.aksel-select__input:disabled+.aksel-select__chevron{color:graytext}}.aksel-select--readonly .aksel-select__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}@media(forced-colors:active){.aksel-select--readonly .aksel-select__input:is(:hover,:focus){color:buttontext;background-color:buttonface;border-color:buttontext}}.aksel-select--readonly .aksel-select__chevron{color:var(--ax-text-neutral-subtle)}.aksel-switch{width:fit-content;min-height:3rem;position:relative}.aksel-switch--small{min-height:2rem}.aksel-switch__input{cursor:pointer;z-index:1;opacity:0;width:3rem;height:3rem;position:absolute;top:0}.aksel-switch--small>.aksel-switch__input{width:2.5rem;height:2rem;top:0}.aksel-switch__label-wrapper{cursor:pointer;color:var(--ax-text-neutral)}.aksel-switch__content{--__axc-switch-block-padding: .75rem;--__axc-switch-inline-padding: 3.25rem;gap:var(--ax-space-2);padding:var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) var(--__axc-switch-inline-padding);flex-direction:column;display:flex;position:relative}.aksel-switch--right .aksel-switch__content{padding:var(--__axc-switch-block-padding) var(--__axc-switch-inline-padding) var(--__axc-switch-block-padding) 0}.aksel-switch--small .aksel-switch__content{--__axc-switch-block-padding: .375rem;--__axc-switch-inline-padding: 2.75rem}.aksel-switch__content.aksel-switch--with-description{padding-bottom:0}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content:after{content:"";width:100%;height:calc(100% - var(--__axc-switch-block-padding) * 2);border-radius:var(--ax-radius-4);outline:3px solid var(--ax-border-focus);outline-offset:3px;pointer-events:none;position:absolute;left:0}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content.aksel-switch--with-description:after{height:calc(100% - var(--__axc-switch-block-padding) * 1)}.aksel-switch__input:disabled:hover~.aksel-switch__label-wrapper{color:inherit}.aksel-switch__track{background-color:var(--ax-bg-input);width:2.75rem;height:1.5rem;top:var(--ax-space-12);border-radius:var(--ax-radius-full);border:2px solid var(--ax-border-neutral);transition-property:background-color,border-color;transition-duration:.1s;transition-timing-function:ease;position:absolute;left:0}.aksel-switch--small>.aksel-switch__track{top:var(--ax-space-6);width:2.25rem;height:1.25rem}.aksel-switch__input:checked~.aksel-switch__track{background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-switch__input:hover~.aksel-switch__track{background-color:var(--ax-bg-neutral-moderate-hover)}.aksel-switch__input:hover:checked~.aksel-switch__track{background-color:var(--ax-bg-strong-hover);border-color:var(--ax-bg-strong-hover)}.aksel-switch__input:disabled~.aksel-switch__track{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral)}.aksel-switch__input:checked:disabled~.aksel-switch__track{background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-switch--standalone>.aksel-switch__input:focus~.aksel-switch__track{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong);border-radius:var(--ax-radius-full);justify-content:center;align-items:center;width:1.125rem;height:1.125rem;transition:transform .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:.0625rem;left:.0625rem;transform:translate(0)}.aksel-switch--small .aksel-switch__thumb{width:.875rem;height:.875rem}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{background-color:var(--ax-bg-raised);color:var(--ax-text-subtle);width:1.25rem;height:1.25rem;top:0;left:0;transform:translate(1.25rem)}.aksel-switch--small>.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{width:1rem;height:1rem;top:0;left:0;transform:translate(1rem)}@media(hover:hover)and (pointer:fine){.aksel-switch__input:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(.17rem)}.aksel-switch__input:checked:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1.1rem)}.aksel-switch--small>.aksel-switch__input:checked:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(.875rem)}}.aksel-switch--right{width:auto}.aksel-switch--right .aksel-switch__input,.aksel-switch--right .aksel-switch__track{left:auto;right:0}.aksel-switch__input:disabled{appearance:none}.aksel-switch--disabled:not(.aksel-switch--loading){opacity:var(--ax-opacity-disabled)}.aksel-switch__input:disabled,.aksel-switch__input:disabled~.aksel-switch__label-wrapper{cursor:not-allowed}.aksel-switch--readonly>.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:hover~.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:checked~.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:checked:hover~.aksel-switch__track{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA)}.aksel-switch--readonly>.aksel-switch__label-wrapper,.aksel-switch--readonly>.aksel-switch__input{cursor:default}.aksel-switch--readonly .aksel-switch__label{display:inline-flex}.aksel-switch--readonly .aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong)}.aksel-switch--readonly>.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong);color:var(--ax-text-neutral-contrast)}@media(hover:hover)and (pointer:fine){.aksel-switch--readonly>.aksel-switch__input:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(0)}.aksel-switch--readonly>.aksel-switch__input:checked:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1.25rem)}.aksel-switch--readonly.aksel-switch--small>.aksel-switch__input:checked:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1rem)}}@media(forced-colors:active){.aksel-switch__thumb,.aksel-switch--readonly .aksel-switch__thumb{background-color:fieldtext!important}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb,.aksel-switch--readonly .aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{color:field}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content:after,.aksel-switch--standalone>.aksel-switch__input:focus~.aksel-switch__track{outline:3px solid highlight}.aksel-switch--disabled:not(.aksel-switch--loading){opacity:1}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__thumb{background-color:graytext!important}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__track{border-color:graytext!important}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper,.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper:hover{color:graytext!important}}.aksel-text-field__input{appearance:none;padding:var(--ax-space-8);background:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);width:100%;min-height:3rem;color:var(--ax-text-neutral);scroll-margin-block-start:4rem}.aksel-text-field__input:hover{border-color:var(--ax-border-strong)}.aksel-text-field__input:focus-visible{border-color:var(--ax-border-strong);outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-text-field__input:disabled{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral);cursor:not-allowed}.aksel-text-field__input::placeholder{color:var(--ax-text-neutral-subtle)}.aksel-text-field__input[size]{width:auto}.aksel-form-field--small .aksel-text-field__input{padding:0 var(--ax-space-8);min-height:2rem}.aksel-text-field--error .aksel-text-field__input:not(:disabled){border-color:var(--ax-border-danger-strong);box-shadow:0 0 0 1px var(--ax-border-danger-strong)}.aksel-text-field--readonly .aksel-text-field__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}.aksel-text-field__input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-results-button{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}@media(forced-colors:active){.aksel-text-field__input{color:fieldtext;background-color:field}}.aksel-textarea__input{height:var(--__axc-textarea-height);appearance:none;padding:var(--ax-space-8);background-color:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);resize:none;width:100%;color:var(--ax-text-neutral);white-space:break-spaces;scroll-margin-block-start:4rem;display:block}.aksel-textarea__input::placeholder{color:var(--ax-text-neutral-subtle)}.aksel-textarea__input:hover{border-color:var(--ax-border-strong)}.aksel-textarea__input:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-strong)}.aksel-textarea__input:disabled{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral);cursor:not-allowed}.aksel-form-field--small .aksel-textarea__input{padding:var(--ax-space-6)}.aksel-textarea--readonly .aksel-textarea__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}.aksel-textarea__counter{color:var(--ax-text-neutral-subtle);margin-top:-.25rem}.aksel-textarea__counter--error{color:var(--ax-text-danger-subtle)}.aksel-textarea__sr-counter{display:none}.aksel-textarea__input:focus~.aksel-textarea__sr-counter{display:initial}.aksel-textarea--resize-both .aksel-textarea__input{resize:both;border-end-end-radius:0}.aksel-textarea--resize-horizontal .aksel-textarea__input{resize:horizontal;border-end-end-radius:0}.aksel-textarea--resize-vertical .aksel-textarea__input{resize:vertical;border-end-end-radius:0}.aksel-textarea--autoscrollbar,.aksel-textarea--autoscrollbar .aksel-textarea__wrapper{flex-direction:column;margin:-3px;padding:3px;display:flex;overflow:hidden}.aksel-textarea--autoscrollbar .aksel-textarea__input{scrollbar-gutter:stable}.aksel-textarea--error .aksel-textarea__input:not(:disabled){box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}@media(forced-colors:active){.aksel-textarea__input{color:fieldtext;background-color:field}}.aksel-search{flex-direction:column;width:100%;display:flex}.aksel-search__wrapper-inner{width:100%;position:relative}.aksel-search--with-size .aksel-search__wrapper-inner{width:inherit}.aksel-search--with-size .aksel-search__wrapper{width:fit-content}.aksel-search__wrapper{border-radius:var(--ax-radius-8);align-items:center;display:inline-flex}.aksel-search__wrapper:has(.aksel-search__input:focus-visible){outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-search__input{padding-right:var(--ax-space-40)}.aksel-search__input:focus-visible{outline:none}.aksel-search__input.aksel-search__input--primary,.aksel-search__input.aksel-search__input--secondary{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.aksel-search__input--simple{padding-left:var(--ax-space-40)}.aksel-form-field--small .aksel-search__input{padding-right:var(--ax-space-28)}.aksel-form-field--small .aksel-search__input--simple{padding-left:var(--ax-space-28)}.aksel-form-field--small .aksel-search__search-icon{left:var(--ax-space-4);font-size:1.25rem}.aksel-form-field--small .aksel-search__button-clear{right:var(--ax-space-4)}.aksel-search__search-icon{color:var(--ax-text-neutral);left:var(--ax-space-8);pointer-events:none;font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.aksel-search--disabled .aksel-search__search-icon{opacity:var(--ax-opacity-disabled)}.aksel-search__button-clear{right:var(--ax-space-8);position:absolute;top:50%;transform:translateY(-50%)}.aksel-search__button-search{border-radius:0;border-top-right-radius:var(--ax-radius-8);border-bottom-right-radius:var(--ax-radius-8);flex-shrink:0}.aksel-search__button-search.aksel-button--secondary{--__axc-button-border-width: 1px;--__axc-button-border-color: var(--ax-border-neutral)}.aksel-search__button-search.aksel-button--secondary:not(:hover,:active){background-color:var(--ax-bg-input)}.aksel-search__button-search.aksel-button--secondary:hover:not(:disabled){--__axc-button-border-color: var(--ax-border-strong)}.aksel-search:not(.aksel-search--error,.aksel-search--disabled) .aksel-search__wrapper:has(.aksel-search__input:is(:hover,:focus-visible)) .aksel-search__button-search.aksel-button--secondary:not(:hover,:active){--__axc-button-border-color: var(--ax-border-strong)}.aksel-search--error .aksel-search__input:not(:disabled){border-color:var(--ax-border-danger-strong);box-shadow:inset -2px 0 0 0 var(--ax-border-danger-strong),inset 0 0 0 1px var(--ax-border-danger-strong)}.aksel-search--error .aksel-search__input:not(:disabled).aksel-search__input--simple{box-shadow:inset 0 0 0 1px var(--ax-border-danger-strong)}.aksel-search__input:focus-visible,.aksel-search__button-search:focus-visible{z-index:1}.aksel-search--disabled .aksel-search__input{opacity:var(--ax-opacity-disabled);cursor:not-allowed}.aksel-combobox__wrapper{--__axc-combobox-icon-size: 1.5rem;--__axc-combobox-wrapper-inner-padding: var(--ax-space-8);--__axc-combobox-list-item-padding-block: var(--ax-space-12);--__axc-combobox-list-item-padding-inline: var(--ax-space-12);--__axc-combobox-border-width: 1px;--__axc-combobox-input-height: 2rem;border-radius:var(--ax-radius-8);flex-direction:column;width:100%;display:flex;position:relative}.aksel-form-field:not(:is(.aksel-combobox--disabled,.aksel-combobox--readonly)) .aksel-combobox__wrapper:hover{border-color:var(--ax-border-strong)}.aksel-form-field--small .aksel-combobox__wrapper{--__axc-combobox-icon-size: 1.25rem;--__axc-combobox-wrapper-inner-padding: var(--ax-space-4);--__axc-combobox-list-item-padding-block: var(--ax-space-6);--__axc-combobox-list-item-padding-inline: var(--ax-space-8);--__axc-combobox-input-height: 1.5rem}.aksel-combobox--disabled{opacity:var(--ax-opacity-disabled)}.aksel-combobox--disabled .aksel-combobox__wrapper:hover{border-color:var(--ax-border-neutral)}.aksel-combobox--disabled .aksel-combobox__wrapper :hover{cursor:not-allowed}.aksel-combobox--disabled .aksel-combobox__selected-options,.aksel-combobox--disabled .aksel-combobox--readonly,.aksel-combobox--readonly{pointer-events:none}.aksel-combobox--readonly .aksel-combobox__selected-options .aksel-chips__chip{background-color:var(--ax-bg-neutral-moderateA)}.aksel-combobox--readonly .aksel-combobox__button-toggle-list{color:var(--ax-bg-neutral-moderate)}.aksel-combobox--readonly .aksel-combobox__wrapper{border-color:var(--ax-border-neutral-subtle);overflow:clip}.aksel-combobox--readonly .aksel-text-field__input,.aksel-combobox--readonly .aksel-combobox__input{background-color:var(--ax-bg-neutral-moderate)}.aksel-combobox__button-toggle-list svg,.aksel-combobox__list svg{width:var(--__axc-combobox-icon-size);height:var(--__axc-combobox-icon-size)}.aksel-combobox__wrapper-inner{border:1px solid var(--ax-border-neutral);border-radius:var(--ax-radius-8)}.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible){outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-strong)}.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible).aksel-combobox__wrapper-inner--virtually-unfocused{border-color:var(--ax-border-neutral);outline:none}.aksel-combobox__wrapper-inner.aksel-text-field__input{width:100%;padding-block:calc(var(--__axc-combobox-wrapper-inner-padding) - var(--__axc-combobox-border-width));padding-inline:var(--__axc-combobox-wrapper-inner-padding);flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:relative}.aksel-combobox__wrapper-inner>:first-child{flex:2}.aksel-combobox__wrapper-inner:hover{cursor:text}.aksel-combobox--disabled .aksel-combobox__wrapper-inner:hover{border-color:var(--ax-border-neutral)}.aksel-combobox--error .aksel-combobox__wrapper-inner{border-color:var(--ax-border-danger-strong);box-shadow:0 0 0 1px var(--ax-border-danger-strong)}.aksel-combobox--error .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible){border-color:var(--ax-border-danger-strong)}.aksel-combobox__selected-options{align-items:center;gap:0}.aksel-combobox__selected-options>li{border-radius:var(--ax-radius-full);margin:auto 0}.aksel-combobox__selected-options>li:last-of-type{flex:1;display:flex}.aksel-combobox__selected-options[data-type=multiple]{gap:var(--__axc-combobox-wrapper-inner-padding)}.aksel-combobox__selected-options--no-bg{font-family:inherit;font-size:var(--ax-font-size-large);font-weight:var(--ax-font-weight-regular);letter-spacing:0;line-height:var(--ax-font-line-height-large);margin:0;padding-left:.25rem}.aksel-combobox__input-wrapper{width:100%}.aksel-combobox__input{width:100%;min-width:10ch;height:var(--__axc-combobox-input-height);background:none;border:none;flex:1;margin:0;padding:0}.aksel-combobox__input:focus-visible{border:none;outline:0}.aksel-combobox__selected-options>li:only-child>.aksel-combobox__input{margin-left:var(--ax-space-4)}.aksel-combobox__selected-options[data-type=single] .aksel-combobox__input{min-width:auto}.aksel-combobox__input--hide-caret{caret-color:#0000}@supports not selector(:focus-visible){.aksel-combobox__input:focus{border:none;outline:none}.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus){outline:none}.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused{outline:none}}.aksel-combobox__input::-webkit-search-cancel-button{display:none}.aksel-combobox__button-toggle-list{color:var(--ax-text-neutral);cursor:pointer;background:none;border:none;justify-content:center;align-items:center;padding:0;font-size:1rem;display:flex}.aksel-combobox__button-toggle-list:hover{color:var(--ax-text-subtle)}.aksel-combobox__button-toggle-list:hover:active{color:var(--ax-text-default)}.aksel-combobox__list{width:var(--ac-floating-anchor-width);border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-8);background-color:var(--ax-bg-raised);color:var(--ax-text-neutral);box-shadow:var(--ax-shadow-dialog);flex-direction:column;display:flex;overflow:clip}.aksel-combobox__list .aksel-combobox__list-options{overflow-y:auto}.aksel-combobox__list--closed{display:none}.aksel-combobox__list-item,.aksel-combobox__list-item--loading,.aksel-combobox__list-item--no-options,.aksel-combobox__list-item--new-option,.aksel-combobox__list-item--max-selected{padding-block:var(--__axc-combobox-list-item-padding-block);padding-inline:var(--__axc-combobox-list-item-padding-inline);border-radius:var(--ax-radius-8);margin-inline:var(--ax-space-8);margin-block:var(--ax-space-2);border:0;justify-content:space-between;align-items:center;scroll-margin-block:8px;display:flex}.aksel-combobox__list-item--no-options{margin:0}.aksel-combobox__list-item--loading{justify-content:center;margin:0}.aksel-combobox__list-item--max-selected{background-color:var(--ax-bg-neutral-moderateA);border-bottom:1px solid var(--ax-border-neutral-subtle);padding-block:var(--ax-space-8);line-height:var(--ax-font-line-height-large);border-radius:0;margin:0}.aksel-combobox__list-options{display:inherit;flex-direction:inherit;gap:inherit;background-color:inherit;padding:0;padding-block:var(--ax-space-4);align-items:stretch;margin:0;list-style:none}.aksel-combobox__list-item--focus{cursor:pointer;outline:2px solid var(--ax-border-focus)}.aksel-combobox__list-item--focus,.aksel-combobox__list--with-hover .aksel-combobox__list-item:not([data-no-focus=true],.aksel-combobox__list-item--new-option):hover{cursor:pointer}.aksel-combobox__list-item{-webkit-user-select:none;user-select:none}.aksel-combobox__list-item[data-no-focus=true]{cursor:not-allowed;opacity:.4}.aksel-combobox__list-item mark{font-weight:var(--ax-font-weight-bold);color:var(--ax-text-neutral);background-color:#0000}.aksel-combobox__list-item svg{color:var(--ax-text-neutral)}.aksel-combobox__list-item--selected{background-color:var(--ax-bg-moderate-pressedA)}.aksel-combobox__list-item--selected p{font-weight:var(--ax-font-weight-bold)}.aksel-combobox__list-item--new-option{border-bottom:1px solid var(--ax-border-subtleA);background:var(--ax-bg-moderateA);cursor:pointer;margin:0;border-radius:0;justify-content:flex-start;gap:.25rem;margin-block-start:calc(var(--ax-space-4) * -1)}.aksel-combobox__list-item--new-option svg{color:var(--ax-text-neutral)}.aksel-combobox__list-item--new-option:only-child{margin-block:calc(var(--ax-space-4) * -1);border:none}.aksel-combobox__list-item--new-option--focus{border-radius:calc(var(--ax-radius-8) - 1px) calc(var(--ax-radius-8) - 1px) 0 0;outline:2px solid var(--ax-border-focus);outline-offset:-2px}.aksel-combobox__list-item--new-option--focus:only-child{border-radius:calc(var(--ax-radius-8) - 1px)}@media(max-width:479px){.aksel-combobox__button-toggle-list{right:.5rem}.aksel-combobox__input{min-width:min-content;padding:.75rem 0}.aksel-combobox__selected-options{gap:var(--ax-space-4)}.aksel-combobox__list{overscroll-behavior:contain}}@media(forced-colors:active){.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible){outline-color:highlight}.aksel-combobox__list-item--focus,.aksel-combobox__list--with-hover .aksel-combobox__list-item:not([data-no-focus=true],.aksel-combobox__list-item--new-option):hover{color:highlight;border-left-color:highlight}.aksel-combobox__list-item[data-no-focus=true]{opacity:1;color:graytext}.aksel-combobox__list-item--selected{color:selecteditemtext;background-color:highlight}.aksel-combobox__list-item--selected *{color:#000}.aksel-combobox__list-item--selected>*{forced-color-adjust:none}.aksel-combobox__list-item--selected.aksel-combobox__list-item--focus,.aksel-combobox__list--with-hover .aksel-combobox__list-item--selected:hover{color:highlight;border-left-color:highlight}.aksel-combobox__list--with-hover .aksel-combobox__list-item--new-option:hover{color:highlight}.aksel-combobox__list-item--new-option--focus{outline-offset:0;outline:2px solid highlight}.aksel-combobox--disabled{opacity:1}.aksel-combobox--disabled *{color:graytext;opacity:1;border-color:graytext}.aksel-combobox__list-item--new-option svg{color:canvastext}.aksel-combobox__list-item--new-option:hover{color:highlight}.aksel-combobox__list-item--new-option:hover svg{color:highlight}}.aksel-form-summary{border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-12);background:var(--ax-bg-raised);overflow:hidden}.aksel-form-summary__header{background:var(--ax-bg-neutral-moderateA);padding:var(--ax-space-16) var(--ax-space-20);justify-content:space-between;gap:0 var(--ax-space-12);display:flex}@media(max-width:479px){.aksel-form-summary__header{padding:var(--ax-space-12) var(--ax-space-16);flex-direction:column}}.aksel-form-summary__header .aksel-form-summary__edit{flex-shrink:0;align-self:flex-start}.aksel-form-summary>.aksel-form-summary__answers{border-top:1px solid var(--ax-border-neutral-subtleA)}.aksel-form-summary__answers{padding:var(--ax-space-16) var(--ax-space-20) var(--ax-space-20) var(--ax-space-20);margin:0}@media(max-width:479px){.aksel-form-summary__answers{padding:var(--ax-space-12) var(--ax-space-16) var(--ax-space-16) var(--ax-space-16)}}.aksel-form-summary__answer:not(:last-child){margin-bottom:var(--ax-space-16);padding-bottom:var(--ax-space-16);border-bottom:1px solid var(--ax-border-neutral-subtleA)}.aksel-form-summary__answer:has(.aksel-form-summary__answer){padding-bottom:var(--ax-space-24)}.aksel-form-summary__answer:has(.aksel-form-summary__answer):last-child{padding-bottom:0}@media(max-width:479px){.aksel-form-summary__answer:not(:last-child){margin-bottom:var(--ax-space-12);padding-bottom:var(--ax-space-12)}.aksel-form-summary__answer:has(.aksel-form-summary__answer){padding-bottom:var(--ax-space-20)}}.aksel-form-summary__value:first-of-type{margin-top:var(--ax-space-4)}.aksel-form-summary__value .aksel-form-summary__answers{margin-top:var(--ax-space-8);padding:var(--ax-space-16);background:var(--ax-bg-moderateA);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-subtleA)}.aksel-form-summary__value .aksel-form-summary__answers .aksel-form-summary__answer{border-color:var(--ax-border-subtleA)}.aksel-form-summary__footer{padding:var(--ax-space-16) var(--ax-space-20);background:var(--ax-bg-raised);border-top:1px solid var(--ax-border-neutral-subtleA);display:flex}@media(max-width:479px){.aksel-form-summary__footer{padding:var(--ax-space-12) var(--ax-space-16)}}.aksel-form-progress__bar{margin-bottom:var(--ax-space-8)}.aksel-form-progress__button:focus-visible{z-index:1}.aksel-form-progress__button[data-state=open] svg{transform:rotate(-180deg)}.aksel-form-progress__button[data-state=closed] .aksel-form-progress__btn-txt-hide,.aksel-form-progress__button[data-state=open] .aksel-form-progress__btn-txt-show{display:none}.aksel-form-progress__collapsible{visibility:hidden;border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-12);background:var(--ax-bg-raised);padding-inline:var(--ax-space-20);opacity:.001;grid-template-rows:0fr;margin-top:-2px;padding-block:0;transition-property:margin-top,opacity,visibility,padding-block-start,grid-template-rows;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;overflow:hidden}.aksel-form-progress__collapsible[hidden]{display:grid}.aksel-form-progress__collapsible[data-state=open]{margin-top:var(--ax-space-4);visibility:visible;padding-block:var(--ax-space-16);opacity:1;grid-template-rows:1fr}.aksel-form-progress__collapsible-content{min-height:0}}
@@ -1,117 +0,0 @@
1
- @layer aksel.components {
2
- .aksel-guide-panel {
3
- --__axc-guide-panel-guide-size: 5rem;
4
- width: fit-content;
5
- display: flex;
6
- position: relative;
7
- }
8
-
9
- .aksel-guide-panel[data-poster="true"], .aksel-guide-panel[data-responsive="true"] {
10
- flex-direction: column;
11
- align-items: center;
12
- }
13
-
14
- .aksel-guide-panel[data-poster="false"] {
15
- flex-direction: row;
16
- align-items: flex-start;
17
- }
18
-
19
- .aksel-guide-panel[data-poster="false"][data-responsive="false"] {
20
- --__axc-guide-panel-guide-size: 3.75rem;
21
- }
22
-
23
- @media (min-width: 480px) {
24
- .aksel-guide-panel[data-poster="false"][data-responsive="false"] {
25
- --__axc-guide-panel-guide-size: 5rem;
26
- }
27
-
28
- .aksel-guide-panel[data-responsive="true"] {
29
- flex-direction: row;
30
- align-items: flex-start;
31
- }
32
- }
33
-
34
- .aksel-guide {
35
- box-sizing: border-box;
36
- border: 2px solid var(--ax-border-default);
37
- border-radius: var(--ax-radius-full);
38
- width: var(--__axc-guide-panel-guide-size);
39
- height: var(--__axc-guide-panel-guide-size);
40
- flex-shrink: 0;
41
- overflow: hidden;
42
- }
43
-
44
- .aksel-guide svg, .aksel-guide img {
45
- width: 100%;
46
- height: 100%;
47
- }
48
-
49
- .aksel-guide-panel__content {
50
- background-color: var(--ax-bg-raised);
51
- border: 2px solid var(--ax-border-default);
52
- border-radius: var(--ax-radius-12);
53
- position: relative;
54
- }
55
-
56
- .aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
57
- margin-top: var(--ax-space-20);
58
- }
59
-
60
- .aksel-guide-panel[data-poster="false"] > .aksel-guide-panel__content {
61
- margin-left: var(--ax-space-20);
62
- }
63
-
64
- @media (min-width: 480px) {
65
- .aksel-guide-panel[data-responsive="true"] > .aksel-guide-panel__content {
66
- margin-top: 0;
67
- margin-left: var(--ax-space-20);
68
- }
69
- }
70
-
71
- .aksel-guide-panel__content-inner {
72
- padding: var(--ax-space-12) var(--ax-space-16);
73
- border-radius: var(--ax-radius-12);
74
- background-color: var(--ax-bg-raised);
75
- height: 100%;
76
- position: relative;
77
- }
78
-
79
- .aksel-guide-panel[data-poster="false"] .aksel-guide-panel__content-inner {
80
- min-height: var(--__axc-guide-panel-guide-size);
81
- }
82
-
83
- @media (min-width: 480px) {
84
- .aksel-guide-panel__content-inner {
85
- padding: var(--ax-space-16) var(--ax-space-20);
86
- }
87
-
88
- .aksel-guide-panel[data-responsive="true"] .aksel-guide-panel__content-inner {
89
- min-height: var(--__axc-guide-panel-guide-size);
90
- }
91
- }
92
-
93
- .aksel-guide-panel__tail {
94
- z-index: 0;
95
- position: absolute;
96
- }
97
-
98
- .aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
99
- left: 50%;
100
- top: calc(var(--ax-space-16) * -1 - 2px);
101
- transform: translateX(-25%);
102
- }
103
-
104
- .aksel-guide-panel[data-poster="false"] .aksel-guide-panel__tail {
105
- top: calc(var(--__axc-guide-panel-guide-size) / 2);
106
- left: calc(var(--ax-space-20) * -1 - 2px);
107
- transform: translateY(-15%)rotateZ(-90deg)scaleX(-1);
108
- }
109
-
110
- @media (min-width: 480px) {
111
- .aksel-guide-panel[data-responsive="true"] .aksel-guide-panel__tail {
112
- top: calc(var(--__axc-guide-panel-guide-size) / 2);
113
- left: calc(var(--ax-space-20) * -1 - 2px);
114
- transform: translateY(-15%)rotateZ(-90deg)scaleX(-1);
115
- }
116
- }
117
- }
@@ -1 +0,0 @@
1
- @layer aksel.components{.aksel-guide-panel{--__axc-guide-panel-guide-size: 5rem;width:fit-content;display:flex;position:relative}.aksel-guide-panel[data-poster=true],.aksel-guide-panel[data-responsive=true]{flex-direction:column;align-items:center}.aksel-guide-panel[data-poster=false]{flex-direction:row;align-items:flex-start}.aksel-guide-panel[data-poster=false][data-responsive=false]{--__axc-guide-panel-guide-size: 3.75rem}@media(min-width:480px){.aksel-guide-panel[data-poster=false][data-responsive=false]{--__axc-guide-panel-guide-size: 5rem}.aksel-guide-panel[data-responsive=true]{flex-direction:row;align-items:flex-start}}.aksel-guide{box-sizing:border-box;border:2px solid var(--ax-border-default);border-radius:var(--ax-radius-full);width:var(--__axc-guide-panel-guide-size);height:var(--__axc-guide-panel-guide-size);flex-shrink:0;overflow:hidden}.aksel-guide svg,.aksel-guide img{width:100%;height:100%}.aksel-guide-panel__content{background-color:var(--ax-bg-raised);border:2px solid var(--ax-border-default);border-radius:var(--ax-radius-12);position:relative}.aksel-guide-panel:is([data-poster=true],[data-responsive=true])>.aksel-guide-panel__content{margin-top:var(--ax-space-20)}.aksel-guide-panel[data-poster=false]>.aksel-guide-panel__content{margin-left:var(--ax-space-20)}@media(min-width:480px){.aksel-guide-panel[data-responsive=true]>.aksel-guide-panel__content{margin-top:0;margin-left:var(--ax-space-20)}}.aksel-guide-panel__content-inner{padding:var(--ax-space-12) var(--ax-space-16);border-radius:var(--ax-radius-12);background-color:var(--ax-bg-raised);height:100%;position:relative}.aksel-guide-panel[data-poster=false] .aksel-guide-panel__content-inner{min-height:var(--__axc-guide-panel-guide-size)}@media(min-width:480px){.aksel-guide-panel__content-inner{padding:var(--ax-space-16) var(--ax-space-20)}.aksel-guide-panel[data-responsive=true] .aksel-guide-panel__content-inner{min-height:var(--__axc-guide-panel-guide-size)}}.aksel-guide-panel__tail{z-index:0;position:absolute}.aksel-guide-panel:is([data-poster=true],[data-responsive=true]) .aksel-guide-panel__tail{left:50%;top:calc(var(--ax-space-16) * -1 - 2px);transform:translate(-25%)}.aksel-guide-panel[data-poster=false] .aksel-guide-panel__tail{top:calc(var(--__axc-guide-panel-guide-size) / 2);left:calc(var(--ax-space-20) * -1 - 2px);transform:translateY(-15%)rotate(-90deg)scaleX(-1)}@media(min-width:480px){.aksel-guide-panel[data-responsive=true] .aksel-guide-panel__tail{top:calc(var(--__axc-guide-panel-guide-size) / 2);left:calc(var(--ax-space-20) * -1 - 2px);transform:translateY(-15%)rotate(-90deg)scaleX(-1)}}}
@@ -1,53 +0,0 @@
1
- @layer aksel.components {
2
- .aksel-help-text__button {
3
- cursor: pointer;
4
- border-radius: var(--ax-radius-full);
5
- color: var(--ax-bg-strong);
6
- padding: calc(var(--ax-space-4) / 2);
7
- background-color: rgba(0, 0, 0, 0);
8
- border: 0;
9
- justify-content: center;
10
- align-items: center;
11
- margin: 0;
12
- font-size: 1.25rem;
13
- display: flex;
14
- }
15
-
16
- .aksel-help-text__icon {
17
- border-radius: var(--ax-radius-full);
18
- }
19
-
20
- .aksel-help-text__popover.aksel-popover {
21
- background-color: var(--ax-bg-moderate);
22
- max-width: min(65ch, calc(100vw - var(--ax-space-24)));
23
- border-radius: var(--ax-radius-8);
24
- border: 1px solid var(--ax-border-default);
25
- }
26
-
27
- .aksel-help-text__icon--filled, .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
28
- display: none;
29
- }
30
-
31
- .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon--filled {
32
- display: inherit;
33
- color: var(--ax-bg-strong-hover);
34
- }
35
-
36
- .aksel-help-text__button[aria-expanded="true"] > .aksel-help-text__icon--filled {
37
- color: var(--ax-bg-strong-pressed);
38
- }
39
-
40
- @media (forced-colors: active) {
41
- .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
42
- display: inherit;
43
- }
44
-
45
- .aksel-help-text__button:hover > .aksel-help-text__icon {
46
- color: highlight;
47
- }
48
-
49
- .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon--filled {
50
- display: none;
51
- }
52
- }
53
- }
@@ -1 +0,0 @@
1
- @layer aksel.components{.aksel-help-text__button{cursor:pointer;border-radius:var(--ax-radius-full);color:var(--ax-bg-strong);padding:calc(var(--ax-space-4) / 2);background-color:#0000;border:0;justify-content:center;align-items:center;margin:0;font-size:1.25rem;display:flex}.aksel-help-text__icon{border-radius:var(--ax-radius-full)}.aksel-help-text__popover.aksel-popover{background-color:var(--ax-bg-moderate);max-width:min(65ch,calc(100vw - var(--ax-space-24)));border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-default)}.aksel-help-text__icon--filled,.aksel-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.aksel-help-text__icon{display:none}.aksel-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.aksel-help-text__icon--filled{display:inherit;color:var(--ax-bg-strong-hover)}.aksel-help-text__button[aria-expanded=true]>.aksel-help-text__icon--filled{color:var(--ax-bg-strong-pressed)}@media(forced-colors:active){.aksel-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.aksel-help-text__icon{display:inherit}.aksel-help-text__button:hover>.aksel-help-text__icon{color:highlight}.aksel-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.aksel-help-text__icon--filled{display:none}}}
@@ -1,17 +0,0 @@
1
- @layer aksel.components {
2
- .aksel-inline-message {
3
- gap: var(--ax-space-4);
4
- color: var(--ax-text-default);
5
- display: flex;
6
- }
7
-
8
- .aksel-inline-message__icon {
9
- color: var(--ax-text-subtle);
10
- flex: none;
11
- font-size: 1.5rem;
12
- }
13
-
14
- .aksel-inline-message[data-size="small"] .aksel-inline-message__icon {
15
- font-size: 1.25rem;
16
- }
17
- }
@@ -1 +0,0 @@
1
- @layer aksel.components{.aksel-inline-message{gap:var(--ax-space-4);color:var(--ax-text-default);display:flex}.aksel-inline-message__icon{color:var(--ax-text-subtle);flex:none;font-size:1.5rem}.aksel-inline-message[data-size=small] .aksel-inline-message__icon{font-size:1.25rem}}
@@ -1,100 +0,0 @@
1
- @layer aksel.components {
2
- .aksel-internalheader {
3
- background: var(--ax-bg-raised);
4
- border-bottom: 1px solid var(--ax-border-neutral-subtleA);
5
- align-self: stretch;
6
- min-height: 3rem;
7
- display: flex;
8
- }
9
-
10
- @media (forced-colors: active) {
11
- .aksel-internalheader {
12
- color: buttontext;
13
- background-color: buttonface;
14
- border: 1px solid buttontext;
15
- }
16
- }
17
-
18
- .aksel-internalheader__title {
19
- font: inherit;
20
- font-weight: var(--ax-font-weight-bold);
21
- text-align: left;
22
- padding-block: 0;
23
- padding-inline: var(--ax-space-24) var(--ax-space-20);
24
- border: none;
25
- border-right: 1px solid var(--ax-border-neutral-subtleA);
26
- color: var(--ax-text-neutral);
27
- background: none;
28
- align-items: center;
29
- margin: 0;
30
- line-height: normal;
31
- text-decoration: none;
32
- display: flex;
33
- overflow: visible;
34
- }
35
-
36
- .aksel-internalheader__title:is(button) {
37
- cursor: pointer;
38
- }
39
-
40
- .aksel-internalheader__title:hover {
41
- background: var(--ax-bg-neutral-moderate-hoverA);
42
- }
43
-
44
- .aksel-internalheader__title:is(:hover, :active):not(button, a) {
45
- background: initial;
46
- }
47
-
48
- .aksel-internalheader__user {
49
- padding: 0 var(--ax-space-20);
50
- border-left: 1px solid var(--ax-border-neutral-subtleA);
51
- align-items: center;
52
- display: flex;
53
- }
54
-
55
- .aksel-internalheader__button {
56
- padding: 0 var(--ax-space-12);
57
- font: inherit;
58
- cursor: pointer;
59
- text-align: left;
60
- justify-self: center;
61
- align-items: center;
62
- gap: var(--ax-space-8);
63
- border: none;
64
- border-left: 1px solid var(--ax-border-neutral-subtleA);
65
- color: var(--ax-text-neutral);
66
- background: none;
67
- margin: 0;
68
- line-height: normal;
69
- display: flex;
70
- overflow: visible;
71
- }
72
-
73
- .aksel-internalheader__button:hover {
74
- background: var(--ax-bg-neutral-moderate-hoverA);
75
- }
76
-
77
- @media (forced-colors: active) {
78
- .aksel-internalheader__button:hover {
79
- color: highlight;
80
- isolation: isolate;
81
- background-color: highlighttext;
82
- border-color: highlight;
83
- outline: 1px solid highlight;
84
- }
85
- }
86
-
87
- :is(.aksel-internalheader__title, .aksel-internalheader__button):focus-visible {
88
- outline: 3px solid var(--ax-border-focus);
89
- outline-offset: -4px;
90
- }
91
-
92
- :is(.aksel-internalheader__title, .aksel-internalheader__button):active {
93
- background: var(--ax-bg-neutral-moderate-pressedA);
94
- }
95
-
96
- .aksel-internalheader__user-button {
97
- padding-left: var(--ax-space-20);
98
- gap: var(--ax-space-16);
99
- }
100
- }
@@ -1 +0,0 @@
1
- @layer aksel.components{.aksel-internalheader{background:var(--ax-bg-raised);border-bottom:1px solid var(--ax-border-neutral-subtleA);align-self:stretch;min-height:3rem;display:flex}@media(forced-colors:active){.aksel-internalheader{color:buttontext;background-color:buttonface;border:1px solid buttontext}}.aksel-internalheader__title{font:inherit;font-weight:var(--ax-font-weight-bold);text-align:left;padding-block:0;padding-inline:var(--ax-space-24) var(--ax-space-20);border:none;border-right:1px solid var(--ax-border-neutral-subtleA);color:var(--ax-text-neutral);background:none;align-items:center;margin:0;line-height:normal;text-decoration:none;display:flex;overflow:visible}.aksel-internalheader__title:is(button){cursor:pointer}.aksel-internalheader__title:hover{background:var(--ax-bg-neutral-moderate-hoverA)}.aksel-internalheader__title:is(:hover,:active):not(button,a){background:initial}.aksel-internalheader__user{padding:0 var(--ax-space-20);border-left:1px solid var(--ax-border-neutral-subtleA);align-items:center;display:flex}.aksel-internalheader__button{padding:0 var(--ax-space-12);font:inherit;cursor:pointer;text-align:left;justify-self:center;align-items:center;gap:var(--ax-space-8);border:none;border-left:1px solid var(--ax-border-neutral-subtleA);color:var(--ax-text-neutral);background:none;margin:0;line-height:normal;display:flex;overflow:visible}.aksel-internalheader__button:hover{background:var(--ax-bg-neutral-moderate-hoverA)}@media(forced-colors:active){.aksel-internalheader__button:hover{color:highlight;isolation:isolate;background-color:highlighttext;border-color:highlight;outline:1px solid highlight}}:is(.aksel-internalheader__title,.aksel-internalheader__button):focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-4px}:is(.aksel-internalheader__title,.aksel-internalheader__button):active{background:var(--ax-bg-neutral-moderate-pressedA)}.aksel-internalheader__user-button{padding-left:var(--ax-space-20);gap:var(--ax-space-16)}}
@@ -1,57 +0,0 @@
1
- @layer aksel.components {
2
- .aksel-link {
3
- color: var(--ax-text-subtle);
4
- align-items: center;
5
- gap: var(--ax-space-2);
6
- text-underline-offset: .1em;
7
- text-decoration: underline;
8
- text-decoration-thickness: .05em;
9
- display: inline-flex;
10
- }
11
-
12
- .aksel-link:hover, .aksel-link:active {
13
- text-decoration-thickness: .111em;
14
- }
15
-
16
- .aksel-link:focus-visible {
17
- outline: 3px solid var(--ax-border-focus);
18
- outline-offset: 3px;
19
- border-radius: 1px;
20
- }
21
-
22
- .aksel-link[data-color="neutral"] {
23
- color: var(--ax-text-default);
24
- }
25
-
26
- .aksel-link[data-variant="subtle"] {
27
- color: var(--ax-text-subtle);
28
- }
29
-
30
- .aksel-link.aksel-link--inline-text {
31
- display: inline;
32
- }
33
-
34
- .aksel-link.aksel-link--inline-text > svg {
35
- vertical-align: baseline;
36
- margin: .1em .1em -.1em;
37
- display: inline;
38
- transform: translateY(.05em);
39
- }
40
-
41
- .aksel-link.aksel-link--remove-underline {
42
- text-decoration: none;
43
- }
44
-
45
- .aksel-link.aksel-link--remove-underline:hover {
46
- text-decoration: underline;
47
- }
48
-
49
- .aksel-link svg {
50
- color: inherit;
51
- flex-shrink: 0;
52
- }
53
-
54
- :is(.aksel-alert:not(.aksel-alert--inline), .aksel-confirmation-panel) .aksel-link {
55
- color: var(--ax-text-default);
56
- }
57
- }
@@ -1 +0,0 @@
1
- @layer aksel.components{.aksel-link{color:var(--ax-text-subtle);align-items:center;gap:var(--ax-space-2);text-underline-offset:.1em;text-decoration:underline;text-decoration-thickness:.05em;display:inline-flex}.aksel-link:hover,.aksel-link:active{text-decoration-thickness:.111em}.aksel-link:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-radius:1px}.aksel-link[data-color=neutral]{color:var(--ax-text-default)}.aksel-link[data-variant=subtle]{color:var(--ax-text-subtle)}.aksel-link.aksel-link--inline-text{display:inline}.aksel-link.aksel-link--inline-text>svg{vertical-align:baseline;margin:.1em .1em -.1em;display:inline;transform:translateY(.05em)}.aksel-link.aksel-link--remove-underline{text-decoration:none}.aksel-link.aksel-link--remove-underline:hover{text-decoration:underline}.aksel-link svg{color:inherit;flex-shrink:0}:is(.aksel-alert:not(.aksel-alert--inline),.aksel-confirmation-panel) .aksel-link{color:var(--ax-text-default)}}
@@ -1,52 +0,0 @@
1
- @layer aksel.components {
2
- .aksel-link-anchor__overlay {
3
- cursor: pointer;
4
- }
5
-
6
- .aksel-link-anchor__overlay:focus-within {
7
- outline: 3px solid var(--ax-border-focus);
8
- outline-offset: 3px;
9
- }
10
-
11
- @supports selector(:has(*)) {
12
- .aksel-link-anchor__overlay:focus-within {
13
- outline: unset;
14
- }
15
-
16
- .aksel-link-anchor__overlay:has(:focus-visible) {
17
- outline: 3px solid var(--ax-border-focus);
18
- outline-offset: 3px;
19
- }
20
- }
21
-
22
- .aksel-link-anchor {
23
- text-underline-offset: .1em;
24
- color: inherit;
25
- text-decoration: underline;
26
- text-decoration-thickness: .05em;
27
- }
28
-
29
- .aksel-link-anchor:hover, .aksel-link-anchor__overlay:hover .aksel-link-anchor {
30
- text-decoration-thickness: .111em;
31
- }
32
-
33
- .aksel-link-anchor:focus-visible {
34
- outline: 3px solid var(--ax-border-focus);
35
- outline-offset: 3px;
36
- border-radius: 1px;
37
- }
38
-
39
- .aksel-link-anchor__overlay .aksel-link-anchor:focus-visible {
40
- outline: none;
41
- }
42
-
43
- .aksel-link-anchor__arrow {
44
- flex-shrink: 0;
45
- transition: transform .2s;
46
- transform: translateX(0);
47
- }
48
-
49
- .aksel-link-anchor:hover .aksel-link-anchor__arrow, .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
50
- transform: translateX(4px);
51
- }
52
- }
@@ -1 +0,0 @@
1
- @layer aksel.components{.aksel-link-anchor__overlay{cursor:pointer}.aksel-link-anchor__overlay:focus-within{outline:3px solid var(--ax-border-focus);outline-offset:3px}@supports selector(:has(*)){.aksel-link-anchor__overlay:focus-within{outline:unset}.aksel-link-anchor__overlay:has(:focus-visible){outline:3px solid var(--ax-border-focus);outline-offset:3px}}.aksel-link-anchor{text-underline-offset:.1em;color:inherit;text-decoration:underline;text-decoration-thickness:.05em}.aksel-link-anchor:hover,.aksel-link-anchor__overlay:hover .aksel-link-anchor{text-decoration-thickness:.111em}.aksel-link-anchor:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-radius:1px}.aksel-link-anchor__overlay .aksel-link-anchor:focus-visible{outline:none}.aksel-link-anchor__arrow{flex-shrink:0;transition:transform .2s;transform:translate(0)}.aksel-link-anchor:hover .aksel-link-anchor__arrow,.aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow{transform:translate(4px)}}
@@ -1,124 +0,0 @@
1
- @layer aksel.components {
2
- .aksel-link-card {
3
- --__axc-link-card-padding-block: var(--ax-space-16);
4
- --__axc-link-card-padding-inline: var(--ax-space-20);
5
- border-radius: var(--ax-border-radius-xlarge);
6
- color: var(--ax-text-neutral);
7
- background-color: var(--ax-bg-raised);
8
- border: 1px solid var(--ax-border-subtleA);
9
- padding: var(--__axc-link-card-padding-block) var(--__axc-link-card-padding-inline);
10
- cursor: pointer;
11
- grid-template: "image image image" min-content
12
- "icon title arrow" min-content
13
- "icon description arrow" min-content
14
- "icon footer arrow"
15
- / auto 1fr;
16
- align-items: center;
17
- text-decoration: none;
18
- transition-property: border-color, box-shadow, transform, background-color;
19
- transition-duration: .3s;
20
- transition-timing-function: cubic-bezier(0, 0, 0, 1);
21
- display: grid;
22
- position: relative;
23
- }
24
-
25
- .aksel-link-card[data-align-arrow="baseline"] {
26
- grid-template-areas: "image image image"
27
- "icon title arrow"
28
- "icon description description"
29
- "icon footer footer";
30
- }
31
-
32
- .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) {
33
- grid-template-rows: auto 1fr;
34
- }
35
-
36
- .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__title {
37
- align-items: center;
38
- }
39
-
40
- .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon, .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer))[data-align-arrow="baseline"] .aksel-link-card__arrow {
41
- align-self: center;
42
- }
43
-
44
- .aksel-link-card:hover {
45
- border-color: var(--ax-border-default);
46
- box-shadow: 0 0 0 1px var(--ax-border-default);
47
- }
48
-
49
- .aksel-link-card--small {
50
- --__axc-link-card-padding-block: var(--ax-space-12);
51
- --__axc-link-card-padding-inline: var(--ax-space-16);
52
- }
53
-
54
- .aksel-link-card__title {
55
- color: var(--ax-text-subtle);
56
- -webkit-hyphens: auto;
57
- hyphens: auto;
58
- grid-area: title;
59
- }
60
-
61
- .aksel-link-card[data-color="neutral"] .aksel-link-card__title, .aksel-link-card__title[data-color="neutral"] {
62
- color: var(--ax-text-default);
63
- }
64
-
65
- .aksel-link-card__description {
66
- grid-area: description;
67
- margin-block-start: var(--ax-space-4);
68
- }
69
-
70
- .aksel-link-card__footer {
71
- align-self: flex-end;
72
- gap: var(--ax-space-8);
73
- flex-wrap: wrap;
74
- grid-area: footer;
75
- margin-block-start: var(--ax-space-16);
76
- display: flex;
77
- }
78
-
79
- .aksel-link-card__icon {
80
- width: max-content;
81
- height: max-content;
82
- color: var(--ax-text-default);
83
- grid-area: icon;
84
- place-content: center;
85
- align-self: flex-start;
86
- margin-inline-end: var(--ax-space-16);
87
- display: grid;
88
- }
89
-
90
- .aksel-link-card--small .aksel-link-card__icon {
91
- margin-inline-end: var(--ax-space-12);
92
- }
93
-
94
- .aksel-link-card__image-container {
95
- margin-block: calc(var(--__axc-link-card-padding-block) * -1) var(--__axc-link-card-padding-block);
96
- margin-inline: calc(var(--__axc-link-card-padding-inline) * 1 * -1);
97
- border-radius: calc(var(--ax-border-radius-xlarge) - 1px);
98
- border-bottom-right-radius: 0;
99
- border-bottom-left-radius: 0;
100
- grid-area: image;
101
- position: relative;
102
- overflow: hidden;
103
- }
104
-
105
- .aksel-link-card__image-container :is(img, picture) {
106
- object-fit: cover;
107
- max-width: 100%;
108
- height: 100%;
109
- display: block;
110
- }
111
-
112
- .aksel-link-card__arrow {
113
- grid-area: arrow;
114
- margin-inline-start: var(--ax-space-8);
115
- }
116
-
117
- .aksel-link-card[data-align-arrow="baseline"] .aksel-link-card__arrow {
118
- align-self: baseline;
119
- }
120
-
121
- .aksel-link-card[data-align-arrow="center"] .aksel-link-card__arrow {
122
- align-self: center;
123
- }
124
- }
@@ -1 +0,0 @@
1
- @layer aksel.components{.aksel-link-card{--__axc-link-card-padding-block: var(--ax-space-16);--__axc-link-card-padding-inline: var(--ax-space-20);border-radius:var(--ax-border-radius-xlarge);color:var(--ax-text-neutral);background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-subtleA);padding:var(--__axc-link-card-padding-block) var(--__axc-link-card-padding-inline);cursor:pointer;grid-template:"image image image" min-content "icon title arrow" min-content "icon description arrow" min-content "icon footer arrow" / auto 1fr;align-items:center;text-decoration:none;transition-property:border-color,box-shadow,transform,background-color;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,0,1);display:grid;position:relative}.aksel-link-card[data-align-arrow=baseline]{grid-template-areas:"image image image" "icon title arrow" "icon description description" "icon footer footer"}.aksel-link-card:not(:has(.aksel-link-card__description,.aksel-link-card__footer)){grid-template-rows:auto 1fr}.aksel-link-card:not(:has(.aksel-link-card__description,.aksel-link-card__footer)) .aksel-link-card__title{align-items:center}.aksel-link-card:not(:has(.aksel-link-card__description,.aksel-link-card__footer)) .aksel-link-card__icon,.aksel-link-card:not(:has(.aksel-link-card__description,.aksel-link-card__footer))[data-align-arrow=baseline] .aksel-link-card__arrow{align-self:center}.aksel-link-card:hover{border-color:var(--ax-border-default);box-shadow:0 0 0 1px var(--ax-border-default)}.aksel-link-card--small{--__axc-link-card-padding-block: var(--ax-space-12);--__axc-link-card-padding-inline: var(--ax-space-16)}.aksel-link-card__title{color:var(--ax-text-subtle);-webkit-hyphens:auto;hyphens:auto;grid-area:title}.aksel-link-card[data-color=neutral] .aksel-link-card__title,.aksel-link-card__title[data-color=neutral]{color:var(--ax-text-default)}.aksel-link-card__description{grid-area:description;margin-block-start:var(--ax-space-4)}.aksel-link-card__footer{align-self:flex-end;gap:var(--ax-space-8);flex-wrap:wrap;grid-area:footer;margin-block-start:var(--ax-space-16);display:flex}.aksel-link-card__icon{width:max-content;height:max-content;color:var(--ax-text-default);grid-area:icon;place-content:center;align-self:flex-start;margin-inline-end:var(--ax-space-16);display:grid}.aksel-link-card--small .aksel-link-card__icon{margin-inline-end:var(--ax-space-12)}.aksel-link-card__image-container{margin-block:calc(var(--__axc-link-card-padding-block) * -1) var(--__axc-link-card-padding-block);margin-inline:calc(var(--__axc-link-card-padding-inline) * 1 * -1);border-radius:calc(var(--ax-border-radius-xlarge) - 1px);border-bottom-right-radius:0;border-bottom-left-radius:0;grid-area:image;position:relative;overflow:hidden}.aksel-link-card__image-container :is(img,picture){object-fit:cover;max-width:100%;height:100%;display:block}.aksel-link-card__arrow{grid-area:arrow;margin-inline-start:var(--ax-space-8)}.aksel-link-card[data-align-arrow=baseline] .aksel-link-card__arrow{align-self:baseline}.aksel-link-card[data-align-arrow=center] .aksel-link-card__arrow{align-self:center}}