@navikt/ds-css 7.22.0 → 7.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (225) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/darkside/accordion.darkside.css +6 -6
  3. package/darkside/action-menu.darkside.css +2 -2
  4. package/darkside/alert.darkside.css +6 -37
  5. package/darkside/button.darkside.css +84 -173
  6. package/darkside/chat.darkside.css +18 -19
  7. package/darkside/chips.darkside.css +12 -46
  8. package/darkside/date.darkside.css +9 -9
  9. package/darkside/dropdown.darkside.css +2 -2
  10. package/darkside/expansioncard.darkside.css +11 -7
  11. package/darkside/form/combobox.darkside.css +7 -7
  12. package/darkside/form/file-upload.darkside.css +10 -10
  13. package/darkside/form/form-summary.darkside.css +3 -3
  14. package/darkside/form/radio-checkbox.darkside.css +7 -27
  15. package/darkside/form/search.darkside.css +2 -2
  16. package/darkside/form/select.darkside.css +3 -3
  17. package/darkside/form/switch.darkside.css +14 -25
  18. package/darkside/form/text-field.darkside.css +2 -2
  19. package/darkside/form/textarea.darkside.css +2 -2
  20. package/darkside/guide-panel.darkside.css +2 -2
  21. package/darkside/help-text.darkside.css +5 -5
  22. package/darkside/link.darkside.css +10 -14
  23. package/darkside/list.darkside.css +8 -11
  24. package/darkside/loader.darkside.css +8 -26
  25. package/darkside/pagination.darkside.css +0 -5
  26. package/darkside/progress-bar.darkside.css +1 -1
  27. package/darkside/read-more.darkside.css +4 -4
  28. package/darkside/stepper.darkside.css +10 -10
  29. package/darkside/table.darkside.css +8 -8
  30. package/darkside/tabs.darkside.css +5 -7
  31. package/darkside/tag.darkside.css +27 -84
  32. package/darkside/timeline.darkside.css +14 -86
  33. package/darkside/toggle-group.darkside.css +3 -15
  34. package/darkside/typography.darkside.css +18 -0
  35. package/dist/component/alert.min.css +1 -1
  36. package/dist/component/chat.min.css +1 -1
  37. package/dist/component/date.min.css +1 -1
  38. package/dist/component/expansioncard.min.css +1 -1
  39. package/dist/component/form.min.css +1 -1
  40. package/dist/component/list.css +8 -12
  41. package/dist/component/list.min.css +1 -1
  42. package/dist/component/modal.min.css +1 -1
  43. package/dist/component/primitives.min.css +1 -1
  44. package/dist/component/skeleton.min.css +1 -1
  45. package/dist/component/stepper.min.css +1 -1
  46. package/dist/component/tabs.min.css +1 -1
  47. package/dist/component/tag.min.css +1 -1
  48. package/dist/component/timeline.min.css +1 -1
  49. package/dist/component/togglegroup.min.css +1 -1
  50. package/dist/components.css +8 -12
  51. package/dist/components.min.css +3 -3
  52. package/dist/darkside/component/accordion.css +6 -6
  53. package/dist/darkside/component/accordion.min.css +1 -1
  54. package/dist/darkside/component/actionmenu.css +2 -2
  55. package/dist/darkside/component/actionmenu.min.css +1 -1
  56. package/dist/darkside/component/alert.css +6 -36
  57. package/dist/darkside/component/alert.min.css +1 -1
  58. package/dist/darkside/component/button.css +70 -134
  59. package/dist/darkside/component/button.min.css +1 -1
  60. package/dist/darkside/component/chat.css +15 -12
  61. package/dist/darkside/component/chat.min.css +1 -1
  62. package/dist/darkside/component/chips.css +16 -50
  63. package/dist/darkside/component/chips.min.css +1 -1
  64. package/dist/darkside/component/date.css +9 -9
  65. package/dist/darkside/component/date.min.css +1 -1
  66. package/dist/darkside/component/dropdown.css +2 -2
  67. package/dist/darkside/component/dropdown.min.css +1 -1
  68. package/dist/darkside/component/expansioncard.css +11 -7
  69. package/dist/darkside/component/expansioncard.min.css +1 -1
  70. package/dist/darkside/component/form.css +49 -74
  71. package/dist/darkside/component/form.min.css +1 -1
  72. package/dist/darkside/component/guidepanel.css +2 -2
  73. package/dist/darkside/component/guidepanel.min.css +1 -1
  74. package/dist/darkside/component/helptext.css +5 -5
  75. package/dist/darkside/component/helptext.min.css +1 -1
  76. package/dist/darkside/component/link.css +10 -14
  77. package/dist/darkside/component/link.min.css +1 -1
  78. package/dist/darkside/component/list.css +8 -22
  79. package/dist/darkside/component/list.min.css +1 -1
  80. package/dist/darkside/component/loader.css +8 -20
  81. package/dist/darkside/component/loader.min.css +1 -1
  82. package/dist/darkside/component/pagination.css +0 -5
  83. package/dist/darkside/component/pagination.min.css +1 -1
  84. package/dist/darkside/component/progressbar.css +1 -1
  85. package/dist/darkside/component/progressbar.min.css +1 -1
  86. package/dist/darkside/component/readmore.css +4 -4
  87. package/dist/darkside/component/readmore.min.css +1 -1
  88. package/dist/darkside/component/stepper.css +10 -10
  89. package/dist/darkside/component/stepper.min.css +1 -1
  90. package/dist/darkside/component/table.css +8 -8
  91. package/dist/darkside/component/table.min.css +1 -1
  92. package/dist/darkside/component/tabs.css +2 -2
  93. package/dist/darkside/component/tabs.min.css +1 -1
  94. package/dist/darkside/component/tag.css +28 -74
  95. package/dist/darkside/component/tag.min.css +1 -1
  96. package/dist/darkside/component/timeline.css +15 -87
  97. package/dist/darkside/component/timeline.min.css +1 -1
  98. package/dist/darkside/component/togglegroup.css +3 -12
  99. package/dist/darkside/component/togglegroup.min.css +1 -1
  100. package/dist/darkside/component/typography.css +16 -0
  101. package/dist/darkside/component/typography.min.css +1 -1
  102. package/dist/darkside/components.css +305 -597
  103. package/dist/darkside/components.min.css +1 -1
  104. package/dist/darkside/global/tokens.css +825 -825
  105. package/dist/darkside/global/tokens.min.css +1 -1
  106. package/dist/darkside/index.css +1134 -1426
  107. package/dist/darkside/index.min.css +1 -1
  108. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/accordion.css +6 -6
  109. package/dist/darkside/version/7.23.0/component/accordion.min.css +1 -0
  110. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/actionmenu.css +2 -2
  111. package/dist/darkside/version/7.23.0/component/actionmenu.min.css +1 -0
  112. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/alert.css +6 -36
  113. package/dist/darkside/version/7.23.0/component/alert.min.css +1 -0
  114. package/dist/darkside/version/7.23.0/component/button.css +208 -0
  115. package/dist/darkside/version/7.23.0/component/button.min.css +1 -0
  116. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/chat.css +15 -12
  117. package/dist/darkside/version/7.23.0/component/chat.min.css +1 -0
  118. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/chips.css +16 -50
  119. package/dist/darkside/version/7.23.0/component/chips.min.css +1 -0
  120. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/date.css +9 -9
  121. package/dist/darkside/version/7.23.0/component/date.min.css +1 -0
  122. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/dropdown.css +2 -2
  123. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/dropdown.min.css +1 -1
  124. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/expansioncard.css +11 -7
  125. package/dist/darkside/version/7.23.0/component/expansioncard.min.css +1 -0
  126. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/form.css +49 -74
  127. package/dist/darkside/version/7.23.0/component/form.min.css +1 -0
  128. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/guidepanel.css +2 -2
  129. package/dist/darkside/version/7.23.0/component/guidepanel.min.css +1 -0
  130. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/helptext.css +5 -5
  131. package/dist/darkside/version/7.23.0/component/helptext.min.css +1 -0
  132. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/link.css +10 -14
  133. package/dist/darkside/version/7.23.0/component/link.min.css +1 -0
  134. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/list.css +8 -22
  135. package/dist/darkside/version/7.23.0/component/list.min.css +1 -0
  136. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/loader.css +8 -20
  137. package/dist/darkside/version/7.23.0/component/loader.min.css +1 -0
  138. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/pagination.css +0 -5
  139. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/pagination.min.css +1 -1
  140. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/progressbar.css +1 -1
  141. package/dist/darkside/version/7.23.0/component/progressbar.min.css +1 -0
  142. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/readmore.css +4 -4
  143. package/dist/darkside/version/7.23.0/component/readmore.min.css +1 -0
  144. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/stepper.css +10 -10
  145. package/dist/darkside/version/7.23.0/component/stepper.min.css +1 -0
  146. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/table.css +8 -8
  147. package/dist/darkside/version/7.23.0/component/table.min.css +1 -0
  148. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/tabs.css +2 -2
  149. package/dist/darkside/version/7.23.0/component/tabs.min.css +1 -0
  150. package/dist/darkside/version/7.23.0/component/tag.css +83 -0
  151. package/dist/darkside/version/7.23.0/component/tag.min.css +1 -0
  152. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/timeline.css +15 -87
  153. package/dist/darkside/version/7.23.0/component/timeline.min.css +1 -0
  154. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/togglegroup.css +3 -12
  155. package/dist/darkside/version/7.23.0/component/togglegroup.min.css +1 -0
  156. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/typography.css +16 -0
  157. package/dist/darkside/version/{7.22.0 → 7.23.0}/component/typography.min.css +1 -1
  158. package/dist/darkside/version/{7.22.0 → 7.23.0}/components.css +305 -597
  159. package/dist/darkside/version/7.23.0/components.min.css +1 -0
  160. package/dist/darkside/version/{7.22.0 → 7.23.0}/global/tokens.css +825 -825
  161. package/dist/darkside/version/7.23.0/global/tokens.min.css +1 -0
  162. package/dist/darkside/version/{7.22.0 → 7.23.0}/index.css +1134 -1426
  163. package/dist/darkside/version/7.23.0/index.min.css +1 -0
  164. package/dist/global/baseline.min.css +1 -1
  165. package/dist/global/tokens.css +329 -329
  166. package/dist/global/tokens.min.css +1 -1
  167. package/dist/index.css +337 -341
  168. package/dist/index.min.css +4 -4
  169. package/list.css +8 -11
  170. package/package.json +4 -4
  171. package/dist/darkside/version/7.22.0/component/accordion.min.css +0 -1
  172. package/dist/darkside/version/7.22.0/component/actionmenu.min.css +0 -1
  173. package/dist/darkside/version/7.22.0/component/alert.min.css +0 -1
  174. package/dist/darkside/version/7.22.0/component/button.css +0 -272
  175. package/dist/darkside/version/7.22.0/component/button.min.css +0 -1
  176. package/dist/darkside/version/7.22.0/component/chat.min.css +0 -1
  177. package/dist/darkside/version/7.22.0/component/chips.min.css +0 -1
  178. package/dist/darkside/version/7.22.0/component/date.min.css +0 -1
  179. package/dist/darkside/version/7.22.0/component/expansioncard.min.css +0 -1
  180. package/dist/darkside/version/7.22.0/component/form.min.css +0 -1
  181. package/dist/darkside/version/7.22.0/component/guidepanel.min.css +0 -1
  182. package/dist/darkside/version/7.22.0/component/helptext.min.css +0 -1
  183. package/dist/darkside/version/7.22.0/component/link.min.css +0 -1
  184. package/dist/darkside/version/7.22.0/component/list.min.css +0 -1
  185. package/dist/darkside/version/7.22.0/component/loader.min.css +0 -1
  186. package/dist/darkside/version/7.22.0/component/progressbar.min.css +0 -1
  187. package/dist/darkside/version/7.22.0/component/readmore.min.css +0 -1
  188. package/dist/darkside/version/7.22.0/component/stepper.min.css +0 -1
  189. package/dist/darkside/version/7.22.0/component/table.min.css +0 -1
  190. package/dist/darkside/version/7.22.0/component/tabs.min.css +0 -1
  191. package/dist/darkside/version/7.22.0/component/tag.css +0 -129
  192. package/dist/darkside/version/7.22.0/component/tag.min.css +0 -1
  193. package/dist/darkside/version/7.22.0/component/timeline.min.css +0 -1
  194. package/dist/darkside/version/7.22.0/component/togglegroup.min.css +0 -1
  195. package/dist/darkside/version/7.22.0/components.min.css +0 -1
  196. package/dist/darkside/version/7.22.0/global/tokens.min.css +0 -1
  197. package/dist/darkside/version/7.22.0/index.min.css +0 -1
  198. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/copybutton.css +0 -0
  199. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/copybutton.min.css +0 -0
  200. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/internalheader.css +0 -0
  201. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/internalheader.min.css +0 -0
  202. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/linkpanel.css +0 -0
  203. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/linkpanel.min.css +0 -0
  204. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/modal.css +0 -0
  205. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/modal.min.css +0 -0
  206. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/panel.css +0 -0
  207. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/panel.min.css +0 -0
  208. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/popover.css +0 -0
  209. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/popover.min.css +0 -0
  210. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/primitives.css +0 -0
  211. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/primitives.min.css +0 -0
  212. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/skeleton.css +0 -0
  213. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/skeleton.min.css +0 -0
  214. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/theme.css +0 -0
  215. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/theme.min.css +0 -0
  216. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/tooltip.css +0 -0
  217. /package/dist/darkside/version/{7.22.0 → 7.23.0}/component/tooltip.min.css +0 -0
  218. /package/dist/darkside/version/{7.22.0 → 7.23.0}/global/baseline.css +0 -0
  219. /package/dist/darkside/version/{7.22.0 → 7.23.0}/global/baseline.min.css +0 -0
  220. /package/dist/darkside/version/{7.22.0 → 7.23.0}/global/fonts.css +0 -0
  221. /package/dist/darkside/version/{7.22.0 → 7.23.0}/global/fonts.min.css +0 -0
  222. /package/dist/darkside/version/{7.22.0 → 7.23.0}/global/print.css +0 -0
  223. /package/dist/darkside/version/{7.22.0 → 7.23.0}/global/print.min.css +0 -0
  224. /package/dist/darkside/version/{7.22.0 → 7.23.0}/global/reset.css +0 -0
  225. /package/dist/darkside/version/{7.22.0 → 7.23.0}/global/reset.min.css +0 -0
@@ -0,0 +1 @@
1
+ @layer aksel.components{.aksel-expansioncard{--__axc-expansioncard-border-radius: calc(var(--ax-radius-12) - 1px);--__axc-expansioncard-padding-block: var(--ax-space-20);--__axc-expansioncard-padding-inline: var(--ax-space-20);border-radius:var(--ax-radius-12);background-color:var(--ax-bg-softA);border:1px solid var(--ax-border-default);height:fit-content}.aksel-expansioncard[data-color=neutral]{background-color:var(--ax-bg-raised)}.aksel-expansioncard:has(.aksel-expansioncard__header:hover){box-shadow:0 0 0 1px var(--ax-border-strong);border-color:var(--ax-border-strong)}.aksel-expansioncard--small{--__axc-expansioncard-padding-inline: var(--ax-space-16);--__axc-expansioncard-padding-block: var(--ax-space-16)}.aksel-expansioncard--small>.aksel-expansioncard__header .aksel-expansioncard__title--small{margin-top:var(--ax-space-2)}.aksel-expansioncard--small :is(.aksel-expansioncard__title--medium,.aksel-expansioncard__title--large){margin-top:0}.aksel-expansioncard--small>.aksel-expansioncard__header>.aksel-expansioncard__header-button{min-width:2rem;min-height:2rem}.aksel-expansioncard__header{gap:var(--ax-space-16);width:100%;padding:var(--__axc-expansioncard-padding-block) var(--__axc-expansioncard-padding-inline);border-radius:var(--__axc-expansioncard-border-radius);background-color:#0000;justify-content:space-between;display:flex;position:relative}.aksel-expansioncard__header:hover{background-color:var(--ax-bg-moderate-hoverA)}.aksel-expansioncard__header[data-open=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.aksel-expansioncard__header[data-open=true]:after{content:"";background-color:var(--ax-border-subtleA);bottom:0;left:var(--__axc-expansioncard-padding-inline);height:1px;width:calc(100% - 2 * var(--__axc-expansioncard-padding-inline));opacity:1;position:absolute}.aksel-expansioncard__header[data-open=true]:hover:after{opacity:0}.aksel-expansioncard__title--small{margin-top:.625rem}.aksel-expansioncard__title--medium{margin-top:var(--ax-space-8)}.aksel-expansioncard__title--large{margin-top:var(--ax-space-4)}.aksel-expansioncard__header-button{cursor:pointer;border-radius:var(--ax-radius-8);background:none;border:none;place-content:center;align-self:flex-start;min-width:3rem;min-height:3rem;margin:0;font-size:1.5rem;display:grid}.aksel-expansioncard__header-button:focus-visible{outline:3px solid var(--ax-border-focus)}.aksel-expansioncard__header-button:after{z-index:1;content:"";cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.aksel-expansioncard__header:hover>.aksel-expansioncard__header-button{background-color:var(--ax-bg-moderate-hoverA)}.aksel-expansioncard__header-chevron{transition:transform .25s cubic-bezier(.2,0,0,1)}.aksel-expansioncard__header[data-open=true] .aksel-expansioncard__header-chevron{transform:rotateX(-180deg)}.aksel-expansioncard__header[data-open=false] .aksel-expansioncard__header-chevron{transition-duration:.4s}.aksel-expansioncard__content{padding-inline:var(--__axc-expansioncard-padding-inline);visibility:hidden;border-end-end-radius:var(--__axc-expansioncard-border-radius);border-end-start-radius:var(--__axc-expansioncard-border-radius);grid-template-rows:0fr;padding-block:0;transition-property:visibility,padding-block,grid-template-rows;transition-duration:.25s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;overflow:hidden}.aksel-expansioncard__content[data-open=true]{visibility:visible;padding-block:var(--__axc-expansioncard-padding-block);grid-template-rows:1fr}.aksel-expansioncard__content[data-open=true] .aksel-expansioncard__content-inner{opacity:1}.aksel-expansioncard__content-inner{opacity:0;min-height:0;transition:opacity .25s cubic-bezier(.2,0,0,1)}.aksel-expansioncard--no-animation :is(.aksel-expansioncard__content,.aksel-expansioncard__content-inner){transition:none}}
@@ -64,17 +64,17 @@
64
64
  }
65
65
 
66
66
  .aksel-dropzone__area:hover:not([data-disabled="true"]) {
67
- border-color: var(--ax-border-accent-strong);
67
+ border-color: var(--ax-border-strong);
68
68
  }
69
69
 
70
70
  .aksel-dropzone__area:hover:not([data-disabled="true"]) > .aksel-dropzone__area-button {
71
- background-color: var(--ax-bg-accent-moderate-hover);
72
- box-shadow: inset 0 0 0 2px var(--ax-bg-accent-strong-hover);
71
+ background-color: var(--ax-bg-moderate-hover);
72
+ box-shadow: inset 0 0 0 2px var(--ax-bg-strong-hover);
73
73
  }
74
74
 
75
75
  .aksel-dropzone__area:active:not([data-disabled="true"]) > .aksel-dropzone__area-button {
76
- background-color: var(--ax-bg-accent-strong-pressed);
77
- color: var(--ax-text-accent-contrast);
76
+ background-color: var(--ax-bg-strong-pressed);
77
+ color: var(--ax-text-contrast);
78
78
  box-shadow: none;
79
79
  }
80
80
 
@@ -89,10 +89,10 @@
89
89
  }
90
90
 
91
91
  .aksel-dropzone--dragging > .aksel-dropzone__area:after {
92
- color: var(--ax-text-accent);
93
- background-color: var(--ax-bg-accent-moderateA);
92
+ color: var(--ax-text-default);
93
+ background-color: var(--ax-bg-moderateA);
94
94
  content: "";
95
- border: 1px dashed var(--ax-border-accent-strong);
95
+ border: 1px dashed var(--ax-border-strong);
96
96
  -webkit-backdrop-filter: blur(8px);
97
97
  backdrop-filter: blur(8px);
98
98
  border-radius: var(--ax-radius-12);
@@ -115,7 +115,7 @@
115
115
  }
116
116
 
117
117
  100% {
118
- background-color: var(--ax-bg-accent-moderateA);
118
+ background-color: var(--ax-bg-moderateA);
119
119
  }
120
120
  }
121
121
 
@@ -164,7 +164,7 @@
164
164
  }
165
165
 
166
166
  .aksel-dropzone--dragging .aksel-dropzone__area-release {
167
- color: var(--ax-text-accent-subtle);
167
+ color: var(--ax-text-subtle);
168
168
  top: 50%;
169
169
  transform: translateY(-50%);
170
170
  }
@@ -471,13 +471,13 @@
471
471
  }
472
472
 
473
473
  .aksel-checkbox__input:where(:checked, :indeterminate) + .aksel-checkbox__label:before {
474
- background-color: var(--ax-bg-accent-strong-pressed);
475
- border-color: var(--ax-bg-accent-strong-pressed);
474
+ background-color: var(--ax-bg-strong-pressed);
475
+ border-color: var(--ax-bg-strong-pressed);
476
476
  }
477
477
 
478
478
  .aksel-checkbox__input:where(:checked, :indeterminate):not(:disabled):hover + .aksel-checkbox__label:before {
479
- border-color: var(--ax-bg-accent-strong-hover);
480
- background-color: var(--ax-bg-accent-strong-hover);
479
+ border-color: var(--ax-bg-strong-hover);
480
+ background-color: var(--ax-bg-strong-hover);
481
481
  }
482
482
 
483
483
  .aksel-checkbox__input:where(:not(:checked)) + .aksel-checkbox__label > .aksel-checkbox__icon {
@@ -509,35 +509,22 @@
509
509
 
510
510
  .aksel-radio__input:checked + .aksel-radio__label:before {
511
511
  background-color: var(--ax-bg-input);
512
- border: 8px solid var(--ax-bg-accent-strong-pressed);
512
+ border: 8px solid var(--ax-bg-strong-pressed);
513
513
  }
514
514
 
515
515
  .aksel-radio--small > .aksel-radio__input:checked + .aksel-radio__label:before {
516
516
  border-width: 6px;
517
517
  }
518
518
 
519
- .aksel-checkbox__input:hover:not(:disabled) + .aksel-checkbox__label, .aksel-radio__input:hover:not(:disabled, :checked) + .aksel-radio__label {
520
- color: var(--ax-text-accent-subtle);
521
- }
522
-
523
519
  .aksel-checkbox__input:hover:not(:disabled, :checked, :indeterminate) + .aksel-checkbox__label:before, .aksel-radio__input:hover:not(:disabled, :checked) + .aksel-radio__label:before {
524
- border-color: var(--ax-border-accent-strong);
525
- background-color: var(--ax-bg-accent-moderate-hoverA);
520
+ border-color: var(--ax-border-strong);
521
+ background-color: var(--ax-bg-moderate-hoverA);
526
522
  }
527
523
 
528
524
  .aksel-checkbox--error > .aksel-checkbox__input:not(:disabled, :checked, :indeterminate) + .aksel-checkbox__label:before, .aksel-radio--error > .aksel-radio__input:not(:disabled, :checked) + .aksel-radio__label:before {
529
525
  border-color: var(--ax-border-danger-strong);
530
526
  }
531
527
 
532
- .aksel-checkbox--error > .aksel-checkbox__input:not(:disabled, :checked, :indeterminate):hover + .aksel-checkbox__label:before, .aksel-radio--error > .aksel-radio__input:not(:disabled, :checked):hover + .aksel-radio__label:before {
533
- background-color: var(--ax-bg-danger-moderate-hoverA);
534
- }
535
-
536
- .aksel-checkbox--error > .aksel-checkbox__input:is(:checked, :indeterminate):not(:disabled) + .aksel-checkbox__label:before {
537
- background-color: var(--ax-bg-danger-strong-pressed);
538
- border-color: var(--ax-bg-danger-strong-pressed);
539
- }
540
-
541
528
  .aksel-radio--error > .aksel-radio__input:checked + .aksel-radio__label:before {
542
529
  border-color: var(--ax-bg-danger-strong-pressed);
543
530
  }
@@ -558,10 +545,6 @@
558
545
  display: inline-flex;
559
546
  }
560
547
 
561
- .aksel-checkbox--readonly > .aksel-checkbox__input:hover + .aksel-checkbox__label, .aksel-radio--readonly > .aksel-radio__input:hover + .aksel-radio__label {
562
- color: var(--ax-text-neutral);
563
- }
564
-
565
548
  .aksel-checkbox--readonly > .aksel-checkbox__input:not(:disabled) + .aksel-checkbox__label:before, .aksel-checkbox--readonly > .aksel-checkbox__input:hover .aksel-checkbox__label:before, .aksel-radio--readonly > .aksel-radio__input:not(:disabled, :checked) + .aksel-radio__label:before, .aksel-radio--readonly > .aksel-radio__input:hover:not(:checked, :focus) + .aksel-radio__label:before {
566
549
  background-color: var(--__axc-radio-checkbox-readonly-bg);
567
550
  border-color: var(--__axc-radio-checkbox-readonly-border);
@@ -655,14 +638,14 @@
655
638
  }
656
639
 
657
640
  .aksel-select__input:hover {
658
- border-color: var(--ax-border-accent-strong);
641
+ border-color: var(--ax-border-strong);
659
642
  cursor: pointer;
660
643
  }
661
644
 
662
645
  .aksel-select__input:focus {
663
646
  outline: 3px solid var(--ax-border-focus);
664
647
  outline-offset: 3px;
665
- border-color: var(--ax-border-accent-strong);
648
+ border-color: var(--ax-border-strong);
666
649
  }
667
650
 
668
651
  @media (forced-colors: active) {
@@ -809,10 +792,6 @@
809
792
  height: calc(100% - var(--__axc-switch-block-padding) * 1);
810
793
  }
811
794
 
812
- .aksel-switch__input:hover ~ .aksel-switch__label-wrapper, .aksel-switch__label-wrapper:hover {
813
- color: var(--ax-text-accent-subtle);
814
- }
815
-
816
795
  .aksel-switch__input:disabled:hover ~ .aksel-switch__label-wrapper {
817
796
  color: inherit;
818
797
  }
@@ -826,7 +805,7 @@
826
805
  border: 2px solid var(--ax-border-neutral);
827
806
  transition-property: background-color, border-color;
828
807
  transition-duration: .1s;
829
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
808
+ transition-timing-function: ease;
830
809
  position: absolute;
831
810
  left: 0;
832
811
  }
@@ -836,13 +815,17 @@
836
815
  }
837
816
 
838
817
  .aksel-switch__input:checked ~ .aksel-switch__track {
839
- background-color: var(--ax-bg-accent-strong-pressed);
840
- border-color: var(--ax-bg-accent-strong-pressed);
818
+ background-color: var(--ax-bg-strong-pressed);
819
+ border-color: var(--ax-bg-strong-pressed);
820
+ }
821
+
822
+ .aksel-switch__input:hover ~ .aksel-switch__track {
823
+ background-color: var(--ax-bg-neutral-moderate-hover);
841
824
  }
842
825
 
843
826
  .aksel-switch__input:hover:checked ~ .aksel-switch__track {
844
- background-color: var(--ax-bg-accent-strong-hover);
845
- border-color: var(--ax-bg-accent-strong-hover);
827
+ background-color: var(--ax-bg-strong-hover);
828
+ border-color: var(--ax-bg-strong-hover);
846
829
  }
847
830
 
848
831
  .aksel-switch__input:disabled ~ .aksel-switch__track {
@@ -851,8 +834,8 @@
851
834
  }
852
835
 
853
836
  .aksel-switch__input:checked:disabled ~ .aksel-switch__track {
854
- background-color: var(--ax-bg-accent-strong-pressed);
855
- border-color: var(--ax-bg-accent-strong-pressed);
837
+ background-color: var(--ax-bg-strong-pressed);
838
+ border-color: var(--ax-bg-strong-pressed);
856
839
  }
857
840
 
858
841
  .aksel-switch--standalone > .aksel-switch__input:focus ~ .aksel-switch__track {
@@ -877,7 +860,7 @@
877
860
 
878
861
  .aksel-switch__input:checked ~ .aksel-switch__track > .aksel-switch__thumb {
879
862
  background-color: var(--ax-bg-raised);
880
- color: var(--ax-text-accent-subtle);
863
+ color: var(--ax-text-subtle);
881
864
  width: 1.25rem;
882
865
  height: 1.25rem;
883
866
  top: 0;
@@ -898,11 +881,11 @@
898
881
 
899
882
  @media (hover: hover) and (pointer: fine) {
900
883
  .aksel-switch__input:hover:not(:disabled) ~ .aksel-switch__track > .aksel-switch__thumb {
901
- transform: translateX(.0625rem);
884
+ transform: translateX(.17rem);
902
885
  }
903
886
 
904
887
  .aksel-switch__input:checked:hover:not(:disabled) ~ .aksel-switch__track > .aksel-switch__thumb {
905
- transform: translateX(1.19rem);
888
+ transform: translateX(1.1rem);
906
889
  }
907
890
  }
908
891
 
@@ -936,10 +919,6 @@
936
919
  cursor: default;
937
920
  }
938
921
 
939
- .aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__label-wrapper, .aksel-switch--readonly .aksel-switch__label-wrapper:hover {
940
- color: var(--ax-text-neutral);
941
- }
942
-
943
922
  .aksel-switch--readonly .aksel-switch__label {
944
923
  display: inline-flex;
945
924
  }
@@ -964,10 +943,6 @@
964
943
  }
965
944
 
966
945
  @media (forced-colors: active) {
967
- .aksel-switch__input:hover ~ .aksel-switch__label-wrapper, .aksel-switch__label-wrapper:hover {
968
- color: highlight;
969
- }
970
-
971
946
  .aksel-switch__thumb, .aksel-switch--readonly .aksel-switch__thumb {
972
947
  background-color: fieldtext !important;
973
948
  }
@@ -1009,11 +984,11 @@
1009
984
  }
1010
985
 
1011
986
  .aksel-text-field__input:hover {
1012
- border-color: var(--ax-border-accent-strong);
987
+ border-color: var(--ax-border-strong);
1013
988
  }
1014
989
 
1015
990
  .aksel-text-field__input:focus-visible {
1016
- border-color: var(--ax-border-accent-strong);
991
+ border-color: var(--ax-border-strong);
1017
992
  outline: 3px solid var(--ax-border-focus);
1018
993
  outline-offset: 3px;
1019
994
  }
@@ -1089,13 +1064,13 @@
1089
1064
  }
1090
1065
 
1091
1066
  .aksel-textarea__input:hover {
1092
- border-color: var(--ax-border-accent-strong);
1067
+ border-color: var(--ax-border-strong);
1093
1068
  }
1094
1069
 
1095
1070
  .aksel-textarea__input:focus-visible {
1096
1071
  outline: 3px solid var(--ax-border-focus);
1097
1072
  outline-offset: 3px;
1098
- border-color: var(--ax-border-accent-strong);
1073
+ border-color: var(--ax-border-strong);
1099
1074
  }
1100
1075
 
1101
1076
  .aksel-textarea__input:disabled {
@@ -1272,11 +1247,11 @@
1272
1247
  }
1273
1248
 
1274
1249
  .aksel-search__button-search.aksel-button--secondary:hover:not(:disabled) {
1275
- --__axc-button-border-color: var(--ax-border-accent-strong);
1250
+ --__axc-button-border-color: var(--ax-border-strong);
1276
1251
  }
1277
1252
 
1278
1253
  .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) {
1279
- --__axc-button-border-color: var(--ax-border-accent-strong);
1254
+ --__axc-button-border-color: var(--ax-border-strong);
1280
1255
  }
1281
1256
 
1282
1257
  .aksel-search--error .aksel-search__input:not(:disabled) {
@@ -1312,7 +1287,7 @@
1312
1287
  }
1313
1288
 
1314
1289
  .aksel-form-field:not(:is(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
1315
- border-color: var(--ax-border-accent-strong);
1290
+ border-color: var(--ax-border-strong);
1316
1291
  }
1317
1292
 
1318
1293
  .aksel-form-field--small .aksel-combobox__wrapper {
@@ -1373,7 +1348,7 @@
1373
1348
  .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible) {
1374
1349
  outline: 3px solid var(--ax-border-focus);
1375
1350
  outline-offset: 3px;
1376
- border-color: var(--ax-border-accent-strong);
1351
+ border-color: var(--ax-border-strong);
1377
1352
  }
1378
1353
 
1379
1354
  .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible).aksel-combobox__wrapper-inner--virtually-unfocused {
@@ -1502,11 +1477,11 @@
1502
1477
  }
1503
1478
 
1504
1479
  .aksel-combobox__button-toggle-list:hover {
1505
- color: var(--ax-text-accent-subtle);
1480
+ color: var(--ax-text-subtle);
1506
1481
  }
1507
1482
 
1508
1483
  .aksel-combobox__button-toggle-list:hover:active {
1509
- color: var(--ax-text-accent);
1484
+ color: var(--ax-text-default);
1510
1485
  }
1511
1486
 
1512
1487
  .aksel-combobox__list {
@@ -1608,7 +1583,7 @@
1608
1583
  }
1609
1584
 
1610
1585
  .aksel-combobox__list-item--selected {
1611
- background-color: var(--ax-bg-accent-moderate-pressedA);
1586
+ background-color: var(--ax-bg-moderate-pressedA);
1612
1587
  }
1613
1588
 
1614
1589
  .aksel-combobox__list-item--selected p {
@@ -1616,8 +1591,8 @@
1616
1591
  }
1617
1592
 
1618
1593
  .aksel-combobox__list-item--new-option {
1619
- border-bottom: 1px solid var(--ax-border-accent-subtleA);
1620
- background: var(--ax-bg-accent-moderateA);
1594
+ border-bottom: 1px solid var(--ax-border-subtleA);
1595
+ background: var(--ax-bg-moderateA);
1621
1596
  cursor: pointer;
1622
1597
  margin: 0;
1623
1598
  border-radius: 0;
@@ -1800,13 +1775,13 @@
1800
1775
  .aksel-form-summary__value .aksel-form-summary__answers {
1801
1776
  margin-top: var(--ax-space-8);
1802
1777
  padding: var(--ax-space-16);
1803
- background: var(--ax-bg-info-moderateA);
1778
+ background: var(--ax-bg-moderateA);
1804
1779
  border-radius: var(--ax-radius-8);
1805
- border: 1px solid var(--ax-border-info-subtleA);
1780
+ border: 1px solid var(--ax-border-subtleA);
1806
1781
  }
1807
1782
 
1808
1783
  .aksel-form-summary__value .aksel-form-summary__answers .aksel-form-summary__answer {
1809
- border-color: var(--ax-border-info-subtleA);
1784
+ border-color: var(--ax-border-subtleA);
1810
1785
  }
1811
1786
 
1812
1787
  .aksel-form-progress__bar {
@@ -0,0 +1 @@
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-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),ul:has(>li.aksel-file-item),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-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__button{margin-left:auto}.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--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-20);border:4px solid var(--ax-border-danger);border-radius:var(--ax-radius-12);outline-offset:3px}.aksel-error-summary:focus-visible,.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-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{width:fit-content;position:relative}.aksel-checkbox__input,.aksel-radio__input{z-index:1;opacity:0;cursor:pointer;width:3rem;height:3rem;position:absolute;top:0;left:-.75rem}.aksel-checkbox__label,.aksel-radio__label{padding:var(--ax-space-12) 0;cursor:pointer;gap:var(--ax-space-8);--__axc-radio-checkbox-readonly-bg: var(--ax-bg-neutral-moderate);--__axc-radio-checkbox-readonly-border: var(--ax-border-neutral-subtle);display:flex}.aksel-checkbox__label:before,.aksel-radio__label:before{content:"";border-radius:var(--ax-radius-4);background-color:var(--ax-bg-input);border:2px solid var(--ax-border-neutral);flex-shrink:0;width:1.5rem;height:1.5rem}.aksel-radio__label:before{border-radius:var(--ax-radius-full)}.aksel-checkbox__content,.aksel-radio__content{flex-direction:column;gap:.125rem;display:flex}.aksel-checkbox--small>.aksel-checkbox__input,.aksel-radio--small>.aksel-radio__input{width:2rem;height:2rem;top:0;left:-.375rem}.aksel-checkbox--small>.aksel-checkbox__label,.aksel-radio--small>.aksel-radio__label{padding:var(--ax-space-6) 0}.aksel-checkbox--small>.aksel-checkbox__label:before,.aksel-radio--small>.aksel-radio__label:before{width:1.25rem;height:1.25rem}.aksel-checkbox__input:focus+.aksel-checkbox__label:after,.aksel-radio__input:focus+.aksel-radio__label:after{content:"";width:100%;height:calc(100% - var(--ax-space-24));border-radius:var(--ax-radius-4);outline:3px solid var(--ax-border-focus);outline-offset:3px;pointer-events:none;position:absolute}.aksel-checkbox--small>.aksel-checkbox__input:focus+.aksel-checkbox__label:after,.aksel-radio--small>.aksel-radio__input:focus+.aksel-radio__label:after{height:calc(100% - var(--ax-space-12))}.aksel-checkbox__icon-indeterminate{display:none}.aksel-checkbox__input:indeterminate+.aksel-checkbox__label>.aksel-checkbox__icon-indeterminate{background-color:var(--ax-bg-default);width:.75rem;height:.25rem;transform:translate(var(--ax-space-6),-50%);pointer-events:none;border-radius:1px;display:block;position:absolute;top:50%}.aksel-checkbox--small .aksel-checkbox__input:indeterminate+.aksel-checkbox__label>.aksel-checkbox__icon-indeterminate{transform:translate(var(--ax-space-4),-50%);height:.1875rem}.aksel-checkbox__input:where(:checked,:indeterminate)+.aksel-checkbox__label:before{background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-checkbox__input:where(:checked,:indeterminate):not(:disabled):hover+.aksel-checkbox__label:before{border-color:var(--ax-bg-strong-hover);background-color:var(--ax-bg-strong-hover)}.aksel-checkbox__input:where(:not(:checked))+.aksel-checkbox__label>.aksel-checkbox__icon{display:none}.aksel-checkbox__input:checked+.aksel-checkbox__label>.aksel-checkbox__icon{color:var(--ax-bg-default);height:1.5rem;transform:translate(var(--ax-space-6));pointer-events:none;align-items:center;display:flex;position:absolute}.aksel-checkbox--small .aksel-checkbox__input:checked+.aksel-checkbox__label>.aksel-checkbox__icon{transform:translate(.25rem,-10%)}.aksel-checkbox__icon>svg{vertical-align:initial;display:inline}.aksel-checkbox--small>.aksel-checkbox__input:checked+.aksel-checkbox__label:before{background-position:.25rem}.aksel-radio__input:checked+.aksel-radio__label:before{background-color:var(--ax-bg-input);border:8px solid var(--ax-bg-strong-pressed)}.aksel-radio--small>.aksel-radio__input:checked+.aksel-radio__label:before{border-width:6px}.aksel-checkbox__input:hover:not(:disabled,:checked,:indeterminate)+.aksel-checkbox__label:before,.aksel-radio__input:hover:not(:disabled,:checked)+.aksel-radio__label:before{border-color:var(--ax-border-strong);background-color:var(--ax-bg-moderate-hoverA)}.aksel-checkbox--error>.aksel-checkbox__input:not(:disabled,:checked,:indeterminate)+.aksel-checkbox__label:before,.aksel-radio--error>.aksel-radio__input:not(:disabled,:checked)+.aksel-radio__label:before{border-color:var(--ax-border-danger-strong)}.aksel-radio--error>.aksel-radio__input:checked+.aksel-radio__label:before{border-color:var(--ax-bg-danger-strong-pressed)}.aksel-checkbox--disabled,.aksel-radio--disabled{opacity:var(--ax-opacity-disabled)}.aksel-checkbox--disabled>.aksel-checkbox__input,.aksel-checkbox--disabled>.aksel-checkbox__label,.aksel-radio--disabled>.aksel-radio__input,.aksel-radio--disabled>.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__label-text{display:inline-flex}.aksel-checkbox--readonly>.aksel-checkbox__input:not(:disabled)+.aksel-checkbox__label:before,.aksel-checkbox--readonly>.aksel-checkbox__input:hover .aksel-checkbox__label:before,.aksel-radio--readonly>.aksel-radio__input:not(:disabled,:checked)+.aksel-radio__label:before,.aksel-radio--readonly>.aksel-radio__input:hover:not(:checked,:focus)+.aksel-radio__label:before{background-color:var(--__axc-radio-checkbox-readonly-bg);border-color:var(--__axc-radio-checkbox-readonly-border)}.aksel-checkbox--readonly>.aksel-checkbox__input:where(:checked,:indeterminate)+.aksel-checkbox__label:before{border-color:var(--__axc-radio-checkbox-readonly-border);background-color:var(--__axc-radio-checkbox-readonly-bg)}.aksel-checkbox--readonly>.aksel-checkbox__input:checked+.aksel-checkbox__label>.aksel-checkbox__icon{color:var(--ax-text-neutral-subtle)}.aksel-radio--readonly>.aksel-radio__input:checked+.aksel-radio__label:before{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);border-width:0}.aksel-checkbox--readonly>.aksel-checkbox__input:indeterminate+.aksel-checkbox__label>.aksel-checkbox__icon-indeterminate{background-color:var(--ax-text-neutral-subtle)}@media (forced-colors: active){.aksel-checkbox,.aksel-radio{--__axc-radio-checkbox-high-contrast-bg: field;--__axc-radio-checkbox-high-contrast-text: fieldtext;--__axc-radio-checkbox-high-contrast-highlight: highlight;--ax-border-focus: Highlight}.aksel-checkbox__label:before,.aksel-radio__label:before{border:1px solid var(--__axc-radio-checkbox-high-contrast-text);background-color:var(--__axc-radio-checkbox-high-contrast-bg)}.aksel-checkbox__input:checked+.aksel-checkbox__label>.aksel-checkbox__icon{color:var(--__axc-radio-checkbox-high-contrast-text)}.aksel-checkbox__input:indeterminate+.aksel-checkbox__label>.aksel-checkbox__icon-indeterminate{background-color:var(--__axc-radio-checkbox-high-contrast-text)}.aksel-radio__input:checked+.aksel-radio__label:before{border:6px solid var(--__axc-radio-checkbox-high-contrast-text)}:not(.aksel-checkbox--readonly)>.aksel-checkbox__input:hover:not(:disabled)+.aksel-checkbox__label,:not(.aksel-radio--readonly)>.aksel-radio__input:hover:not(:disabled)+.aksel-radio__label{color:highlight}.aksel-checkbox--readonly>.aksel-checkbox__input:checked+.aksel-checkbox__label:before{border:1px solid var(--__axc-radio-checkbox-high-contrast-text);background-color:var(--__axc-radio-checkbox-high-contrast-bg)}.aksel-checkbox--readonly>.aksel-checkbox__input:indeterminate+.aksel-checkbox__label>.aksel-checkbox__icon-indeterminate{background-color:var(--__axc-radio-checkbox-high-contrast-text)}.aksel-radio--readonly>.aksel-radio__input:checked+.aksel-radio__label:before{border-width:6px}.aksel-checkbox--disabled,.aksel-radio--disabled{opacity:1;--__axc-radio-checkbox-high-contrast-bg: field;--__axc-radio-checkbox-high-contrast-text: graytext}:is(.aksel-checkbox--disabled,.aksel-radio--disabled) :is(.aksel-checkbox__label,.aksel-radio__label){color:graytext}}.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);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{height:2rem;top:0}.aksel-switch__label-wrapper{cursor:pointer;color:var(--ax-text-neutral)}.aksel-switch__content{--__axc-switch-block-padding: .75rem;gap:var(--ax-space-2);padding:var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) 3.25rem;flex-direction:column;display:flex;position:relative}.aksel-switch--right .aksel-switch__content{padding:var(--__axc-switch-block-padding) 3.25rem var(--__axc-switch-block-padding) 0}.aksel-switch--small .aksel-switch__content{--__axc-switch-block-padding: .375rem}.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-4)}.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__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__input:checked~.aksel-switch__track>.aksel-switch__thumb>.aksel-switch__checkmark{visibility:visible;opacity:1}.aksel-switch__checkmark{visibility:hidden;opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1)}@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--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)}}@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)}.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);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{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),.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{z-index:10;max-height:316px;left:0;right:0;top:calc(100% + var(--ax-space-8));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);overscroll-behavior:contain;box-shadow:var(--ax-shadow-dialog);flex-direction:column;display:flex;position:absolute;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)}}@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-20) var(--ax-space-20) 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-16) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);flex-direction:column}}.aksel-form-summary__edit{margin-top:var(--ax-space-4);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-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-20);opacity:1;grid-template-rows:1fr}.aksel-form-progress__collapsible-content{min-height:0}}
@@ -33,7 +33,7 @@
33
33
 
34
34
  .aksel-guide {
35
35
  box-sizing: border-box;
36
- border: 2px solid var(--ax-border-info);
36
+ border: 2px solid var(--ax-border-default);
37
37
  border-radius: var(--ax-radius-full);
38
38
  width: var(--__axc-guide-panel-guide-size);
39
39
  height: var(--__axc-guide-panel-guide-size);
@@ -48,7 +48,7 @@
48
48
 
49
49
  .aksel-guide-panel__content {
50
50
  background-color: var(--ax-bg-raised);
51
- border: 2px solid var(--ax-border-info);
51
+ border: 2px solid var(--ax-border-default);
52
52
  border-radius: var(--ax-radius-12);
53
53
  position: relative;
54
54
  }
@@ -0,0 +1 @@
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-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-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(-48%)}.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(-48%)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(-48%)rotate(-90deg)scaleX(-1)}}}
@@ -2,7 +2,7 @@
2
2
  .aksel-help-text__button {
3
3
  cursor: pointer;
4
4
  border-radius: var(--ax-radius-full);
5
- color: var(--ax-bg-info-strong);
5
+ color: var(--ax-bg-strong);
6
6
  padding: calc(var(--ax-space-4) / 2);
7
7
  background-color: rgba(0, 0, 0, 0);
8
8
  border: 0;
@@ -18,10 +18,10 @@
18
18
  }
19
19
 
20
20
  .aksel-help-text__popover.aksel-popover {
21
- background-color: var(--ax-bg-info-moderate);
21
+ background-color: var(--ax-bg-moderate);
22
22
  max-width: min(65ch, calc(100vw - var(--ax-space-24)));
23
23
  border-radius: var(--ax-radius-8);
24
- border: 1px solid var(--ax-border-info);
24
+ border: 1px solid var(--ax-border-default);
25
25
  }
26
26
 
27
27
  .aksel-help-text__icon--filled, .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
@@ -30,11 +30,11 @@
30
30
 
31
31
  .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon--filled {
32
32
  display: inherit;
33
- color: var(--ax-bg-info-strong-hover);
33
+ color: var(--ax-bg-strong-hover);
34
34
  }
35
35
 
36
36
  .aksel-help-text__button[aria-expanded="true"] > .aksel-help-text__icon--filled {
37
- color: var(--ax-bg-info-strong-pressed);
37
+ color: var(--ax-bg-strong-pressed);
38
38
  }
39
39
 
40
40
  @media (forced-colors: active) {
@@ -0,0 +1 @@
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,6 +1,6 @@
1
1
  @layer aksel.components {
2
2
  .aksel-link {
3
- color: var(--ax-text-accent-subtle);
3
+ color: var(--ax-text-subtle);
4
4
  align-items: center;
5
5
  gap: var(--ax-space-2);
6
6
  text-underline-offset: .1em;
@@ -19,6 +19,14 @@
19
19
  border-radius: 1px;
20
20
  }
21
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
+
22
30
  .aksel-link.aksel-link--inline-text {
23
31
  display: inline;
24
32
  }
@@ -44,18 +52,6 @@
44
52
  }
45
53
 
46
54
  :is(.aksel-alert:not(.aksel-alert--inline), .aksel-confirmation-panel) .aksel-link {
47
- color: var(--ax-text-neutral);
48
- }
49
-
50
- .aksel-link--action {
51
- color: var(--ax-text-accent-subtle);
52
- }
53
-
54
- .aksel-link--neutral {
55
- color: var(--ax-text-neutral);
56
- }
57
-
58
- .aksel-link--subtle {
59
- color: var(--ax-text-neutral-subtle);
55
+ color: var(--ax-text-default);
60
56
  }
61
57
  }
@@ -0,0 +1 @@
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)}}
@@ -33,28 +33,14 @@
33
33
  display: flex;
34
34
  }
35
35
 
36
- :root .aksel-list ol {
37
- padding-left: 2.1rem;
38
- }
39
-
40
- _::-webkit-full-page-media {
41
- padding-left: 2.1rem;
42
- }
43
-
44
- _:future {
45
- padding-left: 2.1rem;
46
- }
47
-
48
- :root .aksel-list ol .aksel-list__item {
49
- padding-left: 0;
50
- }
51
-
52
- _::-webkit-full-page-media {
53
- padding-left: 0;
54
- }
55
-
56
- _:future {
57
- padding-left: 0;
36
+ @supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
37
+ .aksel-list ol {
38
+ padding-left: 2.1rem;
39
+ }
40
+
41
+ .aksel-list ol .aksel-list__item {
42
+ padding-left: 0;
43
+ }
58
44
  }
59
45
 
60
46
  .aksel-list__item {
@@ -0,0 +1 @@
1
+ @layer aksel.components{.aksel-list ul,.aksel-list ol{margin:0;padding:0}.aksel-list .aksel-list :where(ul,ol){margin-block:var(--ax-space-8) 0}.aksel-list ol{padding-left:1.7rem;list-style:decimal}.aksel-list ol>.aksel-list__item{padding-left:.3rem}.aksel-list ol li::marker{font-weight:var(--ax-font-weight-bold)}.aksel-list ul>.aksel-list__item{gap:var(--ax-space-8);grid-template-columns:auto 1fr;display:grid}.aksel-list ul>li>.aksel-list__item-marker{height:var(--ax-font-line-height-xlarge);align-items:center;display:flex}@supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none){.aksel-list ol{padding-left:2.1rem}.aksel-list ol .aksel-list__item{padding-left:0}}.aksel-list__item{margin-block-end:var(--ax-space-8)}.aksel-list__item:last-child{margin-block-end:0}.aksel-list__item-marker{width:1.5rem}.aksel-list--small ul>li>.aksel-list__item-marker{height:var(--ax-font-line-height-large)}.aksel-list__item-marker--bullet{padding-left:.8rem}.aksel-list__item-marker--icon{justify-content:center;font-size:1.5rem}}
@@ -53,35 +53,23 @@
53
53
  .aksel-loader__foreground {
54
54
  stroke-dasharray: 80 200;
55
55
  stroke-dashoffset: 0;
56
- stroke: var(--ax-border-neutral-strong);
56
+ stroke: var(--ax-border-strong);
57
57
  stroke-linecap: round;
58
58
  stroke-width: var(--__axc-loader-stroke-width);
59
59
  animation: 1.5s ease-in-out infinite loader-dasharray;
60
60
  }
61
61
 
62
- .aksel-loader__background {
63
- stroke: var(--ax-border-neutral-subtleA);
64
- stroke-width: var(--__axc-loader-stroke-width);
65
- }
66
-
67
- .aksel-loader--neutral .aksel-loader__foreground {
68
- stroke: var(--ax-border-neutral-strong);
69
- }
70
-
71
- .aksel-loader--interaction .aksel-loader__foreground {
72
- stroke: var(--ax-border-accent-strong);
73
- }
74
-
75
- .aksel-loader--interaction .aksel-loader__background {
76
- stroke: var(--ax-border-accent-subtleA);
62
+ .aksel-loader[data-variant="inverted"] .aksel-loader__foreground {
63
+ stroke: var(--ax-border-subtle);
77
64
  }
78
65
 
79
- .aksel-loader--inverted .aksel-loader__foreground {
80
- stroke: var(--ax-border-neutral-subtle);
66
+ .aksel-loader__background {
67
+ stroke: var(--ax-border-subtleA);
68
+ stroke-width: var(--__axc-loader-stroke-width);
81
69
  }
82
70
 
83
- .aksel-loader--inverted .aksel-loader__background {
84
- stroke: var(--ax-border-neutral-strong);
71
+ .aksel-loader[data-variant="inverted"] .aksel-loader__background {
72
+ stroke: var(--ax-border-strong);
85
73
  }
86
74
 
87
75
  .aksel-loader--transparent .aksel-loader__background {
@@ -0,0 +1 @@
1
+ @layer aksel.components{.aksel-loader{stroke-width:6px;--__axc-loader-stroke-width: 5.9;width:1.5rem;animation:1.8s linear infinite loader-rotate;display:inline-block;position:relative}.aksel-loader.aksel-loader--3xlarge{stroke-width:5px;--__axc-loader-stroke-width: 4.8;width:5.5rem}.aksel-loader.aksel-loader--2xlarge{stroke-width:6px;--__axc-loader-stroke-width: 5.8;width:4rem}.aksel-loader.aksel-loader--xlarge{stroke-width:6px;--__axc-loader-stroke-width: 5.8;width:2.5rem}.aksel-loader.aksel-loader--large{stroke-width:7px;--__axc-loader-stroke-width: 6.8;width:2rem}.aksel-loader.aksel-loader--medium{stroke-width:7px;--__axc-loader-stroke-width: 6.8;width:1.5rem}.aksel-loader.aksel-loader--small{stroke-width:8px;--__axc-loader-stroke-width: 7.8;width:1.25rem}.aksel-loader.aksel-loader--xsmall{stroke-width:8px;--__axc-loader-stroke-width: 7.8;width:1rem}.aksel-loader__foreground{stroke-dasharray:80 200;stroke-dashoffset:0;stroke:var(--ax-border-strong);stroke-linecap:round;stroke-width:var(--__axc-loader-stroke-width);animation:1.5s ease-in-out infinite loader-dasharray}.aksel-loader[data-variant=inverted] .aksel-loader__foreground{stroke:var(--ax-border-subtle)}.aksel-loader__background{stroke:var(--ax-border-subtleA);stroke-width:var(--__axc-loader-stroke-width)}.aksel-loader[data-variant=inverted] .aksel-loader__background{stroke:var(--ax-border-strong)}.aksel-loader--transparent .aksel-loader__background{stroke:#0000}@keyframes loader-rotate{to{transform:rotate(360deg)}}@keyframes loader-dasharray{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:100 200;stroke-dashoffset:-15px}to{stroke-dasharray:100 200;stroke-dashoffset:-120px}}@media (forced-colors: active){.aksel-loader__background{stroke:canvastext}}}