@navikt/ds-css 7.23.1 → 7.23.2

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 (135) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/darkside/alert.darkside.css +2 -2
  3. package/darkside/chat.darkside.css +2 -2
  4. package/darkside/expansioncard.darkside.css +2 -2
  5. package/darkside/form/error-summary.darkside.css +2 -2
  6. package/darkside/form/file-upload.darkside.css +2 -2
  7. package/darkside/form/form-progress.darkside.css +1 -1
  8. package/darkside/form/form-summary.darkside.css +2 -2
  9. package/darkside/form/form.darkside.css +5 -0
  10. package/darkside/guide-panel.darkside.css +2 -2
  11. package/darkside/modal.darkside.css +6 -4
  12. package/darkside/popover.darkside.css +2 -2
  13. package/darkside/tag.darkside.css +0 -4
  14. package/dist/component/form.css +3 -0
  15. package/dist/component/form.min.css +1 -1
  16. package/dist/components.css +4 -0
  17. package/dist/components.min.css +1 -1
  18. package/dist/darkside/component/alert.css +2 -2
  19. package/dist/darkside/component/alert.min.css +1 -1
  20. package/dist/darkside/component/chat.css +2 -2
  21. package/dist/darkside/component/chat.min.css +1 -1
  22. package/dist/darkside/component/expansioncard.css +2 -2
  23. package/dist/darkside/component/expansioncard.min.css +1 -1
  24. package/dist/darkside/component/form.css +11 -7
  25. package/dist/darkside/component/form.min.css +1 -1
  26. package/dist/darkside/component/guidepanel.css +2 -2
  27. package/dist/darkside/component/guidepanel.min.css +1 -1
  28. package/dist/darkside/component/modal.css +6 -8
  29. package/dist/darkside/component/modal.min.css +1 -1
  30. package/dist/darkside/component/popover.css +2 -2
  31. package/dist/darkside/component/popover.min.css +1 -1
  32. package/dist/darkside/component/tag.css +0 -6
  33. package/dist/darkside/component/tag.min.css +1 -1
  34. package/dist/darkside/components.css +27 -31
  35. package/dist/darkside/components.min.css +1 -1
  36. package/dist/darkside/global/tokens.css +1 -1
  37. package/dist/darkside/global/tokens.min.css +1 -1
  38. package/dist/darkside/index.css +28 -32
  39. package/dist/darkside/index.min.css +1 -1
  40. package/dist/darkside/version/{7.23.1 → 7.23.2}/component/alert.css +2 -2
  41. package/dist/darkside/version/7.23.2/component/alert.min.css +1 -0
  42. package/dist/darkside/version/{7.23.1 → 7.23.2}/component/chat.css +2 -2
  43. package/dist/darkside/version/{7.23.1 → 7.23.2}/component/chat.min.css +1 -1
  44. package/dist/darkside/version/{7.23.1 → 7.23.2}/component/expansioncard.css +2 -2
  45. package/dist/darkside/version/{7.23.1 → 7.23.2}/component/expansioncard.min.css +1 -1
  46. package/dist/darkside/version/{7.23.1 → 7.23.2}/component/form.css +11 -7
  47. package/dist/darkside/version/7.23.2/component/form.min.css +1 -0
  48. package/dist/darkside/version/{7.23.1 → 7.23.2}/component/guidepanel.css +2 -2
  49. package/dist/darkside/version/{7.23.1 → 7.23.2}/component/guidepanel.min.css +1 -1
  50. package/dist/darkside/version/{7.23.1 → 7.23.2}/component/modal.css +6 -8
  51. package/dist/darkside/version/7.23.2/component/modal.min.css +1 -0
  52. package/dist/darkside/version/{7.23.1 → 7.23.2}/component/popover.css +2 -2
  53. package/dist/darkside/version/{7.23.1 → 7.23.2}/component/popover.min.css +1 -1
  54. package/dist/darkside/version/{7.23.1 → 7.23.2}/component/tag.css +0 -6
  55. package/dist/darkside/version/7.23.2/component/tag.min.css +1 -0
  56. package/dist/darkside/version/{7.23.1 → 7.23.2}/components.css +27 -31
  57. package/dist/darkside/version/7.23.2/components.min.css +1 -0
  58. package/dist/darkside/version/{7.23.1 → 7.23.2}/global/tokens.css +1 -1
  59. package/dist/darkside/version/{7.23.1 → 7.23.2}/global/tokens.min.css +1 -1
  60. package/dist/darkside/version/{7.23.1 → 7.23.2}/index.css +28 -32
  61. package/dist/darkside/version/7.23.2/index.min.css +1 -0
  62. package/dist/global/tokens.css +1 -1
  63. package/dist/global/tokens.min.css +1 -1
  64. package/dist/index.css +5 -1
  65. package/dist/index.min.css +2 -2
  66. package/form/form.css +4 -0
  67. package/package.json +2 -2
  68. package/dist/darkside/version/7.23.1/component/alert.min.css +0 -1
  69. package/dist/darkside/version/7.23.1/component/form.min.css +0 -1
  70. package/dist/darkside/version/7.23.1/component/modal.min.css +0 -1
  71. package/dist/darkside/version/7.23.1/component/tag.min.css +0 -1
  72. package/dist/darkside/version/7.23.1/components.min.css +0 -1
  73. package/dist/darkside/version/7.23.1/index.min.css +0 -1
  74. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/accordion.css +0 -0
  75. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/accordion.min.css +0 -0
  76. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/actionmenu.css +0 -0
  77. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/actionmenu.min.css +0 -0
  78. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/button.css +0 -0
  79. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/button.min.css +0 -0
  80. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/chips.css +0 -0
  81. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/chips.min.css +0 -0
  82. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/copybutton.css +0 -0
  83. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/copybutton.min.css +0 -0
  84. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/date.css +0 -0
  85. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/date.min.css +0 -0
  86. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/dropdown.css +0 -0
  87. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/dropdown.min.css +0 -0
  88. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/helptext.css +0 -0
  89. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/helptext.min.css +0 -0
  90. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/internalheader.css +0 -0
  91. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/internalheader.min.css +0 -0
  92. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/link.css +0 -0
  93. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/link.min.css +0 -0
  94. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/linkpanel.css +0 -0
  95. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/linkpanel.min.css +0 -0
  96. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/list.css +0 -0
  97. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/list.min.css +0 -0
  98. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/loader.css +0 -0
  99. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/loader.min.css +0 -0
  100. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/pagination.css +0 -0
  101. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/pagination.min.css +0 -0
  102. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/panel.css +0 -0
  103. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/panel.min.css +0 -0
  104. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/primitives.css +0 -0
  105. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/primitives.min.css +0 -0
  106. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/progressbar.css +0 -0
  107. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/progressbar.min.css +0 -0
  108. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/readmore.css +0 -0
  109. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/readmore.min.css +0 -0
  110. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/skeleton.css +0 -0
  111. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/skeleton.min.css +0 -0
  112. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/stepper.css +0 -0
  113. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/stepper.min.css +0 -0
  114. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/table.css +0 -0
  115. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/table.min.css +0 -0
  116. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/tabs.css +0 -0
  117. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/tabs.min.css +0 -0
  118. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/theme.css +0 -0
  119. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/theme.min.css +0 -0
  120. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/timeline.css +0 -0
  121. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/timeline.min.css +0 -0
  122. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/togglegroup.css +0 -0
  123. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/togglegroup.min.css +0 -0
  124. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/tooltip.css +0 -0
  125. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/tooltip.min.css +0 -0
  126. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/typography.css +0 -0
  127. /package/dist/darkside/version/{7.23.1 → 7.23.2}/component/typography.min.css +0 -0
  128. /package/dist/darkside/version/{7.23.1 → 7.23.2}/global/baseline.css +0 -0
  129. /package/dist/darkside/version/{7.23.1 → 7.23.2}/global/baseline.min.css +0 -0
  130. /package/dist/darkside/version/{7.23.1 → 7.23.2}/global/fonts.css +0 -0
  131. /package/dist/darkside/version/{7.23.1 → 7.23.2}/global/fonts.min.css +0 -0
  132. /package/dist/darkside/version/{7.23.1 → 7.23.2}/global/print.css +0 -0
  133. /package/dist/darkside/version/{7.23.1 → 7.23.2}/global/print.min.css +0 -0
  134. /package/dist/darkside/version/{7.23.1 → 7.23.2}/global/reset.css +0 -0
  135. /package/dist/darkside/version/{7.23.1 → 7.23.2}/global/reset.min.css +0 -0
@@ -1,7 +1,7 @@
1
1
  @layer aksel.components {
2
2
  .aksel-alert {
3
3
  border-radius: var(--ax-radius-12);
4
- padding: var(--ax-space-20);
4
+ padding: var(--ax-space-16) var(--ax-space-20);
5
5
  gap: var(--ax-space-12);
6
6
  border: 1px solid;
7
7
  border-color: var(--ax-border-default);
@@ -34,7 +34,7 @@
34
34
  }
35
35
 
36
36
  .aksel-alert--small {
37
- padding: var(--ax-space-16);
37
+ padding: var(--ax-space-12) var(--ax-space-16);
38
38
  gap: var(--ax-space-8);
39
39
  }
40
40
 
@@ -0,0 +1 @@
1
+ @layer aksel.components{.aksel-alert{border-radius:var(--ax-radius-12);padding:var(--ax-space-16) var(--ax-space-20);gap:var(--ax-space-12);border:1px solid;border-color:var(--ax-border-default);background-color:var(--ax-bg-moderate);align-items:center;display:flex}.aksel-alert>.aksel-alert__icon{color:var(--ax-text-decoration)}@media (forced-colors: active){.aksel-alert{color:canvastext;background-color:canvas;border:1px solid canvastext}}.aksel-alert__wrapper--maxwidth{max-width:43.5rem}.aksel-alert__icon{height:var(--ax-font-line-height-xlarge);flex-shrink:0;align-self:flex-start;font-size:1.5rem}.aksel-alert--small{padding:var(--ax-space-12) var(--ax-space-16);gap:var(--ax-space-8)}.aksel-alert--small>.aksel-alert__icon{height:var(--ax-font-line-height-large);margin-block-start:0}.aksel-alert--full-width{border-radius:0}.aksel-alert--inline{background-color:#0000;border:none;padding:0}.aksel-alert__button-wrapper{flex-flow:row;flex:1;justify-content:flex-end;align-self:flex-start;display:flex}.aksel-alert--close-button>.aksel-alert__wrapper,.aksel-alert--close-button>.aksel-alert__icon{margin-block-start:var(--ax-space-2)}.aksel-alert--close-button.aksel-alert--small{align-items:flex-start}.aksel-alert--close-button.aksel-alert--small>.aksel-alert__wrapper,.aksel-alert--close-button.aksel-alert--small>.aksel-alert__icon{margin-block-start:var(--ax-space-4)}}
@@ -66,7 +66,7 @@
66
66
  }
67
67
 
68
68
  .aksel-chat__bubble {
69
- padding: var(--ax-space-20);
69
+ padding: var(--ax-space-16) var(--ax-space-20);
70
70
  gap: var(--ax-space-8);
71
71
  border-radius: var(--ax-radius-12);
72
72
  border-bottom-left-radius: var(--ax-radius-2);
@@ -76,7 +76,7 @@
76
76
  }
77
77
 
78
78
  .aksel-chat--small .aksel-chat__bubble {
79
- padding: var(--ax-space-16);
79
+ padding: var(--ax-space-12) var(--ax-space-16);
80
80
  }
81
81
 
82
82
  .aksel-chat__top-text {
@@ -1 +1 @@
1
- @layer aksel.components{.aksel-chat{align-items:flex-end;gap:var(--ax-space-12);max-width:40.75rem;display:flex}.aksel-chat .aksel-chat__bubble,.aksel-chat .aksel-chat__avatar{background-color:var(--ax-bg-moderateA);border:1px solid var(--ax-border-subtleA)}.aksel-chat[data-variant=subtle] .aksel-chat__bubble,.aksel-chat[data-variant=subtle] .aksel-chat__avatar{background-color:var(--ax-bg-softA);border:1px solid var(--ax-border-subtleA)}.aksel-chat[data-color=neutral][data-variant=subtle] .aksel-chat__bubble,.aksel-chat[data-color=neutral][data-variant=subtle] .aksel-chat__avatar{background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-neutral-subtleA)}.aksel-chat--right{flex-direction:row-reverse}.aksel-chat--right .aksel-chat__bubble-wrapper{align-items:flex-end}.aksel-chat--right .aksel-chat__bubble{border-radius:var(--ax-radius-12);border-bottom-right-radius:var(--ax-radius-2)}.aksel-chat__avatar{border-radius:var(--ax-radius-full);color:var(--ax-text-neutral);letter-spacing:.024rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.06rem;line-height:2.5rem;display:flex;overflow:hidden}.aksel-chat__avatar svg{align-self:center;width:100%;max-width:1.5rem;max-height:1.5rem}.aksel-chat__bubble-wrapper{gap:var(--ax-space-12);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.aksel-chat__bubble{padding:var(--ax-space-20);gap:var(--ax-space-8);border-radius:var(--ax-radius-12);border-bottom-left-radius:var(--ax-radius-2);flex-direction:column;width:fit-content;display:flex}.aksel-chat--small .aksel-chat__bubble{padding:var(--ax-space-16)}.aksel-chat__top-text{color:var(--ax-text-neutral);gap:var(--ax-space-8);align-items:baseline;margin:0;font-weight:400;display:flex}.aksel-chat--right .aksel-chat__top-text{align-self:flex-end}.aksel-chat--top-text-left .aksel-chat__top-text{align-self:flex-start}.aksel-chat--top-text-right .aksel-chat__top-text,.aksel-chat--left .aksel-chat__top-text--right{align-self:flex-end}.aksel-chat--right .aksel-chat__top-text--left{align-self:flex-start}}
1
+ @layer aksel.components{.aksel-chat{align-items:flex-end;gap:var(--ax-space-12);max-width:40.75rem;display:flex}.aksel-chat .aksel-chat__bubble,.aksel-chat .aksel-chat__avatar{background-color:var(--ax-bg-moderateA);border:1px solid var(--ax-border-subtleA)}.aksel-chat[data-variant=subtle] .aksel-chat__bubble,.aksel-chat[data-variant=subtle] .aksel-chat__avatar{background-color:var(--ax-bg-softA);border:1px solid var(--ax-border-subtleA)}.aksel-chat[data-color=neutral][data-variant=subtle] .aksel-chat__bubble,.aksel-chat[data-color=neutral][data-variant=subtle] .aksel-chat__avatar{background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-neutral-subtleA)}.aksel-chat--right{flex-direction:row-reverse}.aksel-chat--right .aksel-chat__bubble-wrapper{align-items:flex-end}.aksel-chat--right .aksel-chat__bubble{border-radius:var(--ax-radius-12);border-bottom-right-radius:var(--ax-radius-2)}.aksel-chat__avatar{border-radius:var(--ax-radius-full);color:var(--ax-text-neutral);letter-spacing:.024rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.06rem;line-height:2.5rem;display:flex;overflow:hidden}.aksel-chat__avatar svg{align-self:center;width:100%;max-width:1.5rem;max-height:1.5rem}.aksel-chat__bubble-wrapper{gap:var(--ax-space-12);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.aksel-chat__bubble{padding:var(--ax-space-16) var(--ax-space-20);gap:var(--ax-space-8);border-radius:var(--ax-radius-12);border-bottom-left-radius:var(--ax-radius-2);flex-direction:column;width:fit-content;display:flex}.aksel-chat--small .aksel-chat__bubble{padding:var(--ax-space-12) var(--ax-space-16)}.aksel-chat__top-text{color:var(--ax-text-neutral);gap:var(--ax-space-8);align-items:baseline;margin:0;font-weight:400;display:flex}.aksel-chat--right .aksel-chat__top-text{align-self:flex-end}.aksel-chat--top-text-left .aksel-chat__top-text{align-self:flex-start}.aksel-chat--top-text-right .aksel-chat__top-text,.aksel-chat--left .aksel-chat__top-text--right{align-self:flex-end}.aksel-chat--right .aksel-chat__top-text--left{align-self:flex-start}}
@@ -1,7 +1,7 @@
1
1
  @layer aksel.components {
2
2
  .aksel-expansioncard {
3
3
  --__axc-expansioncard-border-radius: calc(var(--ax-radius-12) - 1px);
4
- --__axc-expansioncard-padding-block: var(--ax-space-20);
4
+ --__axc-expansioncard-padding-block: var(--ax-space-16);
5
5
  --__axc-expansioncard-padding-inline: var(--ax-space-20);
6
6
  border-radius: var(--ax-radius-12);
7
7
  background-color: var(--ax-bg-softA);
@@ -20,7 +20,7 @@
20
20
 
21
21
  .aksel-expansioncard--small {
22
22
  --__axc-expansioncard-padding-inline: var(--ax-space-16);
23
- --__axc-expansioncard-padding-block: var(--ax-space-16);
23
+ --__axc-expansioncard-padding-block: var(--ax-space-12);
24
24
  }
25
25
 
26
26
  .aksel-expansioncard--small > .aksel-expansioncard__header .aksel-expansioncard__title--small {
@@ -1 +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}}
1
+ @layer aksel.components{.aksel-expansioncard{--__axc-expansioncard-border-radius: calc(var(--ax-radius-12) - 1px);--__axc-expansioncard-padding-block: var(--ax-space-16);--__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-12)}.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}}
@@ -51,7 +51,7 @@
51
51
  gap: var(--ax-space-16);
52
52
  text-align: center;
53
53
  width: 100%;
54
- padding: var(--ax-space-20);
54
+ padding: var(--ax-space-16) var(--ax-space-20);
55
55
  border: 1px dashed var(--ax-border-neutral);
56
56
  border-radius: var(--ax-radius-12);
57
57
  background-color: var(--__axc-dropzone-background);
@@ -188,7 +188,7 @@
188
188
  border: 1px solid var(--ax-border-neutral-subtleA);
189
189
  outline-offset: -1px;
190
190
  border-radius: var(--ax-radius-12);
191
- padding: var(--ax-space-20);
191
+ padding: var(--ax-space-16) var(--ax-space-20);
192
192
  gap: var(--ax-space-12);
193
193
  align-items: flex-start;
194
194
  transition: outline-color .25s cubic-bezier(0, .3, .15, 1);
@@ -253,6 +253,10 @@
253
253
  margin-top: -.375rem;
254
254
  }
255
255
 
256
+ .aksel-form-field__description:empty {
257
+ display: none;
258
+ }
259
+
256
260
  .aksel-form-field--disabled {
257
261
  opacity: var(--ax-opacity-disabled);
258
262
  cursor: not-allowed;
@@ -285,7 +289,7 @@
285
289
 
286
290
  .aksel-error-summary {
287
291
  background-color: var(--ax-bg-default);
288
- padding: var(--ax-space-20);
292
+ padding: var(--ax-space-16) var(--ax-space-20);
289
293
  border: 4px solid var(--ax-border-danger);
290
294
  border-radius: var(--ax-radius-12);
291
295
  outline-offset: 3px;
@@ -302,7 +306,7 @@
302
306
  }
303
307
 
304
308
  .aksel-error-summary--small {
305
- padding: var(--ax-space-16);
309
+ padding: var(--ax-space-12) var(--ax-space-16);
306
310
  }
307
311
 
308
312
  .aksel-error-summary--small .aksel-error-summary__heading {
@@ -1709,7 +1713,7 @@
1709
1713
 
1710
1714
  .aksel-form-summary__header {
1711
1715
  background: var(--ax-bg-neutral-moderateA);
1712
- padding: var(--ax-space-20) var(--ax-space-20) var(--ax-space-16) var(--ax-space-20);
1716
+ padding: var(--ax-space-16) var(--ax-space-20);
1713
1717
  justify-content: space-between;
1714
1718
  gap: 0 var(--ax-space-12);
1715
1719
  display: flex;
@@ -1717,7 +1721,7 @@
1717
1721
 
1718
1722
  @media (max-width: 479px) {
1719
1723
  .aksel-form-summary__header {
1720
- padding: var(--ax-space-16) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);
1724
+ padding: var(--ax-space-12) var(--ax-space-16);
1721
1725
  flex-direction: column;
1722
1726
  }
1723
1727
  }
@@ -1824,7 +1828,7 @@
1824
1828
  .aksel-form-progress__collapsible[data-state="open"] {
1825
1829
  margin-top: var(--ax-space-4);
1826
1830
  visibility: visible;
1827
- padding-block: var(--ax-space-20);
1831
+ padding-block: var(--ax-space-16);
1828
1832
  opacity: 1;
1829
1833
  grid-template-rows: 1fr;
1830
1834
  }
@@ -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-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),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-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__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__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,.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{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-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__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-16);opacity:1;grid-template-rows:1fr}.aksel-form-progress__collapsible-content{min-height:0}}
@@ -69,7 +69,7 @@
69
69
  }
70
70
 
71
71
  .aksel-guide-panel__content-inner {
72
- padding: var(--ax-space-16);
72
+ padding: var(--ax-space-12) var(--ax-space-16);
73
73
  border-radius: var(--ax-radius-12);
74
74
  background-color: var(--ax-bg-raised);
75
75
  height: 100%;
@@ -82,7 +82,7 @@
82
82
 
83
83
  @media (min-width: 480px) {
84
84
  .aksel-guide-panel__content-inner {
85
- padding: var(--ax-space-20);
85
+ padding: var(--ax-space-16) var(--ax-space-20);
86
86
  }
87
87
 
88
88
  .aksel-guide-panel[data-responsive="true"] .aksel-guide-panel__content-inner {
@@ -1 +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)}}}
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(-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)}}}
@@ -54,16 +54,13 @@
54
54
  width: 450px;
55
55
  }
56
56
 
57
- .aksel-modal--small .aksel-modal__header {
58
- padding: var(--ax-space-16);
59
- }
60
-
61
- .aksel-modal--small .aksel-modal__body {
57
+ .aksel-modal--small .aksel-modal__header, .aksel-modal--small .aksel-modal__body {
62
58
  padding: var(--ax-space-12) var(--ax-space-16);
63
59
  }
64
60
 
65
61
  .aksel-modal--small .aksel-modal__footer {
66
- padding: var(--ax-space-16);
62
+ padding-block: var(--ax-space-12) var(--ax-space-16);
63
+ padding-inline: var(--ax-space-16);
67
64
  }
68
65
 
69
66
  @media (min-width: 480px) {
@@ -104,7 +101,7 @@
104
101
  }
105
102
 
106
103
  .aksel-modal__header {
107
- padding: var(--ax-space-20);
104
+ padding: var(--ax-space-16) var(--ax-space-20);
108
105
  }
109
106
 
110
107
  .aksel-modal__header-icon svg {
@@ -135,7 +132,8 @@
135
132
 
136
133
  .aksel-modal__footer {
137
134
  gap: var(--ax-space-16);
138
- padding: var(--ax-space-20);
135
+ padding-block: var(--ax-space-16) var(--ax-space-20);
136
+ padding-inline: var(--ax-space-20);
139
137
  flex-flow: row-reverse wrap;
140
138
  display: flex;
141
139
  }
@@ -0,0 +1 @@
1
+ @layer aksel.components{.aksel-modal__document-body{overflow:hidden}.aksel-modal{--__axc-modal-bg: var(--ax-bg-raised);background-color:var(--__axc-modal-bg);border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-12);box-shadow:var(--ax-shadow-dialog);max-width:100%;max-height:100%;color:var(--ax-text-neutral);margin:auto;padding:0;position:fixed}.aksel-modal[open]{flex-direction:column;animation:.7s cubic-bezier(.15,1,.3,1) akselModalFadeIn;display:flex}.aksel-modal--polyfilled{width:fit-content;height:fit-content;margin:auto;top:50%;left:0;right:0;transform:translateY(-50%)}.aksel-modal--polyfilled:not([open]){display:none}.aksel-modal--polyfilled .aksel-modal--polyfilled{overflow:auto}._dialog_overlay{position:fixed;inset:0}.aksel-modal--medium{width:700px}.aksel-modal--small{width:450px}.aksel-modal--small .aksel-modal__header,.aksel-modal--small .aksel-modal__body{padding:var(--ax-space-12) var(--ax-space-16)}.aksel-modal--small .aksel-modal__footer{padding-block:var(--ax-space-12) var(--ax-space-16);padding-inline:var(--ax-space-16)}@media (min-width: 480px){.aksel-modal{max-width:calc(100% - 2em)}.aksel-modal--autowidth{max-width:min(700px,100% - 2em)}}@media (min-height: 480px){.aksel-modal{max-height:calc(100% - 2em)}.aksel-modal--top{max-height:calc(100% - 4em);margin-top:2em}}.aksel-modal::backdrop{background:#021431cc;animation:.7s cubic-bezier(.15,1,.3,1) akselModalBackdropFadeIn}.aksel-modal--polyfilled+.backdrop{background:#021431cc;position:fixed;inset:0}.aksel-modal__button{margin-left:var(--ax-space-16);float:right}.aksel-modal__header{padding:var(--ax-space-16) var(--ax-space-20)}.aksel-modal__header-icon svg{vertical-align:-.25rem;margin-right:var(--ax-space-4);display:inline}.aksel-modal__label{font-weight:var(--ax-font-weight-bold);color:var(--ax-text-neutral-subtle)}.aksel-modal__body{padding:var(--ax-space-16) var(--ax-space-20);overscroll-behavior:contain;background:linear-gradient(var(--__axc-modal-bg) 30%,transparent) top,linear-gradient(transparent,var(--__axc-modal-bg) 60%) bottom,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.3),transparent) top,radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.3),transparent) bottom;background-repeat:no-repeat;background-size:100% 40px,100% 50px,100% 16px,100% 16px;background-attachment:local,local,scroll,scroll;position:relative;overflow:auto}.aksel-modal__header+.aksel-modal__body{padding-top:var(--ax-space-0)}.aksel-modal__footer{gap:var(--ax-space-16);padding-block:var(--ax-space-16) var(--ax-space-20);padding-inline:var(--ax-space-20);flex-flow:row-reverse wrap;display:flex}.aksel-modal__footer :nth-of-type(2){margin-left:auto}.aksel-modal--polyfilled .aksel-modal--polyfilled.aksel-date__nested-modal{min-width:fit-content;max-width:100vw;max-height:100vh;animation:none}@keyframes akselModalFadeIn{0%{opacity:.0001;transform:translate3d(0,4px,0)}50%{opacity:1}to{transform:none}}@keyframes akselModalBackdropFadeIn{0%{opacity:.0001}50%{opacity:1}to{opacity:1}}@media (forced-colors: active){.aksel-modal{outline:2px solid rgba(0,0,0,0)}}}
@@ -9,12 +9,12 @@
9
9
  }
10
10
 
11
11
  .aksel-popover__content {
12
- padding: var(--ax-space-16);
12
+ padding: var(--ax-space-12) var(--ax-space-16);
13
13
  }
14
14
 
15
15
  @media (min-width: 480px) {
16
16
  .aksel-popover__content {
17
- padding: var(--ax-space-20);
17
+ padding: var(--ax-space-16) var(--ax-space-20);
18
18
  }
19
19
  }
20
20
 
@@ -1 +1 @@
1
- @layer aksel.components{.aksel-popover{z-index:1000;background:var(--ax-bg-raised);box-shadow:var(--ax-shadow-dialog);border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-12);max-width:calc(100vw - var(--ax-space-24))}.aksel-popover__content{padding:var(--ax-space-16)}@media (min-width: 480px){.aksel-popover__content{padding:var(--ax-space-20)}}.aksel-popover--hidden{display:none}}
1
+ @layer aksel.components{.aksel-popover{z-index:1000;background:var(--ax-bg-raised);box-shadow:var(--ax-shadow-dialog);border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-12);max-width:calc(100vw - var(--ax-space-24))}.aksel-popover__content{padding:var(--ax-space-12) var(--ax-space-16)}@media (min-width: 480px){.aksel-popover__content{padding:var(--ax-space-16) var(--ax-space-20)}}.aksel-popover--hidden{display:none}}
@@ -26,12 +26,6 @@
26
26
  color: var(--ax-text-default);
27
27
  }
28
28
 
29
- @media (forced-colors: active) {
30
- .aksel-tag[data-variant="outline"] {
31
- color: canvastext;
32
- }
33
- }
34
-
35
29
  .aksel-tag[data-variant="moderate"] {
36
30
  background: var(--ax-bg-moderateA);
37
31
  color: var(--ax-text-default);
@@ -0,0 +1 @@
1
+ @layer aksel.components{.aksel-tag{--__axc-tag-icon-size: 1.5rem;--__axc-tag-icon-margin: -2px;--__axc-tag-border: ;--__axc-tag-bg: ;--__axc-tag-text: ;--__axc-tag-text-strong: ;border-radius:var(--ax-radius-4);padding:var(--ax-space-2) var(--ax-space-8);justify-content:center;align-items:center;min-height:2rem;line-height:1;text-decoration:none;display:inline-flex}.aksel-tag:has(.aksel-tag__icon--left){gap:var(--ax-space-2)}.aksel-tag[data-variant=outline]{box-shadow:inset 0 0 0 1px var(--ax-border-default);background:var(--ax-bg-moderate);color:var(--ax-text-default)}.aksel-tag[data-variant=moderate]{background:var(--ax-bg-moderateA);color:var(--ax-text-default)}@media (forced-colors: active){.aksel-tag[data-variant=moderate]{box-shadow:inset 0 0 0 1px var(--ax-bg-strong);color:canvastext}}.aksel-tag[data-variant=strong]{background:var(--ax-bg-strong);color:var(--ax-text-contrast)}@media (forced-colors: active){.aksel-tag[data-variant=strong]{color:canvas}}@media (forced-colors: active){.aksel-tag{forced-color-adjust:none;color:canvastext}}.aksel-tag--small{min-height:1.5rem;padding:0 var(--ax-space-6);--__axc-tag-icon-size: 1.25rem}.aksel-tag--xsmall{min-height:1.25rem;padding:0 var(--ax-space-4);--__axc-tag-icon-size: 1rem;--__axc-tag-icon-margin: -1px}.aksel-tag__icon--left{font-size:var(--__axc-tag-icon-size);margin-inline-start:var(--__axc-tag-icon-margin);display:flex}}
@@ -693,7 +693,7 @@
693
693
  gap: var(--ax-space-16);
694
694
  text-align: center;
695
695
  width: 100%;
696
- padding: var(--ax-space-20);
696
+ padding: var(--ax-space-16) var(--ax-space-20);
697
697
  border: 1px dashed var(--ax-border-neutral);
698
698
  border-radius: var(--ax-radius-12);
699
699
  background-color: var(--__axc-dropzone-background);
@@ -830,7 +830,7 @@
830
830
  border: 1px solid var(--ax-border-neutral-subtleA);
831
831
  outline-offset: -1px;
832
832
  border-radius: var(--ax-radius-12);
833
- padding: var(--ax-space-20);
833
+ padding: var(--ax-space-16) var(--ax-space-20);
834
834
  gap: var(--ax-space-12);
835
835
  align-items: flex-start;
836
836
  transition: outline-color .25s cubic-bezier(0, .3, .15, 1);
@@ -895,6 +895,10 @@
895
895
  margin-top: -.375rem;
896
896
  }
897
897
 
898
+ .aksel-form-field__description:empty {
899
+ display: none;
900
+ }
901
+
898
902
  .aksel-form-field--disabled {
899
903
  opacity: var(--ax-opacity-disabled);
900
904
  cursor: not-allowed;
@@ -927,7 +931,7 @@
927
931
 
928
932
  .aksel-error-summary {
929
933
  background-color: var(--ax-bg-default);
930
- padding: var(--ax-space-20);
934
+ padding: var(--ax-space-16) var(--ax-space-20);
931
935
  border: 4px solid var(--ax-border-danger);
932
936
  border-radius: var(--ax-radius-12);
933
937
  outline-offset: 3px;
@@ -944,7 +948,7 @@
944
948
  }
945
949
 
946
950
  .aksel-error-summary--small {
947
- padding: var(--ax-space-16);
951
+ padding: var(--ax-space-12) var(--ax-space-16);
948
952
  }
949
953
 
950
954
  .aksel-error-summary--small .aksel-error-summary__heading {
@@ -2351,7 +2355,7 @@
2351
2355
 
2352
2356
  .aksel-form-summary__header {
2353
2357
  background: var(--ax-bg-neutral-moderateA);
2354
- padding: var(--ax-space-20) var(--ax-space-20) var(--ax-space-16) var(--ax-space-20);
2358
+ padding: var(--ax-space-16) var(--ax-space-20);
2355
2359
  justify-content: space-between;
2356
2360
  gap: 0 var(--ax-space-12);
2357
2361
  display: flex;
@@ -2359,7 +2363,7 @@
2359
2363
 
2360
2364
  @media (max-width: 479px) {
2361
2365
  .aksel-form-summary__header {
2362
- padding: var(--ax-space-16) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);
2366
+ padding: var(--ax-space-12) var(--ax-space-16);
2363
2367
  flex-direction: column;
2364
2368
  }
2365
2369
  }
@@ -2466,7 +2470,7 @@
2466
2470
  .aksel-form-progress__collapsible[data-state="open"] {
2467
2471
  margin-top: var(--ax-space-4);
2468
2472
  visibility: visible;
2469
- padding-block: var(--ax-space-20);
2473
+ padding-block: var(--ax-space-16);
2470
2474
  opacity: 1;
2471
2475
  grid-template-rows: 1fr;
2472
2476
  }
@@ -2636,7 +2640,7 @@
2636
2640
 
2637
2641
  .aksel-alert {
2638
2642
  border-radius: var(--ax-radius-12);
2639
- padding: var(--ax-space-20);
2643
+ padding: var(--ax-space-16) var(--ax-space-20);
2640
2644
  gap: var(--ax-space-12);
2641
2645
  border: 1px solid;
2642
2646
  border-color: var(--ax-border-default);
@@ -2669,7 +2673,7 @@
2669
2673
  }
2670
2674
 
2671
2675
  .aksel-alert--small {
2672
- padding: var(--ax-space-16);
2676
+ padding: var(--ax-space-12) var(--ax-space-16);
2673
2677
  gap: var(--ax-space-8);
2674
2678
  }
2675
2679
 
@@ -2775,7 +2779,7 @@
2775
2779
  }
2776
2780
 
2777
2781
  .aksel-chat__bubble {
2778
- padding: var(--ax-space-20);
2782
+ padding: var(--ax-space-16) var(--ax-space-20);
2779
2783
  gap: var(--ax-space-8);
2780
2784
  border-radius: var(--ax-radius-12);
2781
2785
  border-bottom-left-radius: var(--ax-radius-2);
@@ -2785,7 +2789,7 @@
2785
2789
  }
2786
2790
 
2787
2791
  .aksel-chat--small .aksel-chat__bubble {
2788
- padding: var(--ax-space-16);
2792
+ padding: var(--ax-space-12) var(--ax-space-16);
2789
2793
  }
2790
2794
 
2791
2795
  .aksel-chat__top-text {
@@ -3352,7 +3356,7 @@
3352
3356
 
3353
3357
  .aksel-expansioncard {
3354
3358
  --__axc-expansioncard-border-radius: calc(var(--ax-radius-12) - 1px);
3355
- --__axc-expansioncard-padding-block: var(--ax-space-20);
3359
+ --__axc-expansioncard-padding-block: var(--ax-space-16);
3356
3360
  --__axc-expansioncard-padding-inline: var(--ax-space-20);
3357
3361
  border-radius: var(--ax-radius-12);
3358
3362
  background-color: var(--ax-bg-softA);
@@ -3371,7 +3375,7 @@
3371
3375
 
3372
3376
  .aksel-expansioncard--small {
3373
3377
  --__axc-expansioncard-padding-inline: var(--ax-space-16);
3374
- --__axc-expansioncard-padding-block: var(--ax-space-16);
3378
+ --__axc-expansioncard-padding-block: var(--ax-space-12);
3375
3379
  }
3376
3380
 
3377
3381
  .aksel-expansioncard--small > .aksel-expansioncard__header .aksel-expansioncard__title--small {
@@ -3583,7 +3587,7 @@
3583
3587
  }
3584
3588
 
3585
3589
  .aksel-guide-panel__content-inner {
3586
- padding: var(--ax-space-16);
3590
+ padding: var(--ax-space-12) var(--ax-space-16);
3587
3591
  border-radius: var(--ax-radius-12);
3588
3592
  background-color: var(--ax-bg-raised);
3589
3593
  height: 100%;
@@ -3596,7 +3600,7 @@
3596
3600
 
3597
3601
  @media (min-width: 480px) {
3598
3602
  .aksel-guide-panel__content-inner {
3599
- padding: var(--ax-space-20);
3603
+ padding: var(--ax-space-16) var(--ax-space-20);
3600
3604
  }
3601
3605
 
3602
3606
  .aksel-guide-panel[data-responsive="true"] .aksel-guide-panel__content-inner {
@@ -4034,16 +4038,13 @@
4034
4038
  width: 450px;
4035
4039
  }
4036
4040
 
4037
- .aksel-modal--small .aksel-modal__header {
4038
- padding: var(--ax-space-16);
4039
- }
4040
-
4041
- .aksel-modal--small .aksel-modal__body {
4041
+ .aksel-modal--small .aksel-modal__header, .aksel-modal--small .aksel-modal__body {
4042
4042
  padding: var(--ax-space-12) var(--ax-space-16);
4043
4043
  }
4044
4044
 
4045
4045
  .aksel-modal--small .aksel-modal__footer {
4046
- padding: var(--ax-space-16);
4046
+ padding-block: var(--ax-space-12) var(--ax-space-16);
4047
+ padding-inline: var(--ax-space-16);
4047
4048
  }
4048
4049
 
4049
4050
  @media (min-width: 480px) {
@@ -4084,7 +4085,7 @@
4084
4085
  }
4085
4086
 
4086
4087
  .aksel-modal__header {
4087
- padding: var(--ax-space-20);
4088
+ padding: var(--ax-space-16) var(--ax-space-20);
4088
4089
  }
4089
4090
 
4090
4091
  .aksel-modal__header-icon svg {
@@ -4115,7 +4116,8 @@
4115
4116
 
4116
4117
  .aksel-modal__footer {
4117
4118
  gap: var(--ax-space-16);
4118
- padding: var(--ax-space-20);
4119
+ padding-block: var(--ax-space-16) var(--ax-space-20);
4120
+ padding-inline: var(--ax-space-20);
4119
4121
  flex-flow: row-reverse wrap;
4120
4122
  display: flex;
4121
4123
  }
@@ -4213,12 +4215,12 @@
4213
4215
  }
4214
4216
 
4215
4217
  .aksel-popover__content {
4216
- padding: var(--ax-space-16);
4218
+ padding: var(--ax-space-12) var(--ax-space-16);
4217
4219
  }
4218
4220
 
4219
4221
  @media (min-width: 480px) {
4220
4222
  .aksel-popover__content {
4221
- padding: var(--ax-space-20);
4223
+ padding: var(--ax-space-16) var(--ax-space-20);
4222
4224
  }
4223
4225
  }
4224
4226
 
@@ -4253,12 +4255,6 @@
4253
4255
  color: var(--ax-text-default);
4254
4256
  }
4255
4257
 
4256
- @media (forced-colors: active) {
4257
- .aksel-tag[data-variant="outline"] {
4258
- color: canvastext;
4259
- }
4260
- }
4261
-
4262
4258
  .aksel-tag[data-variant="moderate"] {
4263
4259
  background: var(--ax-bg-moderateA);
4264
4260
  color: var(--ax-text-default);