@navikt/ds-css 7.35.0 → 7.35.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (179) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/dist/component/loader.min.css +1 -1
  3. package/dist/components.min.css +1 -1
  4. package/dist/darkside/component/accordion.css +21 -6
  5. package/dist/darkside/component/accordion.min.css +1 -1
  6. package/dist/darkside/component/actionmenu.css +9 -1
  7. package/dist/darkside/component/alert.css +14 -5
  8. package/dist/darkside/component/alert.min.css +1 -1
  9. package/dist/darkside/component/button.css +22 -0
  10. package/dist/darkside/component/button.min.css +1 -1
  11. package/dist/darkside/component/chat.css +19 -3
  12. package/dist/darkside/component/chat.min.css +1 -1
  13. package/dist/darkside/component/date.css +61 -10
  14. package/dist/darkside/component/date.min.css +1 -1
  15. package/dist/darkside/component/dropdown.css +2 -1
  16. package/dist/darkside/component/dropdown.min.css +1 -1
  17. package/dist/darkside/component/expansioncard.css +31 -5
  18. package/dist/darkside/component/expansioncard.min.css +1 -1
  19. package/dist/darkside/component/form.css +201 -25
  20. package/dist/darkside/component/form.min.css +1 -1
  21. package/dist/darkside/component/guidepanel.css +17 -1
  22. package/dist/darkside/component/guidepanel.min.css +1 -1
  23. package/dist/darkside/component/helptext.css +5 -1
  24. package/dist/darkside/component/helptext.min.css +1 -1
  25. package/dist/darkside/component/internalheader.css +10 -1
  26. package/dist/darkside/component/internalheader.min.css +1 -1
  27. package/dist/darkside/component/link.css +5 -1
  28. package/dist/darkside/component/linkanchor.css +10 -2
  29. package/dist/darkside/component/linkcard.css +55 -8
  30. package/dist/darkside/component/linkcard.min.css +1 -1
  31. package/dist/darkside/component/list.css +3 -3
  32. package/dist/darkside/component/list.min.css +1 -1
  33. package/dist/darkside/component/modal.css +16 -3
  34. package/dist/darkside/component/modal.min.css +1 -1
  35. package/dist/darkside/component/primitives.css +18 -4
  36. package/dist/darkside/component/primitives.min.css +1 -1
  37. package/dist/darkside/component/process.css +53 -10
  38. package/dist/darkside/component/process.min.css +1 -1
  39. package/dist/darkside/component/readmore.css +14 -1
  40. package/dist/darkside/component/readmore.min.css +1 -1
  41. package/dist/darkside/component/skeleton.css +1 -0
  42. package/dist/darkside/component/skeleton.min.css +1 -1
  43. package/dist/darkside/component/stepper.css +22 -2
  44. package/dist/darkside/component/stepper.min.css +1 -1
  45. package/dist/darkside/component/table.css +27 -2
  46. package/dist/darkside/component/table.min.css +1 -1
  47. package/dist/darkside/component/tabs.css +3 -3
  48. package/dist/darkside/component/tabs.min.css +1 -1
  49. package/dist/darkside/component/tag.css +12 -1
  50. package/dist/darkside/component/tag.min.css +1 -1
  51. package/dist/darkside/component/timeline.css +12 -2
  52. package/dist/darkside/component/timeline.min.css +1 -1
  53. package/dist/darkside/component/togglegroup.css +1 -0
  54. package/dist/darkside/component/togglegroup.min.css +1 -1
  55. package/dist/darkside/components.css +664 -101
  56. package/dist/darkside/components.min.css +1 -1
  57. package/dist/darkside/global/tokens.css +1 -1
  58. package/dist/darkside/global/tokens.min.css +1 -1
  59. package/dist/darkside/index.css +665 -102
  60. package/dist/darkside/index.min.css +1 -1
  61. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/accordion.css +21 -6
  62. package/dist/darkside/version/7.35.1/component/accordion.min.css +1 -0
  63. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/actionmenu.css +9 -1
  64. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/alert.css +14 -5
  65. package/dist/darkside/version/7.35.1/component/alert.min.css +1 -0
  66. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/button.css +22 -0
  67. package/dist/darkside/version/7.35.1/component/button.min.css +1 -0
  68. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/chat.css +19 -3
  69. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/chat.min.css +1 -1
  70. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/date.css +61 -10
  71. package/dist/darkside/version/7.35.1/component/date.min.css +1 -0
  72. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/dropdown.css +2 -1
  73. package/dist/darkside/version/7.35.1/component/dropdown.min.css +1 -0
  74. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/expansioncard.css +31 -5
  75. package/dist/darkside/version/7.35.1/component/expansioncard.min.css +1 -0
  76. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/form.css +201 -25
  77. package/dist/darkside/version/7.35.1/component/form.min.css +1 -0
  78. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/guidepanel.css +17 -1
  79. package/dist/darkside/version/7.35.1/component/guidepanel.min.css +1 -0
  80. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/helptext.css +5 -1
  81. package/dist/darkside/version/7.35.1/component/helptext.min.css +1 -0
  82. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/internalheader.css +10 -1
  83. package/dist/darkside/version/7.35.1/component/internalheader.min.css +1 -0
  84. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/link.css +5 -1
  85. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/linkanchor.css +10 -2
  86. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/linkcard.css +55 -8
  87. package/dist/darkside/version/7.35.1/component/linkcard.min.css +1 -0
  88. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/list.css +3 -3
  89. package/dist/darkside/version/7.35.1/component/list.min.css +1 -0
  90. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/modal.css +16 -3
  91. package/dist/darkside/version/7.35.1/component/modal.min.css +1 -0
  92. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/primitives.css +18 -4
  93. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/primitives.min.css +1 -1
  94. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/process.css +53 -10
  95. package/dist/darkside/version/7.35.1/component/process.min.css +1 -0
  96. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/readmore.css +14 -1
  97. package/dist/darkside/version/7.35.1/component/readmore.min.css +1 -0
  98. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/skeleton.css +1 -0
  99. package/dist/darkside/version/7.35.1/component/skeleton.min.css +1 -0
  100. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/stepper.css +22 -2
  101. package/dist/darkside/version/7.35.1/component/stepper.min.css +1 -0
  102. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/table.css +27 -2
  103. package/dist/darkside/version/7.35.1/component/table.min.css +1 -0
  104. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/tabs.css +3 -3
  105. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/tabs.min.css +1 -1
  106. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/tag.css +12 -1
  107. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/tag.min.css +1 -1
  108. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/timeline.css +12 -2
  109. package/dist/darkside/version/7.35.1/component/timeline.min.css +1 -0
  110. package/dist/darkside/version/{7.35.0 → 7.35.1}/component/togglegroup.css +1 -0
  111. package/dist/darkside/version/7.35.1/component/togglegroup.min.css +1 -0
  112. package/dist/darkside/version/{7.35.0 → 7.35.1}/components.css +664 -101
  113. package/dist/darkside/version/7.35.1/components.min.css +1 -0
  114. package/dist/darkside/version/{7.35.0 → 7.35.1}/global/tokens.css +1 -1
  115. package/dist/darkside/version/{7.35.0 → 7.35.1}/global/tokens.min.css +1 -1
  116. package/dist/darkside/version/{7.35.0 → 7.35.1}/index.css +665 -102
  117. package/dist/darkside/version/7.35.1/index.min.css +1 -0
  118. package/dist/global/tokens.css +1 -1
  119. package/dist/global/tokens.min.css +1 -1
  120. package/dist/index.css +1 -1
  121. package/dist/index.min.css +2 -2
  122. package/package.json +2 -2
  123. package/dist/darkside/version/7.35.0/component/accordion.min.css +0 -1
  124. package/dist/darkside/version/7.35.0/component/alert.min.css +0 -1
  125. package/dist/darkside/version/7.35.0/component/button.min.css +0 -1
  126. package/dist/darkside/version/7.35.0/component/date.min.css +0 -1
  127. package/dist/darkside/version/7.35.0/component/dropdown.min.css +0 -1
  128. package/dist/darkside/version/7.35.0/component/expansioncard.min.css +0 -1
  129. package/dist/darkside/version/7.35.0/component/form.min.css +0 -1
  130. package/dist/darkside/version/7.35.0/component/guidepanel.min.css +0 -1
  131. package/dist/darkside/version/7.35.0/component/helptext.min.css +0 -1
  132. package/dist/darkside/version/7.35.0/component/internalheader.min.css +0 -1
  133. package/dist/darkside/version/7.35.0/component/linkcard.min.css +0 -1
  134. package/dist/darkside/version/7.35.0/component/list.min.css +0 -1
  135. package/dist/darkside/version/7.35.0/component/modal.min.css +0 -1
  136. package/dist/darkside/version/7.35.0/component/process.min.css +0 -1
  137. package/dist/darkside/version/7.35.0/component/readmore.min.css +0 -1
  138. package/dist/darkside/version/7.35.0/component/skeleton.min.css +0 -1
  139. package/dist/darkside/version/7.35.0/component/stepper.min.css +0 -1
  140. package/dist/darkside/version/7.35.0/component/table.min.css +0 -1
  141. package/dist/darkside/version/7.35.0/component/timeline.min.css +0 -1
  142. package/dist/darkside/version/7.35.0/component/togglegroup.min.css +0 -1
  143. package/dist/darkside/version/7.35.0/components.min.css +0 -1
  144. package/dist/darkside/version/7.35.0/index.min.css +0 -1
  145. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/actionmenu.min.css +0 -0
  146. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/chips.css +0 -0
  147. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/chips.min.css +0 -0
  148. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/copybutton.css +0 -0
  149. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/copybutton.min.css +0 -0
  150. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/inlinemessage.css +0 -0
  151. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/inlinemessage.min.css +0 -0
  152. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/link.min.css +0 -0
  153. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/linkanchor.min.css +0 -0
  154. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/linkpanel.css +0 -0
  155. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/linkpanel.min.css +0 -0
  156. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/loader.css +0 -0
  157. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/loader.min.css +0 -0
  158. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/pagination.css +0 -0
  159. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/pagination.min.css +0 -0
  160. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/panel.css +0 -0
  161. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/panel.min.css +0 -0
  162. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/popover.css +0 -0
  163. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/popover.min.css +0 -0
  164. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/progressbar.css +0 -0
  165. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/progressbar.min.css +0 -0
  166. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/theme.css +0 -0
  167. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/theme.min.css +0 -0
  168. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/tooltip.css +0 -0
  169. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/tooltip.min.css +0 -0
  170. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/typography.css +0 -0
  171. /package/dist/darkside/version/{7.35.0 → 7.35.1}/component/typography.min.css +0 -0
  172. /package/dist/darkside/version/{7.35.0 → 7.35.1}/global/baseline.css +0 -0
  173. /package/dist/darkside/version/{7.35.0 → 7.35.1}/global/baseline.min.css +0 -0
  174. /package/dist/darkside/version/{7.35.0 → 7.35.1}/global/fonts.css +0 -0
  175. /package/dist/darkside/version/{7.35.0 → 7.35.1}/global/fonts.min.css +0 -0
  176. /package/dist/darkside/version/{7.35.0 → 7.35.1}/global/print.css +0 -0
  177. /package/dist/darkside/version/{7.35.0 → 7.35.1}/global/print.min.css +0 -0
  178. /package/dist/darkside/version/{7.35.0 → 7.35.1}/global/reset.css +0 -0
  179. /package/dist/darkside/version/{7.35.0 → 7.35.1}/global/reset.min.css +0 -0
@@ -99,7 +99,10 @@
99
99
  animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
100
100
  margin: -1px;
101
101
  position: absolute;
102
- inset: 0;
102
+ top: 0;
103
+ bottom: 0;
104
+ left: 0;
105
+ right: 0;
103
106
  }
104
107
 
105
108
  @keyframes akselDropzoneDragoverAnimation {
@@ -177,7 +180,25 @@
177
180
  display: flex;
178
181
  }
179
182
 
180
- .aksel-file-upload :is(ul, li), ul:has( > li.aksel-file-item), li.aksel-file-item {
183
+ li.aksel-file-item {
184
+ margin: 0;
185
+ padding: 0;
186
+ list-style: none;
187
+ }
188
+
189
+ .aksel-file-upload :-webkit-any(ul, li) {
190
+ margin: 0;
191
+ padding: 0;
192
+ list-style: none;
193
+ }
194
+
195
+ .aksel-file-upload :is(ul, li) {
196
+ margin: 0;
197
+ padding: 0;
198
+ list-style: none;
199
+ }
200
+
201
+ ul:has( > li.aksel-file-item) {
181
202
  margin: 0;
182
203
  padding: 0;
183
204
  list-style: none;
@@ -291,7 +312,11 @@
291
312
  outline-offset: 3px;
292
313
  }
293
314
 
294
- .aksel-error-summary:focus-visible, .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
315
+ .aksel-error-summary:focus-visible {
316
+ outline: 3px solid var(--ax-border-focus);
317
+ }
318
+
319
+ .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
295
320
  outline: 3px solid var(--ax-border-focus);
296
321
  }
297
322
 
@@ -356,14 +381,27 @@
356
381
  border-color: orange;
357
382
  border-left-style: solid;
358
383
  border-left-width: 8px;
359
- border-start-start-radius: calc(var(--ax-radius-8) - 1px);
360
- border-end-start-radius: calc(var(--ax-radius-8) - 1px);
361
384
  height: 100%;
362
385
  position: absolute;
363
386
  top: 0;
364
387
  left: 0;
365
388
  }
366
389
 
390
+ .aksel-confirmation-panel__inner:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
391
+ border-top-left-radius: calc(var(--ax-radius-8) - 1px);
392
+ border-bottom-left-radius: calc(var(--ax-radius-8) - 1px);
393
+ }
394
+
395
+ .aksel-confirmation-panel__inner:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
396
+ border-top-right-radius: calc(var(--ax-radius-8) - 1px);
397
+ border-bottom-right-radius: calc(var(--ax-radius-8) - 1px);
398
+ }
399
+
400
+ .aksel-confirmation-panel__inner:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
401
+ border-top-right-radius: calc(var(--ax-radius-8) - 1px);
402
+ border-bottom-right-radius: calc(var(--ax-radius-8) - 1px);
403
+ }
404
+
367
405
  .aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before {
368
406
  border-color: green;
369
407
  }
@@ -377,6 +415,7 @@
377
415
  --__axc-radio-checkbox-marker-size: 1.5rem;
378
416
  --__axc-radio-checkbox-marker-target: 2.75rem;
379
417
  gap: var(--ax-space-2) 0;
418
+ width: -webkit-fit-content;
380
419
  width: fit-content;
381
420
  padding: var(--ax-space-12) 0;
382
421
  grid-template-columns: auto 1fr;
@@ -423,6 +462,7 @@
423
462
 
424
463
  .aksel-checkbox__input, .aksel-radio__input {
425
464
  --__axc-radio-checkbox-marker-border: 2px;
465
+ -webkit-appearance: none;
426
466
  appearance: none;
427
467
  cursor: pointer;
428
468
  width: var(--__axc-radio-checkbox-marker-size);
@@ -510,11 +550,19 @@
510
550
  opacity: var(--ax-opacity-disabled);
511
551
  }
512
552
 
513
- .aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label) {
553
+ .aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label) {
554
+ cursor: not-allowed;
555
+ }
556
+
557
+ .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label) {
514
558
  cursor: not-allowed;
515
559
  }
516
560
 
517
- .aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
561
+ .aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label) {
562
+ cursor: default;
563
+ }
564
+
565
+ .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
518
566
  cursor: default;
519
567
  }
520
568
 
@@ -546,11 +594,19 @@
546
594
  }
547
595
 
548
596
  @media (forced-colors: active) {
597
+ :-webkit-any(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
598
+ background-color: fieldtext;
599
+ }
600
+
549
601
  :is(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
550
602
  background-color: fieldtext;
551
603
  }
552
604
 
553
- .aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled)) > .aksel-checkbox__label, .aksel-radio:not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) + .aksel-radio__label {
605
+ .aksel-radio:not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) + .aksel-radio__label {
606
+ color: highlight;
607
+ }
608
+
609
+ .aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled)) > .aksel-checkbox__label {
554
610
  color: highlight;
555
611
  }
556
612
 
@@ -583,12 +639,21 @@
583
639
  background-color: graytext;
584
640
  }
585
641
 
586
- .aksel-checkbox--disabled :is(.aksel-checkbox__label, .aksel-checkbox__description, .aksel-checkbox__input:checked + .aksel-checkbox__icon), .aksel-radio--disabled :is(.aksel-radio__label, .aksel-radio__description) {
642
+ .aksel-checkbox--disabled :is(.aksel-checkbox__label, .aksel-checkbox__description, .aksel-checkbox__input:checked + .aksel-checkbox__icon) {
643
+ color: graytext;
644
+ }
645
+
646
+ .aksel-radio--disabled :-webkit-any(.aksel-radio__label, .aksel-radio__description) {
647
+ color: graytext;
648
+ }
649
+
650
+ .aksel-radio--disabled :is(.aksel-radio__label, .aksel-radio__description) {
587
651
  color: graytext;
588
652
  }
589
653
  }
590
654
 
591
655
  .aksel-select__input {
656
+ -webkit-appearance: none;
592
657
  appearance: none;
593
658
  background-color: var(--ax-bg-input);
594
659
  border-radius: var(--ax-radius-8);
@@ -647,10 +712,21 @@
647
712
 
648
713
  .aksel-form-field--small .aksel-select__input {
649
714
  min-height: 2rem;
650
- padding-block: 0;
715
+ padding-top: 0;
716
+ padding-bottom: 0;
717
+ }
718
+
719
+ .aksel-select--error > * select {
720
+ box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
721
+ border-color: var(--ax-border-danger-strong);
722
+ }
723
+
724
+ .aksel-select--error > * select:hover {
725
+ box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
726
+ border-color: var(--ax-border-danger-strong);
651
727
  }
652
728
 
653
- .aksel-select--error > * select, .aksel-select--error > * select:hover, .aksel-select--error > * select:focus {
729
+ .aksel-select--error > * select:focus {
654
730
  box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
655
731
  border-color: var(--ax-border-danger-strong);
656
732
  }
@@ -681,6 +757,12 @@
681
757
  }
682
758
 
683
759
  @media (forced-colors: active) {
760
+ .aksel-select--readonly .aksel-select__input:-webkit-any(:hover, :focus) {
761
+ color: buttontext;
762
+ background-color: buttonface;
763
+ border-color: buttontext;
764
+ }
765
+
684
766
  .aksel-select--readonly .aksel-select__input:is(:hover, :focus) {
685
767
  color: buttontext;
686
768
  background-color: buttonface;
@@ -693,6 +775,7 @@
693
775
  }
694
776
 
695
777
  .aksel-switch {
778
+ width: -webkit-fit-content;
696
779
  width: fit-content;
697
780
  min-height: 3rem;
698
781
  position: relative;
@@ -871,12 +954,18 @@
871
954
  width: auto;
872
955
  }
873
956
 
874
- .aksel-switch--right .aksel-switch__input, .aksel-switch--right .aksel-switch__track {
957
+ .aksel-switch--right .aksel-switch__input {
958
+ left: auto;
959
+ right: 0;
960
+ }
961
+
962
+ .aksel-switch--right .aksel-switch__track {
875
963
  left: auto;
876
964
  right: 0;
877
965
  }
878
966
 
879
967
  .aksel-switch__input:disabled {
968
+ -webkit-appearance: none;
880
969
  appearance: none;
881
970
  }
882
971
 
@@ -888,12 +977,31 @@
888
977
  cursor: not-allowed;
889
978
  }
890
979
 
891
- .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 {
980
+ .aksel-switch--readonly > .aksel-switch__track {
981
+ background-color: var(--ax-bg-neutral-moderate);
982
+ border-color: var(--ax-border-neutral-subtleA);
983
+ }
984
+
985
+ .aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__track {
986
+ background-color: var(--ax-bg-neutral-moderate);
987
+ border-color: var(--ax-border-neutral-subtleA);
988
+ }
989
+
990
+ .aksel-switch--readonly > .aksel-switch__input:checked ~ .aksel-switch__track {
991
+ background-color: var(--ax-bg-neutral-moderate);
992
+ border-color: var(--ax-border-neutral-subtleA);
993
+ }
994
+
995
+ .aksel-switch--readonly > .aksel-switch__input:checked:hover ~ .aksel-switch__track {
892
996
  background-color: var(--ax-bg-neutral-moderate);
893
997
  border-color: var(--ax-border-neutral-subtleA);
894
998
  }
895
999
 
896
- .aksel-switch--readonly > .aksel-switch__label-wrapper, .aksel-switch--readonly > .aksel-switch__input {
1000
+ .aksel-switch--readonly > .aksel-switch__label-wrapper {
1001
+ cursor: default;
1002
+ }
1003
+
1004
+ .aksel-switch--readonly > .aksel-switch__input {
897
1005
  cursor: default;
898
1006
  }
899
1007
 
@@ -955,6 +1063,7 @@
955
1063
  }
956
1064
 
957
1065
  .aksel-text-field__input {
1066
+ -webkit-appearance: none;
958
1067
  appearance: none;
959
1068
  padding: var(--ax-space-8);
960
1069
  background: var(--ax-bg-input);
@@ -1031,6 +1140,7 @@
1031
1140
 
1032
1141
  .aksel-textarea__input {
1033
1142
  height: var(--__axc-textarea-height);
1143
+ -webkit-appearance: none;
1034
1144
  appearance: none;
1035
1145
  padding: var(--ax-space-8);
1036
1146
  background-color: var(--ax-bg-input);
@@ -1093,17 +1203,50 @@
1093
1203
 
1094
1204
  .aksel-textarea--resize-both .aksel-textarea__input {
1095
1205
  resize: both;
1096
- border-end-end-radius: 0;
1206
+ }
1207
+
1208
+ .aksel-textarea--resize-both .aksel-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1209
+ border-bottom-right-radius: 0;
1210
+ }
1211
+
1212
+ .aksel-textarea--resize-both .aksel-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1213
+ border-bottom-left-radius: 0;
1214
+ }
1215
+
1216
+ .aksel-textarea--resize-both .aksel-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1217
+ border-bottom-left-radius: 0;
1097
1218
  }
1098
1219
 
1099
1220
  .aksel-textarea--resize-horizontal .aksel-textarea__input {
1100
1221
  resize: horizontal;
1101
- border-end-end-radius: 0;
1222
+ }
1223
+
1224
+ .aksel-textarea--resize-horizontal .aksel-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1225
+ border-bottom-right-radius: 0;
1226
+ }
1227
+
1228
+ .aksel-textarea--resize-horizontal .aksel-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1229
+ border-bottom-left-radius: 0;
1230
+ }
1231
+
1232
+ .aksel-textarea--resize-horizontal .aksel-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1233
+ border-bottom-left-radius: 0;
1102
1234
  }
1103
1235
 
1104
1236
  .aksel-textarea--resize-vertical .aksel-textarea__input {
1105
1237
  resize: vertical;
1106
- border-end-end-radius: 0;
1238
+ }
1239
+
1240
+ .aksel-textarea--resize-vertical .aksel-textarea__input:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1241
+ border-bottom-right-radius: 0;
1242
+ }
1243
+
1244
+ .aksel-textarea--resize-vertical .aksel-textarea__input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1245
+ border-bottom-left-radius: 0;
1246
+ }
1247
+
1248
+ .aksel-textarea--resize-vertical .aksel-textarea__input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
1249
+ border-bottom-left-radius: 0;
1107
1250
  }
1108
1251
 
1109
1252
  .aksel-textarea--autoscrollbar, .aksel-textarea--autoscrollbar .aksel-textarea__wrapper {
@@ -1146,6 +1289,7 @@
1146
1289
  }
1147
1290
 
1148
1291
  .aksel-search--with-size .aksel-search__wrapper {
1292
+ width: -webkit-fit-content;
1149
1293
  width: fit-content;
1150
1294
  }
1151
1295
 
@@ -1168,7 +1312,13 @@
1168
1312
  outline: none;
1169
1313
  }
1170
1314
 
1171
- .aksel-search__input.aksel-search__input--primary, .aksel-search__input.aksel-search__input--secondary {
1315
+ .aksel-search__input.aksel-search__input--primary {
1316
+ border-right: none;
1317
+ border-top-right-radius: 0;
1318
+ border-bottom-right-radius: 0;
1319
+ }
1320
+
1321
+ .aksel-search__input.aksel-search__input--secondary {
1172
1322
  border-right: none;
1173
1323
  border-top-right-radius: 0;
1174
1324
  border-bottom-right-radius: 0;
@@ -1236,6 +1386,10 @@
1236
1386
  --__axc-button-border-color: var(--ax-border-strong);
1237
1387
  }
1238
1388
 
1389
+ .aksel-search:not(.aksel-search--error, .aksel-search--disabled) .aksel-search__wrapper:has(.aksel-search__input:-webkit-any(:hover, :focus-visible)) .aksel-search__button-search.aksel-button--secondary:not(:hover, :active) {
1390
+ --__axc-button-border-color: var(--ax-border-strong);
1391
+ }
1392
+
1239
1393
  .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) {
1240
1394
  --__axc-button-border-color: var(--ax-border-strong);
1241
1395
  }
@@ -1249,7 +1403,11 @@
1249
1403
  box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
1250
1404
  }
1251
1405
 
1252
- .aksel-search__input:focus-visible, .aksel-search__button-search:focus-visible {
1406
+ .aksel-search__input:focus-visible {
1407
+ z-index: 1;
1408
+ }
1409
+
1410
+ .aksel-search__button-search:focus-visible {
1253
1411
  z-index: 1;
1254
1412
  }
1255
1413
 
@@ -1272,6 +1430,10 @@
1272
1430
  position: relative;
1273
1431
  }
1274
1432
 
1433
+ .aksel-form-field:not(:-webkit-any(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
1434
+ border-color: var(--ax-border-strong);
1435
+ }
1436
+
1275
1437
  .aksel-form-field:not(:is(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
1276
1438
  border-color: var(--ax-border-strong);
1277
1439
  }
@@ -1296,7 +1458,11 @@
1296
1458
  cursor: not-allowed;
1297
1459
  }
1298
1460
 
1299
- .aksel-combobox--disabled .aksel-combobox__selected-options, .aksel-combobox--disabled .aksel-combobox--readonly {
1461
+ .aksel-combobox--disabled .aksel-combobox__selected-options {
1462
+ pointer-events: none;
1463
+ }
1464
+
1465
+ .aksel-combobox--disabled .aksel-combobox--readonly {
1300
1466
  pointer-events: none;
1301
1467
  }
1302
1468
 
@@ -1317,7 +1483,11 @@
1317
1483
  overflow: clip;
1318
1484
  }
1319
1485
 
1320
- .aksel-combobox--readonly .aksel-text-field__input, .aksel-combobox--readonly .aksel-combobox__input {
1486
+ .aksel-combobox--readonly .aksel-text-field__input {
1487
+ background-color: var(--ax-bg-neutral-moderate);
1488
+ }
1489
+
1490
+ .aksel-combobox--readonly .aksel-combobox__input {
1321
1491
  background-color: var(--ax-bg-neutral-moderate);
1322
1492
  }
1323
1493
 
@@ -1441,7 +1611,11 @@
1441
1611
  outline: none;
1442
1612
  }
1443
1613
 
1444
- .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus), .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
1614
+ .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus) {
1615
+ outline: none;
1616
+ }
1617
+
1618
+ .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
1445
1619
  outline: none;
1446
1620
  }
1447
1621
  }
@@ -1578,7 +1752,7 @@
1578
1752
  border-radius: 0;
1579
1753
  justify-content: flex-start;
1580
1754
  gap: .25rem;
1581
- margin-block-start: calc(var(--ax-space-4) * -1);
1755
+ margin-top: calc(var(--ax-space-4) * -1);
1582
1756
  }
1583
1757
 
1584
1758
  .aksel-combobox__list-item--new-option svg {
@@ -1606,6 +1780,7 @@
1606
1780
  }
1607
1781
 
1608
1782
  .aksel-combobox__input {
1783
+ min-width: -webkit-min-content;
1609
1784
  min-width: min-content;
1610
1785
  padding: .75rem 0;
1611
1786
  }
@@ -1805,8 +1980,9 @@
1805
1980
  opacity: .001;
1806
1981
  grid-template-rows: 0fr;
1807
1982
  margin-top: -2px;
1808
- padding-block: 0;
1809
- transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
1983
+ padding-top: 0;
1984
+ padding-bottom: 0;
1985
+ transition-property: margin-top, opacity, visibility, padding-top, grid-template-rows;
1810
1986
  transition-duration: .3s;
1811
1987
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
1812
1988
  display: grid;
@@ -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}li.aksel-file-item{margin:0;padding:0;list-style:none}.aksel-file-upload :-webkit-any(ul,li){margin:0;padding:0;list-style:none}.aksel-file-upload :is(ul,li){margin:0;padding:0;list-style:none}ul:has(>li.aksel-file-item){margin:0;padding:0;list-style:none}.aksel-file-item__inner{background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-neutral-subtleA);outline-offset:-1px;border-radius:var(--ax-radius-12);padding:var(--ax-space-16) var(--ax-space-20);gap:var(--ax-space-12);align-items:flex-start;transition:outline-color .25s cubic-bezier(0,.3,.15,1);display:flex}.aksel-file-item--error>.aksel-file-item__inner{outline:2px solid var(--ax-border-danger-strong)}.aksel-file-item__icon{background-color:var(--ax-bg-neutral-moderateA);color:var(--ax-text-neutral);border-radius:var(--ax-radius-full);min-width:2.5rem;min-height:2.5rem;margin-top:var(--ax-space-2);place-content:center;transition:background-color .25s cubic-bezier(0,.3,.15,1);display:grid}.aksel-file-item__icon>svg{width:1.5rem;height:1.5rem}.aksel-file-item__icon--loading{background-color:#0000}.aksel-file-item__file-info{overflow-wrap:anywhere}.aksel-file-item__error{grid-template-rows:0fr;transition-property:grid-template-rows,padding-top;transition-duration:.25s;transition-timing-function:cubic-bezier(0,.3,.15,1);display:grid;overflow:hidden}.aksel-file-item--error .aksel-file-item__error{padding-top:var(--ax-space-4);grid-template-rows:1fr}.aksel-form-field{justify-items:start;gap:var(--ax-space-8);display:grid}.aksel-form-field__description{color:var(--ax-text-neutral-subtle);margin-top:-.375rem}.aksel-form-field__description:empty{display:none}.aksel-form-field--disabled{opacity:var(--ax-opacity-disabled);cursor:not-allowed}.aksel-form-field__error:empty{display:none}.aksel-form-field__subdescription{color:var(--ax-text-neutral-subtle)}.aksel-form-field--readonly>:where(.aksel-form-field__label){display:inline-flex}.aksel-form-field__readonly-icon{margin-top:var(--ax-space-2);margin-right:var(--ax-space-4);flex-shrink:0;align-self:flex-start}@media(forced-colors:active){.aksel-form-field--disabled{opacity:1}}.aksel-error-summary{background-color:var(--ax-bg-default);padding:var(--ax-space-16) var(--ax-space-20);border:4px solid var(--ax-border-danger);border-radius:var(--ax-radius-12);outline-offset:3px}.aksel-error-summary:focus-visible{outline:3px solid var(--ax-border-focus)}.aksel-error-summary:has(.aksel-error-summary__heading:focus-visible){outline:3px solid var(--ax-border-focus)}@supports not selector(:focus-visible){.aksel-error-summary:focus{outline:3px solid var(--ax-border-focus)}}.aksel-error-summary--small{padding:var(--ax-space-12) var(--ax-space-16)}.aksel-error-summary--small .aksel-error-summary__heading{scroll-margin-top:var(--ax-space-16)}.aksel-error-summary--small>.aksel-error-summary__list{margin:var(--ax-space-8) 0;gap:var(--ax-space-8);padding-left:var(--ax-space-20)}.aksel-error-summary__heading{scroll-margin-top:var(--ax-space-24)}.aksel-error-summary__heading:focus{outline:none}.aksel-error-summary__list{margin:var(--ax-space-12) 0;gap:var(--ax-space-12);padding-left:var(--ax-space-24);list-style:inherit;flex-direction:column;display:flex}.aksel-confirmation-panel__inner{gap:var(--ax-space-12);padding:var(--ax-space-16);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-default);background-color:var(--ax-bg-moderate);flex-direction:column;justify-self:stretch;transition:background-color .1s linear;display:flex;position:relative}.aksel-confirmation-panel__content{max-width:80ch}@media(forced-colors:active){.aksel-confirmation-panel__inner:before{content:"";forced-color-adjust:none;border-color:orange;border-left-style:solid;border-left-width:8px;height:100%;position:absolute;top:0;left:0}.aksel-confirmation-panel__inner:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{border-top-left-radius:calc(var(--ax-radius-8) - 1px);border-bottom-left-radius:calc(var(--ax-radius-8) - 1px)}.aksel-confirmation-panel__inner:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{border-top-right-radius:calc(var(--ax-radius-8) - 1px);border-bottom-right-radius:calc(var(--ax-radius-8) - 1px)}.aksel-confirmation-panel__inner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{border-top-right-radius:calc(var(--ax-radius-8) - 1px);border-bottom-right-radius:calc(var(--ax-radius-8) - 1px)}.aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before{border-color:green}.aksel-confirmation-panel--error .aksel-confirmation-panel__inner:before{border-color:red}}.aksel-checkbox,.aksel-radio{--__axc-radio-checkbox-marker-size: 1.5rem;--__axc-radio-checkbox-marker-target: 2.75rem;gap:var(--ax-space-2) 0;width:-webkit-fit-content;width:fit-content;padding:var(--ax-space-12) 0;grid-template-columns:auto 1fr;display:grid;position:relative}:is(.aksel-checkbox,.aksel-radio):focus-within:after{content:"";inset:var(--ax-space-12) 0;pointer-events:none;border-radius:var(--ax-radius-4);outline:3px solid var(--ax-border-focus);outline-offset:3px;position:absolute}.aksel-checkbox--small,.aksel-radio--small{--__axc-radio-checkbox-marker-size: 1.25rem;--__axc-radio-checkbox-marker-target: 2rem;padding:var(--ax-space-6) 0}:is(.aksel-checkbox--small,.aksel-radio--small):focus-within:after{inset:var(--ax-space-6) 0}.aksel-checkbox__label,.aksel-radio__label{cursor:pointer}.aksel-checkbox__description,.aksel-radio__description{grid-column-start:2}.aksel-checkbox__label,.aksel-radio__label,.aksel-checkbox__description,.aksel-radio__description{padding-left:var(--ax-space-8)}.aksel-checkbox__input-wrapper{height:var(--__axc-radio-checkbox-marker-size);position:relative}.aksel-checkbox__input,.aksel-radio__input{--__axc-radio-checkbox-marker-border: 2px;-webkit-appearance:none;appearance:none;cursor:pointer;width:var(--__axc-radio-checkbox-marker-size);height:var(--__axc-radio-checkbox-marker-size);background-color:var(--ax-bg-input);border:var(--__axc-radio-checkbox-marker-border) solid var(--ax-border-neutral);border-radius:var(--ax-radius-4);outline:none;position:relative}.aksel-checkbox__input:before,.aksel-radio__input:before{content:"";inset:calc(-1 * (var(--__axc-radio-checkbox-marker-border) + (var(--__axc-radio-checkbox-marker-target) - var(--__axc-radio-checkbox-marker-size)) / 2));position:absolute}.aksel-radio__input{border-radius:var(--ax-radius-full)}.aksel-checkbox__input:indeterminate{justify-content:center;align-items:center;display:flex}.aksel-checkbox__input:indeterminate:after{content:"";background-color:var(--ax-bg-default);border-radius:1px;width:.75rem;height:.25rem;position:absolute}.aksel-checkbox__input:where(:checked,:indeterminate){background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-checkbox__input:where(:checked,:indeterminate):not(:disabled):hover{border-color:var(--ax-bg-strong-hover);background-color:var(--ax-bg-strong-hover)}.aksel-checkbox__input:where(:not(:checked))+.aksel-checkbox__icon{display:none}.aksel-checkbox__icon{color:var(--ax-bg-default);pointer-events:none;width:.8125rem;height:var(--__axc-radio-checkbox-marker-size);top:0;left:var(--ax-space-6);position:absolute}.aksel-checkbox--small .aksel-checkbox__input:checked+.aksel-checkbox__icon{left:var(--ax-space-4)}.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 8px;border-color:var(--ax-bg-strong-pressed);background-color:var(--ax-bg-input)}.aksel-radio--small>.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 7px}.aksel-checkbox__input:hover:not(:disabled,:checked,:indeterminate),.aksel-radio__input:hover:not(:disabled,:checked){border-color:var(--ax-border-strong);background-color:var(--ax-bg-moderate-hoverA)}.aksel-checkbox--error .aksel-checkbox__input:not(:disabled,:checked,:indeterminate),.aksel-radio--error>.aksel-radio__input:not(:disabled,:checked){border-color:var(--ax-border-danger-strong)}.aksel-checkbox--disabled,.aksel-radio--disabled{opacity:var(--ax-opacity-disabled)}.aksel-checkbox--disabled :where(.aksel-checkbox__input,.aksel-checkbox__label){cursor:not-allowed}.aksel-radio--disabled>:where(.aksel-radio__input,.aksel-radio__label){cursor:not-allowed}.aksel-checkbox--readonly :where(.aksel-checkbox__input,.aksel-checkbox__label){cursor:default}.aksel-radio--readonly>:where(.aksel-radio__input,.aksel-radio__label){cursor:default}.aksel-checkbox--readonly .aksel-checkbox__input:not(:disabled),.aksel-radio--readonly>.aksel-radio__input:not(:disabled){background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtle)}.aksel-checkbox--readonly .aksel-checkbox__label{display:inline-flex}.aksel-checkbox--readonly .aksel-checkbox__input:checked+.aksel-checkbox__icon{color:var(--ax-text-neutral-subtle)}.aksel-checkbox--readonly .aksel-checkbox__input:indeterminate:after{background-color:var(--ax-text-neutral-subtle)}.aksel-radio--readonly>.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 0px;background-color:var(--ax-bg-neutral-strong);box-shadow:inset 0 0 0 2px var(--ax-border-neutral-subtle),inset 0 0 0 8px var(--ax-bg-neutral-moderate)}.aksel-radio--small.aksel-radio--readonly>.aksel-radio__input:checked{box-shadow:inset 0 0 0 2px var(--ax-border-neutral-subtle),inset 0 0 0 7px var(--ax-bg-neutral-moderate)}@media(forced-colors:active){:-webkit-any(.aksel-checkbox,.aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after{background-color:fieldtext}:is(.aksel-checkbox,.aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after{background-color:fieldtext}.aksel-radio:not(.aksel-radio--readonly)>.aksel-radio__input:hover:not(:disabled)+.aksel-radio__label{color:highlight}.aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled))>.aksel-checkbox__label{color:highlight}.aksel-checkbox:not(.aksel-checkbox--readonly) .aksel-checkbox__input:hover:not(:disabled),.aksel-radio:not(.aksel-radio--readonly)>.aksel-radio__input:hover:not(:disabled){border-color:highlight}.aksel-checkbox--readonly .aksel-checkbox__input:checked+.aksel-checkbox__icon{color:var(--ax-bg-default)}.aksel-radio--readonly>.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 8px}.aksel-radio--small.aksel-radio--readonly>.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 7px}.aksel-checkbox--disabled,.aksel-radio--disabled{opacity:1}.aksel-checkbox--disabled .aksel-checkbox__input,.aksel-radio--disabled .aksel-radio__input{background-color:field;border-color:graytext}.aksel-checkbox--disabled .aksel-checkbox__input:indeterminate:after{background-color:graytext}.aksel-checkbox--disabled :is(.aksel-checkbox__label,.aksel-checkbox__description,.aksel-checkbox__input:checked+.aksel-checkbox__icon){color:graytext}.aksel-radio--disabled :-webkit-any(.aksel-radio__label,.aksel-radio__description){color:graytext}.aksel-radio--disabled :is(.aksel-radio__label,.aksel-radio__description){color:graytext}}.aksel-select__input{-webkit-appearance:none;appearance:none;background-color:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);color:var(--ax-text-neutral);box-sizing:border-box;width:100%;min-height:3rem;padding:var(--ax-space-8);padding-right:var(--ax-space-40);scroll-margin-block-start:4rem;display:inline-block;position:relative}.aksel-select__input:hover{border-color:var(--ax-border-strong);cursor:pointer}.aksel-select__input:focus{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-strong)}@media(forced-colors:active){.aksel-select__input{color:buttontext;background-color:buttonface;border-color:buttontext}}.aksel-select__container{width:100%;color:var(--ax-text-neutral);display:flex;position:relative}.aksel-select__chevron{right:var(--ax-space-8);pointer-events:none;color:var(--ax-text-neutral);align-self:center;font-size:1.5rem;position:absolute}@media(forced-colors:active){.aksel-select__chevron{color:buttontext}}.aksel-form-field--small .aksel-select__input{min-height:2rem;padding-top:0;padding-bottom:0}.aksel-select--error>* select{box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}.aksel-select--error>* select:hover{box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}.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:-webkit-any(:hover,:focus){color:buttontext;background-color:buttonface;border-color:buttontext}.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:-webkit-fit-content;width:fit-content;min-height:3rem;position:relative}.aksel-switch--small{min-height:2rem}.aksel-switch__input{cursor:pointer;z-index:1;opacity:0;width:3rem;height:3rem;position:absolute;top:0}.aksel-switch--small>.aksel-switch__input{width:2.5rem;height:2rem;top:0}.aksel-switch__label-wrapper{cursor:pointer;color:var(--ax-text-neutral)}.aksel-switch__content{--__axc-switch-block-padding: .75rem;--__axc-switch-inline-padding: 3.25rem;gap:var(--ax-space-2);padding:var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) var(--__axc-switch-inline-padding);flex-direction:column;display:flex;position:relative}.aksel-switch--right .aksel-switch__content{padding:var(--__axc-switch-block-padding) var(--__axc-switch-inline-padding) var(--__axc-switch-block-padding) 0}.aksel-switch--small .aksel-switch__content{--__axc-switch-block-padding: .375rem;--__axc-switch-inline-padding: 2.75rem}.aksel-switch__content.aksel-switch--with-description{padding-bottom:0}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content:after{content:"";width:100%;height:calc(100% - var(--__axc-switch-block-padding) * 2);border-radius:var(--ax-radius-4);outline:3px solid var(--ax-border-focus);outline-offset:3px;pointer-events:none;position:absolute;left:0}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content.aksel-switch--with-description:after{height:calc(100% - var(--__axc-switch-block-padding) * 1)}.aksel-switch__input:disabled:hover~.aksel-switch__label-wrapper{color:inherit}.aksel-switch__track{background-color:var(--ax-bg-input);width:2.75rem;height:1.5rem;top:var(--ax-space-12);border-radius:var(--ax-radius-full);border:2px solid var(--ax-border-neutral);transition-property:background-color,border-color;transition-duration:.1s;transition-timing-function:ease;position:absolute;left:0}.aksel-switch--small>.aksel-switch__track{top:var(--ax-space-6);width:2.25rem;height:1.25rem}.aksel-switch__input:checked~.aksel-switch__track{background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-switch__input:hover~.aksel-switch__track{background-color:var(--ax-bg-neutral-moderate-hover)}.aksel-switch__input:hover:checked~.aksel-switch__track{background-color:var(--ax-bg-strong-hover);border-color:var(--ax-bg-strong-hover)}.aksel-switch__input:disabled~.aksel-switch__track{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral)}.aksel-switch__input:checked:disabled~.aksel-switch__track{background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-switch--standalone>.aksel-switch__input:focus~.aksel-switch__track{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong);border-radius:var(--ax-radius-full);justify-content:center;align-items:center;width:1.125rem;height:1.125rem;transition:transform .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:.0625rem;left:.0625rem;transform:translate(0)}.aksel-switch--small .aksel-switch__thumb{width:.875rem;height:.875rem}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{background-color:var(--ax-bg-raised);color:var(--ax-text-subtle);width:1.25rem;height:1.25rem;top:0;left:0;transform:translate(1.25rem)}.aksel-switch--small>.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{width:1rem;height:1rem;top:0;left:0;transform:translate(1rem)}@media(hover:hover)and (pointer:fine){.aksel-switch__input:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(.17rem)}.aksel-switch__input:checked:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1.1rem)}.aksel-switch--small>.aksel-switch__input:checked:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(.875rem)}}.aksel-switch--right{width:auto}.aksel-switch--right .aksel-switch__input,.aksel-switch--right .aksel-switch__track{left:auto;right:0}.aksel-switch__input:disabled{-webkit-appearance:none;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{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA)}.aksel-switch--readonly>.aksel-switch__input:hover~.aksel-switch__track{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA)}.aksel-switch--readonly>.aksel-switch__input:checked~.aksel-switch__track{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA)}.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{cursor:default}.aksel-switch--readonly>.aksel-switch__input{cursor:default}.aksel-switch--readonly .aksel-switch__label{display:inline-flex}.aksel-switch--readonly .aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong)}.aksel-switch--readonly>.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong);color:var(--ax-text-neutral-contrast)}@media(hover:hover)and (pointer:fine){.aksel-switch--readonly>.aksel-switch__input:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(0)}.aksel-switch--readonly>.aksel-switch__input:checked:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1.25rem)}.aksel-switch--readonly.aksel-switch--small>.aksel-switch__input:checked:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1rem)}}@media(forced-colors:active){.aksel-switch__thumb,.aksel-switch--readonly .aksel-switch__thumb{background-color:fieldtext!important}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb,.aksel-switch--readonly .aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{color:field}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content:after,.aksel-switch--standalone>.aksel-switch__input:focus~.aksel-switch__track{outline:3px solid highlight}.aksel-switch--disabled:not(.aksel-switch--loading){opacity:1}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__thumb{background-color:graytext!important}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__track{border-color:graytext!important}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper,.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper:hover{color:graytext!important}}.aksel-text-field__input{-webkit-appearance:none;appearance:none;padding:var(--ax-space-8);background:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);width:100%;min-height:3rem;color:var(--ax-text-neutral);scroll-margin-block-start:4rem}.aksel-text-field__input:hover{border-color:var(--ax-border-strong)}.aksel-text-field__input:focus-visible{border-color:var(--ax-border-strong);outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-text-field__input:disabled{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral);cursor:not-allowed}.aksel-text-field__input::placeholder{color:var(--ax-text-neutral-subtle)}.aksel-text-field__input[size]{width:auto}.aksel-form-field--small .aksel-text-field__input{padding:0 var(--ax-space-8);min-height:2rem}.aksel-text-field--error .aksel-text-field__input:not(:disabled){border-color:var(--ax-border-danger-strong);box-shadow:0 0 0 1px var(--ax-border-danger-strong)}.aksel-text-field--readonly .aksel-text-field__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}.aksel-text-field__input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-results-button{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}@media(forced-colors:active){.aksel-text-field__input{color:fieldtext;background-color:field}}.aksel-textarea__input{height:var(--__axc-textarea-height);-webkit-appearance:none;appearance:none;padding:var(--ax-space-8);background-color:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);resize:none;width:100%;color:var(--ax-text-neutral);white-space:break-spaces;scroll-margin-block-start:4rem;display:block}.aksel-textarea__input::placeholder{color:var(--ax-text-neutral-subtle)}.aksel-textarea__input:hover{border-color:var(--ax-border-strong)}.aksel-textarea__input:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-strong)}.aksel-textarea__input:disabled{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral);cursor:not-allowed}.aksel-form-field--small .aksel-textarea__input{padding:var(--ax-space-6)}.aksel-textarea--readonly .aksel-textarea__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}.aksel-textarea__counter{color:var(--ax-text-neutral-subtle);margin-top:-.25rem}.aksel-textarea__counter--error{color:var(--ax-text-danger-subtle)}.aksel-textarea__sr-counter{display:none}.aksel-textarea__input:focus~.aksel-textarea__sr-counter{display:initial}.aksel-textarea--resize-both .aksel-textarea__input{resize:both}.aksel-textarea--resize-both .aksel-textarea__input:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-right-radius:0}.aksel-textarea--resize-both .aksel-textarea__input:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:0}.aksel-textarea--resize-both .aksel-textarea__input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:0}.aksel-textarea--resize-horizontal .aksel-textarea__input{resize:horizontal}.aksel-textarea--resize-horizontal .aksel-textarea__input:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-right-radius:0}.aksel-textarea--resize-horizontal .aksel-textarea__input:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:0}.aksel-textarea--resize-horizontal .aksel-textarea__input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:0}.aksel-textarea--resize-vertical .aksel-textarea__input{resize:vertical}.aksel-textarea--resize-vertical .aksel-textarea__input:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-right-radius:0}.aksel-textarea--resize-vertical .aksel-textarea__input:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:0}.aksel-textarea--resize-vertical .aksel-textarea__input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-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:-webkit-fit-content;width:fit-content}.aksel-search__wrapper{border-radius:var(--ax-radius-8);align-items:center;display:inline-flex}.aksel-search__wrapper:has(.aksel-search__input:focus-visible){outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-search__input{padding-right:var(--ax-space-40)}.aksel-search__input:focus-visible{outline:none}.aksel-search__input.aksel-search__input--primary,.aksel-search__input.aksel-search__input--secondary{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.aksel-search__input--simple{padding-left:var(--ax-space-40)}.aksel-form-field--small .aksel-search__input{padding-right:var(--ax-space-28)}.aksel-form-field--small .aksel-search__input--simple{padding-left:var(--ax-space-28)}.aksel-form-field--small .aksel-search__search-icon{left:var(--ax-space-4);font-size:1.25rem}.aksel-form-field--small .aksel-search__button-clear{right:var(--ax-space-4)}.aksel-search__search-icon{color:var(--ax-text-neutral);left:var(--ax-space-8);pointer-events:none;font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.aksel-search--disabled .aksel-search__search-icon{opacity:var(--ax-opacity-disabled)}.aksel-search__button-clear{right:var(--ax-space-8);position:absolute;top:50%;transform:translateY(-50%)}.aksel-search__button-search{border-radius:0;border-top-right-radius:var(--ax-radius-8);border-bottom-right-radius:var(--ax-radius-8);flex-shrink:0}.aksel-search__button-search.aksel-button--secondary{--__axc-button-border-width: 1px;--__axc-button-border-color: var(--ax-border-neutral)}.aksel-search__button-search.aksel-button--secondary:not(:hover,:active){background-color:var(--ax-bg-input)}.aksel-search__button-search.aksel-button--secondary:hover:not(:disabled){--__axc-button-border-color: var(--ax-border-strong)}.aksel-search:not(.aksel-search--error,.aksel-search--disabled) .aksel-search__wrapper:has(.aksel-search__input:-webkit-any(:hover,:focus-visible)) .aksel-search__button-search.aksel-button--secondary:not(:hover,:active){--__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{z-index:1}.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(:-webkit-any(.aksel-combobox--disabled,.aksel-combobox--readonly)) .aksel-combobox__wrapper:hover{border-color:var(--ax-border-strong)}.aksel-form-field:not(:is(.aksel-combobox--disabled,.aksel-combobox--readonly)) .aksel-combobox__wrapper:hover{border-color:var(--ax-border-strong)}.aksel-form-field--small .aksel-combobox__wrapper{--__axc-combobox-icon-size: 1.25rem;--__axc-combobox-wrapper-inner-padding: var(--ax-space-4);--__axc-combobox-list-item-padding-block: var(--ax-space-6);--__axc-combobox-list-item-padding-inline: var(--ax-space-8);--__axc-combobox-input-height: 1.5rem}.aksel-combobox--disabled{opacity:var(--ax-opacity-disabled)}.aksel-combobox--disabled .aksel-combobox__wrapper:hover{border-color:var(--ax-border-neutral)}.aksel-combobox--disabled .aksel-combobox__wrapper :hover{cursor:not-allowed}.aksel-combobox--disabled .aksel-combobox__selected-options,.aksel-combobox--disabled .aksel-combobox--readonly,.aksel-combobox--readonly{pointer-events:none}.aksel-combobox--readonly .aksel-combobox__selected-options .aksel-chips__chip{background-color:var(--ax-bg-neutral-moderateA)}.aksel-combobox--readonly .aksel-combobox__button-toggle-list{color:var(--ax-bg-neutral-moderate)}.aksel-combobox--readonly .aksel-combobox__wrapper{border-color:var(--ax-border-neutral-subtle);overflow:clip}.aksel-combobox--readonly .aksel-text-field__input,.aksel-combobox--readonly .aksel-combobox__input{background-color:var(--ax-bg-neutral-moderate)}.aksel-combobox__button-toggle-list svg,.aksel-combobox__list svg{width:var(--__axc-combobox-icon-size);height:var(--__axc-combobox-icon-size)}.aksel-combobox__wrapper-inner{border:1px solid var(--ax-border-neutral);border-radius:var(--ax-radius-8)}.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible){outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-strong)}.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible).aksel-combobox__wrapper-inner--virtually-unfocused{border-color:var(--ax-border-neutral);outline:none}.aksel-combobox__wrapper-inner.aksel-text-field__input{width:100%;padding-block:calc(var(--__axc-combobox-wrapper-inner-padding) - var(--__axc-combobox-border-width));padding-inline:var(--__axc-combobox-wrapper-inner-padding);flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:relative}.aksel-combobox__wrapper-inner>:first-child{flex:2}.aksel-combobox__wrapper-inner:hover{cursor:text}.aksel-combobox--disabled .aksel-combobox__wrapper-inner:hover{border-color:var(--ax-border-neutral)}.aksel-combobox--error .aksel-combobox__wrapper-inner{border-color:var(--ax-border-danger-strong);box-shadow:0 0 0 1px var(--ax-border-danger-strong)}.aksel-combobox--error .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible){border-color:var(--ax-border-danger-strong)}.aksel-combobox__selected-options{align-items:center;gap:0}.aksel-combobox__selected-options>li{border-radius:var(--ax-radius-full);margin:auto 0}.aksel-combobox__selected-options>li:last-of-type{flex:1;display:flex}.aksel-combobox__selected-options[data-type=multiple]{gap:var(--__axc-combobox-wrapper-inner-padding)}.aksel-combobox__selected-options--no-bg{font-family:inherit;font-size:var(--ax-font-size-large);font-weight:var(--ax-font-weight-regular);letter-spacing:0;line-height:var(--ax-font-line-height-large);margin:0;padding-left:.25rem}.aksel-combobox__input-wrapper{width:100%}.aksel-combobox__input{width:100%;min-width:10ch;height:var(--__axc-combobox-input-height);background:none;border:none;flex:1;margin:0;padding:0}.aksel-combobox__input:focus-visible{border:none;outline:0}.aksel-combobox__selected-options>li:only-child>.aksel-combobox__input{margin-left:var(--ax-space-4)}.aksel-combobox__selected-options[data-type=single] .aksel-combobox__input{min-width:auto}.aksel-combobox__input--hide-caret{caret-color:#0000}@supports not selector(:focus-visible){.aksel-combobox__input:focus{border:none;outline:none}.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus){outline:none}.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused{outline:none}}.aksel-combobox__input::-webkit-search-cancel-button{display:none}.aksel-combobox__button-toggle-list{color:var(--ax-text-neutral);cursor:pointer;background:none;border:none;justify-content:center;align-items:center;padding:0;font-size:1rem;display:flex}.aksel-combobox__button-toggle-list:hover{color:var(--ax-text-subtle)}.aksel-combobox__button-toggle-list:hover:active{color:var(--ax-text-default)}.aksel-combobox__list{width:var(--ac-floating-anchor-width);border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-8);background-color:var(--ax-bg-raised);color:var(--ax-text-neutral);box-shadow:var(--ax-shadow-dialog);flex-direction:column;display:flex;overflow:clip}.aksel-combobox__list .aksel-combobox__list-options{overflow-y:auto}.aksel-combobox__list--closed{display:none}.aksel-combobox__list-item,.aksel-combobox__list-item--loading,.aksel-combobox__list-item--no-options,.aksel-combobox__list-item--new-option,.aksel-combobox__list-item--max-selected{padding-block:var(--__axc-combobox-list-item-padding-block);padding-inline:var(--__axc-combobox-list-item-padding-inline);border-radius:var(--ax-radius-8);margin-inline:var(--ax-space-8);margin-block:var(--ax-space-2);border:0;justify-content:space-between;align-items:center;scroll-margin-block:8px;display:flex}.aksel-combobox__list-item--no-options{margin:0}.aksel-combobox__list-item--loading{justify-content:center;margin:0}.aksel-combobox__list-item--max-selected{background-color:var(--ax-bg-neutral-moderateA);border-bottom:1px solid var(--ax-border-neutral-subtle);padding-block:var(--ax-space-8);line-height:var(--ax-font-line-height-large);border-radius:0;margin:0}.aksel-combobox__list-options{display:inherit;flex-direction:inherit;gap:inherit;background-color:inherit;padding:0;padding-block:var(--ax-space-4);align-items:stretch;margin:0;list-style:none}.aksel-combobox__list-item--focus{cursor:pointer;outline:2px solid var(--ax-border-focus)}.aksel-combobox__list-item--focus,.aksel-combobox__list--with-hover .aksel-combobox__list-item:not([data-no-focus=true],.aksel-combobox__list-item--new-option):hover{cursor:pointer}.aksel-combobox__list-item{-webkit-user-select:none;user-select:none}.aksel-combobox__list-item[data-no-focus=true]{cursor:not-allowed;opacity:.4}.aksel-combobox__list-item mark{font-weight:var(--ax-font-weight-bold);color:var(--ax-text-neutral);background-color:#0000}.aksel-combobox__list-item svg{color:var(--ax-text-neutral)}.aksel-combobox__list-item--selected{background-color:var(--ax-bg-moderate-pressedA)}.aksel-combobox__list-item--selected p{font-weight:var(--ax-font-weight-bold)}.aksel-combobox__list-item--new-option{border-bottom:1px solid var(--ax-border-subtleA);background:var(--ax-bg-moderateA);cursor:pointer;margin:0;border-radius:0;justify-content:flex-start;gap:.25rem;margin-top: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:-webkit-min-content;min-width:min-content;padding:.75rem 0}.aksel-combobox__selected-options{gap:var(--ax-space-4)}.aksel-combobox__list{overscroll-behavior:contain}}@media(forced-colors:active){.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible){outline-color:highlight}.aksel-combobox__list-item--focus,.aksel-combobox__list--with-hover .aksel-combobox__list-item:not([data-no-focus=true],.aksel-combobox__list-item--new-option):hover{color:highlight;border-left-color:highlight}.aksel-combobox__list-item[data-no-focus=true]{opacity:1;color:graytext}.aksel-combobox__list-item--selected{color:selecteditemtext;background-color:highlight}.aksel-combobox__list-item--selected *{color:#000}.aksel-combobox__list-item--selected>*{forced-color-adjust:none}.aksel-combobox__list-item--selected.aksel-combobox__list-item--focus,.aksel-combobox__list--with-hover .aksel-combobox__list-item--selected:hover{color:highlight;border-left-color:highlight}.aksel-combobox__list--with-hover .aksel-combobox__list-item--new-option:hover{color:highlight}.aksel-combobox__list-item--new-option--focus{outline-offset:0;outline:2px solid highlight}.aksel-combobox--disabled{opacity:1}.aksel-combobox--disabled *{color:graytext;opacity:1;border-color:graytext}.aksel-combobox__list-item--new-option svg{color:canvastext}.aksel-combobox__list-item--new-option:hover{color:highlight}.aksel-combobox__list-item--new-option:hover svg{color:highlight}}.aksel-form-summary{border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-12);background:var(--ax-bg-raised);overflow:hidden}.aksel-form-summary__header{background:var(--ax-bg-neutral-moderateA);padding:var(--ax-space-16) var(--ax-space-20);justify-content:space-between;gap:0 var(--ax-space-12);display:flex}@media(max-width:479px){.aksel-form-summary__header{padding:var(--ax-space-12) var(--ax-space-16);flex-direction:column}}.aksel-form-summary__header .aksel-form-summary__edit{flex-shrink:0;align-self:flex-start}.aksel-form-summary>.aksel-form-summary__answers{border-top:1px solid var(--ax-border-neutral-subtleA)}.aksel-form-summary__answers{padding:var(--ax-space-16) var(--ax-space-20) var(--ax-space-20) var(--ax-space-20);margin:0}@media(max-width:479px){.aksel-form-summary__answers{padding:var(--ax-space-12) var(--ax-space-16) var(--ax-space-16) var(--ax-space-16)}}.aksel-form-summary__answer:not(:last-child){margin-bottom:var(--ax-space-16);padding-bottom:var(--ax-space-16);border-bottom:1px solid var(--ax-border-neutral-subtleA)}.aksel-form-summary__answer:has(.aksel-form-summary__answer){padding-bottom:var(--ax-space-24)}.aksel-form-summary__answer:has(.aksel-form-summary__answer):last-child{padding-bottom:0}@media(max-width:479px){.aksel-form-summary__answer:not(:last-child){margin-bottom:var(--ax-space-12);padding-bottom:var(--ax-space-12)}.aksel-form-summary__answer:has(.aksel-form-summary__answer){padding-bottom:var(--ax-space-20)}}.aksel-form-summary__value:first-of-type{margin-top:var(--ax-space-4)}.aksel-form-summary__value .aksel-form-summary__answers{margin-top:var(--ax-space-8);padding:var(--ax-space-16);background:var(--ax-bg-moderateA);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-subtleA)}.aksel-form-summary__value .aksel-form-summary__answers .aksel-form-summary__answer{border-color:var(--ax-border-subtleA)}.aksel-form-summary__footer{padding:var(--ax-space-16) var(--ax-space-20);background:var(--ax-bg-raised);border-top:1px solid var(--ax-border-neutral-subtleA);display:flex}@media(max-width:479px){.aksel-form-summary__footer{padding:var(--ax-space-12) var(--ax-space-16)}}.aksel-form-progress__bar{margin-bottom:var(--ax-space-8)}.aksel-form-progress__button:focus-visible{z-index:1}.aksel-form-progress__button[data-state=open] svg{transform:rotate(-180deg)}.aksel-form-progress__button[data-state=closed] .aksel-form-progress__btn-txt-hide,.aksel-form-progress__button[data-state=open] .aksel-form-progress__btn-txt-show{display:none}.aksel-form-progress__collapsible{visibility:hidden;border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-12);background:var(--ax-bg-raised);padding-inline:var(--ax-space-20);opacity:.001;grid-template-rows:0fr;margin-top:-2px;padding-top:0;padding-bottom:0;transition-property:margin-top,opacity,visibility,padding-top,grid-template-rows;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;overflow:hidden}.aksel-form-progress__collapsible[hidden]{display:grid}.aksel-form-progress__collapsible[data-state=open]{margin-top:var(--ax-space-4);visibility:visible;padding-block:var(--ax-space-16);opacity:1;grid-template-rows:1fr}.aksel-form-progress__collapsible-content{min-height:0}}
@@ -1,12 +1,18 @@
1
1
  @layer aksel.components {
2
2
  .aksel-guide-panel {
3
3
  --__axc-guide-panel-guide-size: 5rem;
4
+ width: -webkit-fit-content;
4
5
  width: fit-content;
5
6
  display: flex;
6
7
  position: relative;
7
8
  }
8
9
 
9
- .aksel-guide-panel[data-poster="true"], .aksel-guide-panel[data-responsive="true"] {
10
+ .aksel-guide-panel[data-poster="true"] {
11
+ flex-direction: column;
12
+ align-items: center;
13
+ }
14
+
15
+ .aksel-guide-panel[data-responsive="true"] {
10
16
  flex-direction: column;
11
17
  align-items: center;
12
18
  }
@@ -53,6 +59,10 @@
53
59
  position: relative;
54
60
  }
55
61
 
62
+ .aksel-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
63
+ margin-top: var(--ax-space-20);
64
+ }
65
+
56
66
  .aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
57
67
  margin-top: var(--ax-space-20);
58
68
  }
@@ -95,6 +105,12 @@
95
105
  position: absolute;
96
106
  }
97
107
 
108
+ .aksel-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
109
+ left: 50%;
110
+ top: calc(var(--ax-space-16) * -1 - 2px);
111
+ transform: translateX(-25%);
112
+ }
113
+
98
114
  .aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
99
115
  left: 50%;
100
116
  top: calc(var(--ax-space-16) * -1 - 2px);
@@ -0,0 +1 @@
1
+ @layer aksel.components{.aksel-guide-panel{--__axc-guide-panel-guide-size: 5rem;width:-webkit-fit-content;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:-webkit-any([data-poster="true"],[data-responsive="true"])>.aksel-guide-panel__content{margin-top:var(--ax-space-20)}.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:-webkit-any([data-poster="true"],[data-responsive="true"]) .aksel-guide-panel__tail{left:50%;top:calc(var(--ax-space-16) * -1 - 2px);transform:translate(-25%)}.aksel-guide-panel:is([data-poster=true],[data-responsive=true]) .aksel-guide-panel__tail{left:50%;top:calc(var(--ax-space-16) * -1 - 2px);transform:translate(-25%)}.aksel-guide-panel[data-poster=false] .aksel-guide-panel__tail{top:calc(var(--__axc-guide-panel-guide-size) / 2);left:calc(var(--ax-space-20) * -1 - 2px);transform:translateY(-15%)rotate(-90deg)scaleX(-1)}@media(min-width:480px){.aksel-guide-panel[data-responsive=true] .aksel-guide-panel__tail{top:calc(var(--__axc-guide-panel-guide-size) / 2);left:calc(var(--ax-space-20) * -1 - 2px);transform:translateY(-15%)rotate(-90deg)scaleX(-1)}}}
@@ -24,7 +24,11 @@
24
24
  border: 1px solid var(--ax-border-default);
25
25
  }
26
26
 
27
- .aksel-help-text__icon--filled, .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
27
+ .aksel-help-text__icon--filled {
28
+ display: none;
29
+ }
30
+
31
+ .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
28
32
  display: none;
29
33
  }
30
34
 
@@ -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{display:none}.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}}}
@@ -19,7 +19,8 @@
19
19
  font: inherit;
20
20
  font-weight: var(--ax-font-weight-bold);
21
21
  text-align: left;
22
- padding-block: 0;
22
+ padding-top: 0;
23
+ padding-bottom: 0;
23
24
  padding-inline: var(--ax-space-24) var(--ax-space-20);
24
25
  border: none;
25
26
  border-right: 1px solid var(--ax-border-neutral-subtleA);
@@ -33,6 +34,10 @@
33
34
  overflow: visible;
34
35
  }
35
36
 
37
+ .aksel-internalheader__title:-webkit-any(button) {
38
+ cursor: pointer;
39
+ }
40
+
36
41
  .aksel-internalheader__title:is(button) {
37
42
  cursor: pointer;
38
43
  }
@@ -41,6 +46,10 @@
41
46
  background: var(--ax-bg-neutral-moderate-hoverA);
42
47
  }
43
48
 
49
+ .aksel-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
50
+ background: initial;
51
+ }
52
+
44
53
  .aksel-internalheader__title:is(:hover, :active):not(button, a) {
45
54
  background: initial;
46
55
  }
@@ -0,0 +1 @@
1
+ @layer aksel.components{.aksel-internalheader{background:var(--ax-bg-raised);border-bottom:1px solid var(--ax-border-neutral-subtleA);align-self:stretch;min-height:3rem;display:flex}@media(forced-colors:active){.aksel-internalheader{color:buttontext;background-color:buttonface;border:1px solid buttontext}}.aksel-internalheader__title{font:inherit;font-weight:var(--ax-font-weight-bold);text-align:left;padding-top:0;padding-bottom:0;padding-inline:var(--ax-space-24) var(--ax-space-20);border:none;border-right:1px solid var(--ax-border-neutral-subtleA);color:var(--ax-text-neutral);background:none;align-items:center;margin:0;line-height:normal;text-decoration:none;display:flex;overflow:visible}.aksel-internalheader__title:-webkit-any(button){cursor:pointer}.aksel-internalheader__title:is(button){cursor:pointer}.aksel-internalheader__title:hover{background:var(--ax-bg-neutral-moderate-hoverA)}.aksel-internalheader__title:-webkit-any(:hover,:active):not(button,a){background:initial}.aksel-internalheader__title:is(:hover,:active):not(button,a){background:initial}.aksel-internalheader__user{padding:0 var(--ax-space-20);border-left:1px solid var(--ax-border-neutral-subtleA);align-items:center;display:flex}.aksel-internalheader__button{padding:0 var(--ax-space-12);font:inherit;cursor:pointer;text-align:left;justify-self:center;align-items:center;gap:var(--ax-space-8);border:none;border-left:1px solid var(--ax-border-neutral-subtleA);color:var(--ax-text-neutral);background:none;margin:0;line-height:normal;display:flex;overflow:visible}.aksel-internalheader__button:hover{background:var(--ax-bg-neutral-moderate-hoverA)}@media(forced-colors:active){.aksel-internalheader__button:hover{color:highlight;isolation:isolate;background-color:highlighttext;border-color:highlight;outline:1px solid highlight}}:is(.aksel-internalheader__title,.aksel-internalheader__button):focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-4px}:is(.aksel-internalheader__title,.aksel-internalheader__button):active{background:var(--ax-bg-neutral-moderate-pressedA)}.aksel-internalheader__user-button{padding-left:var(--ax-space-20);gap:var(--ax-space-16)}}