@navikt/ds-css 7.28.1 → 7.29.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 (145) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/config/_mappings.js +1 -0
  3. package/darkside/form/radio-checkbox.darkside.css +13 -4
  4. package/darkside/index.css +1 -0
  5. package/darkside/link-card.darkside.css +29 -8
  6. package/darkside/list.darkside.css +6 -0
  7. package/darkside/process.darkside.css +153 -0
  8. package/darkside/table.darkside.css +16 -5
  9. package/darkside/tooltip.darkside.css +1 -1
  10. package/dist/component/form.css +7 -3
  11. package/dist/component/form.min.css +1 -1
  12. package/dist/component/linkcard.css +27 -10
  13. package/dist/component/linkcard.min.css +1 -1
  14. package/dist/component/list.css +7 -0
  15. package/dist/component/list.min.css +1 -1
  16. package/dist/component/process.css +153 -0
  17. package/dist/component/process.min.css +1 -0
  18. package/dist/component/table.css +12 -0
  19. package/dist/component/table.min.css +1 -1
  20. package/dist/components.css +212 -13
  21. package/dist/components.min.css +1 -1
  22. package/dist/darkside/component/form.css +9 -3
  23. package/dist/darkside/component/form.min.css +1 -1
  24. package/dist/darkside/component/linkcard.css +25 -9
  25. package/dist/darkside/component/linkcard.min.css +1 -1
  26. package/dist/darkside/component/list.css +5 -0
  27. package/dist/darkside/component/list.min.css +1 -1
  28. package/dist/darkside/component/process.css +148 -0
  29. package/dist/darkside/component/process.min.css +1 -0
  30. package/dist/darkside/component/table.css +12 -4
  31. package/dist/darkside/component/table.min.css +1 -1
  32. package/dist/darkside/component/tooltip.css +2 -2
  33. package/dist/darkside/component/tooltip.min.css +1 -1
  34. package/dist/darkside/components.css +200 -18
  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 +201 -19
  39. package/dist/darkside/index.min.css +1 -1
  40. package/dist/darkside/version/{7.28.1 → 7.29.1}/component/form.css +9 -3
  41. package/dist/darkside/version/7.29.1/component/form.min.css +1 -0
  42. package/dist/darkside/version/{7.28.1 → 7.29.1}/component/linkcard.css +25 -9
  43. package/dist/darkside/version/7.29.1/component/linkcard.min.css +1 -0
  44. package/dist/darkside/version/{7.28.1 → 7.29.1}/component/list.css +5 -0
  45. package/dist/darkside/version/{7.28.1 → 7.29.1}/component/list.min.css +1 -1
  46. package/dist/darkside/version/7.29.1/component/process.css +148 -0
  47. package/dist/darkside/version/7.29.1/component/process.min.css +1 -0
  48. package/dist/darkside/version/{7.28.1 → 7.29.1}/component/table.css +12 -4
  49. package/dist/darkside/version/7.29.1/component/table.min.css +1 -0
  50. package/dist/darkside/version/{7.28.1 → 7.29.1}/component/tooltip.css +2 -2
  51. package/dist/darkside/version/{7.28.1 → 7.29.1}/component/tooltip.min.css +1 -1
  52. package/dist/darkside/version/{7.28.1 → 7.29.1}/components.css +200 -18
  53. package/dist/darkside/version/7.29.1/components.min.css +1 -0
  54. package/dist/darkside/version/{7.28.1 → 7.29.1}/global/tokens.css +1 -1
  55. package/dist/darkside/version/{7.28.1 → 7.29.1}/global/tokens.min.css +1 -1
  56. package/dist/darkside/version/{7.28.1 → 7.29.1}/index.css +201 -19
  57. package/dist/darkside/version/7.29.1/index.min.css +1 -0
  58. package/dist/global/tokens.css +1 -1
  59. package/dist/global/tokens.min.css +1 -1
  60. package/dist/index.css +213 -14
  61. package/dist/index.min.css +2 -2
  62. package/form/radio-checkbox.css +7 -3
  63. package/index.css +1 -0
  64. package/link-card.css +32 -10
  65. package/list.css +6 -0
  66. package/package.json +5 -4
  67. package/process.css +153 -0
  68. package/table.css +12 -0
  69. package/dist/darkside/version/7.28.1/component/form.min.css +0 -1
  70. package/dist/darkside/version/7.28.1/component/linkcard.min.css +0 -1
  71. package/dist/darkside/version/7.28.1/component/table.min.css +0 -1
  72. package/dist/darkside/version/7.28.1/components.min.css +0 -1
  73. package/dist/darkside/version/7.28.1/index.min.css +0 -1
  74. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/accordion.css +0 -0
  75. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/accordion.min.css +0 -0
  76. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/actionmenu.css +0 -0
  77. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/actionmenu.min.css +0 -0
  78. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/alert.css +0 -0
  79. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/alert.min.css +0 -0
  80. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/button.css +0 -0
  81. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/button.min.css +0 -0
  82. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/chat.css +0 -0
  83. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/chat.min.css +0 -0
  84. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/chips.css +0 -0
  85. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/chips.min.css +0 -0
  86. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/copybutton.css +0 -0
  87. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/copybutton.min.css +0 -0
  88. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/date.css +0 -0
  89. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/date.min.css +0 -0
  90. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/dropdown.css +0 -0
  91. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/dropdown.min.css +0 -0
  92. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/expansioncard.css +0 -0
  93. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/expansioncard.min.css +0 -0
  94. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/guidepanel.css +0 -0
  95. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/guidepanel.min.css +0 -0
  96. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/helptext.css +0 -0
  97. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/helptext.min.css +0 -0
  98. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/internalheader.css +0 -0
  99. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/internalheader.min.css +0 -0
  100. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/link.css +0 -0
  101. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/link.min.css +0 -0
  102. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/linkanchor.css +0 -0
  103. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/linkanchor.min.css +0 -0
  104. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/linkpanel.css +0 -0
  105. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/linkpanel.min.css +0 -0
  106. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/loader.css +0 -0
  107. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/loader.min.css +0 -0
  108. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/modal.css +0 -0
  109. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/modal.min.css +0 -0
  110. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/pagination.css +0 -0
  111. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/pagination.min.css +0 -0
  112. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/panel.css +0 -0
  113. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/panel.min.css +0 -0
  114. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/popover.css +0 -0
  115. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/popover.min.css +0 -0
  116. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/primitives.css +0 -0
  117. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/primitives.min.css +0 -0
  118. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/progressbar.css +0 -0
  119. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/progressbar.min.css +0 -0
  120. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/readmore.css +0 -0
  121. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/readmore.min.css +0 -0
  122. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/skeleton.css +0 -0
  123. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/skeleton.min.css +0 -0
  124. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/stepper.css +0 -0
  125. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/stepper.min.css +0 -0
  126. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/tabs.css +0 -0
  127. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/tabs.min.css +0 -0
  128. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/tag.css +0 -0
  129. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/tag.min.css +0 -0
  130. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/theme.css +0 -0
  131. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/theme.min.css +0 -0
  132. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/timeline.css +0 -0
  133. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/timeline.min.css +0 -0
  134. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/togglegroup.css +0 -0
  135. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/togglegroup.min.css +0 -0
  136. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/typography.css +0 -0
  137. /package/dist/darkside/version/{7.28.1 → 7.29.1}/component/typography.min.css +0 -0
  138. /package/dist/darkside/version/{7.28.1 → 7.29.1}/global/baseline.css +0 -0
  139. /package/dist/darkside/version/{7.28.1 → 7.29.1}/global/baseline.min.css +0 -0
  140. /package/dist/darkside/version/{7.28.1 → 7.29.1}/global/fonts.css +0 -0
  141. /package/dist/darkside/version/{7.28.1 → 7.29.1}/global/fonts.min.css +0 -0
  142. /package/dist/darkside/version/{7.28.1 → 7.29.1}/global/print.css +0 -0
  143. /package/dist/darkside/version/{7.28.1 → 7.29.1}/global/print.min.css +0 -0
  144. /package/dist/darkside/version/{7.28.1 → 7.29.1}/global/reset.css +0 -0
  145. /package/dist/darkside/version/{7.28.1 → 7.29.1}/global/reset.min.css +0 -0
@@ -458,15 +458,16 @@
458
458
  width: .75rem;
459
459
  height: .25rem;
460
460
  transform: translate(var(--ax-space-6), -50%);
461
+ top: var(--ax-space-24);
461
462
  pointer-events: none;
462
463
  border-radius: 1px;
463
464
  display: block;
464
465
  position: absolute;
465
- top: 50%;
466
466
  }
467
467
 
468
468
  .aksel-checkbox--small .aksel-checkbox__input:indeterminate + .aksel-checkbox__label > .aksel-checkbox__icon-indeterminate {
469
469
  transform: translate(var(--ax-space-4), -50%);
470
+ top: var(--ax-space-16);
470
471
  height: .1875rem;
471
472
  }
472
473
 
@@ -499,8 +500,9 @@
499
500
  }
500
501
 
501
502
  .aksel-checkbox__icon > svg {
502
- vertical-align: initial;
503
- display: inline;
503
+ width: .8125rem;
504
+ height: .625rem;
505
+ display: block;
504
506
  }
505
507
 
506
508
  .aksel-checkbox--small > .aksel-checkbox__input:checked + .aksel-checkbox__label:before {
@@ -565,6 +567,10 @@
565
567
  border-width: 0;
566
568
  }
567
569
 
570
+ .aksel-radio--small.aksel-radio--readonly > .aksel-radio__input:checked + .aksel-radio__label:before {
571
+ box-shadow: inset 0 0 0 2px var(--ax-border-neutral-subtle), inset 0 0 0 7px var(--ax-bg-neutral-moderate);
572
+ }
573
+
568
574
  .aksel-checkbox--readonly > .aksel-checkbox__input:indeterminate + .aksel-checkbox__label > .aksel-checkbox__icon-indeterminate {
569
575
  background-color: var(--ax-text-neutral-subtle);
570
576
  }
@@ -1 +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__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);scroll-margin-block-start:4rem;display:inline-block;position:relative}.aksel-select__input:hover{border-color:var(--ax-border-strong);cursor:pointer}.aksel-select__input:focus{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-strong)}@media (forced-colors: active){.aksel-select__input{color:buttontext;background-color:buttonface;border-color:buttontext}}.aksel-select__container{width:100%;color:var(--ax-text-neutral);display:flex;position:relative}.aksel-select__chevron{right:var(--ax-space-8);pointer-events:none;color:var(--ax-text-neutral);align-self:center;font-size:1.5rem;position:absolute}@media (forced-colors: active){.aksel-select__chevron{color:buttontext}}.aksel-form-field--small .aksel-select__input{min-height:2rem;padding-block:0}.aksel-select--error>* select,.aksel-select--error>* select:hover,.aksel-select--error>* select:focus{box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}.aksel-select__input:disabled{background-color:var(--ax-bg-input);border:1px solid var(--ax-border-neutral);box-shadow:none;cursor:not-allowed;opacity:1;color:var(--ax-text-neutral)}.aksel-select__input:disabled>option{color:var(--ax-text-neutral)}@media (forced-colors: active){.aksel-select__input:disabled+.aksel-select__chevron{color:graytext}}.aksel-select--readonly .aksel-select__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}@media (forced-colors: active){.aksel-select--readonly .aksel-select__input:is(:hover,:focus){color:buttontext;background-color:buttonface;border-color:buttontext}}.aksel-select--readonly .aksel-select__chevron{color:var(--ax-text-neutral-subtle)}.aksel-switch{width:fit-content;min-height:3rem;position:relative}.aksel-switch--small{min-height:2rem}.aksel-switch__input{cursor:pointer;z-index:1;opacity:0;width:3rem;height:3rem;position:absolute;top:0}.aksel-switch--small>.aksel-switch__input{width:2.5rem;height:2rem;top:0}.aksel-switch__label-wrapper{cursor:pointer;color:var(--ax-text-neutral)}.aksel-switch__content{--__axc-switch-block-padding: .75rem;--__axc-switch-inline-padding: 3.25rem;gap:var(--ax-space-2);padding:var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) var(--__axc-switch-inline-padding);flex-direction:column;display:flex;position:relative}.aksel-switch--right .aksel-switch__content{padding:var(--__axc-switch-block-padding) var(--__axc-switch-inline-padding) var(--__axc-switch-block-padding) 0}.aksel-switch--small .aksel-switch__content{--__axc-switch-block-padding: .375rem;--__axc-switch-inline-padding: 2.75rem}.aksel-switch__content.aksel-switch--with-description{padding-bottom:0}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content:after{content:"";width:100%;height:calc(100% - var(--__axc-switch-block-padding) * 2);border-radius:var(--ax-radius-4);outline:3px solid var(--ax-border-focus);outline-offset:3px;pointer-events:none;position:absolute;left:0}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content.aksel-switch--with-description:after{height:calc(100% - var(--__axc-switch-block-padding) * 1)}.aksel-switch__input:disabled:hover~.aksel-switch__label-wrapper{color:inherit}.aksel-switch__track{background-color:var(--ax-bg-input);width:2.75rem;height:1.5rem;top:var(--ax-space-12);border-radius:var(--ax-radius-full);border:2px solid var(--ax-border-neutral);transition-property:background-color,border-color;transition-duration:.1s;transition-timing-function:ease;position:absolute;left:0}.aksel-switch--small>.aksel-switch__track{top:var(--ax-space-6);width:2.25rem;height:1.25rem}.aksel-switch__input:checked~.aksel-switch__track{background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-switch__input:hover~.aksel-switch__track{background-color:var(--ax-bg-neutral-moderate-hover)}.aksel-switch__input:hover:checked~.aksel-switch__track{background-color:var(--ax-bg-strong-hover);border-color:var(--ax-bg-strong-hover)}.aksel-switch__input:disabled~.aksel-switch__track{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral)}.aksel-switch__input:checked:disabled~.aksel-switch__track{background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-switch--standalone>.aksel-switch__input:focus~.aksel-switch__track{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong);border-radius:var(--ax-radius-full);justify-content:center;align-items:center;width:1.125rem;height:1.125rem;transition:transform .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:.0625rem;left:.0625rem;transform:translate(0)}.aksel-switch--small .aksel-switch__thumb{width:.875rem;height:.875rem}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{background-color:var(--ax-bg-raised);color:var(--ax-text-subtle);width:1.25rem;height:1.25rem;top:0;left:0;transform:translate(1.25rem)}.aksel-switch--small>.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{width:1rem;height:1rem;top:0;left:0;transform:translate(1rem)}@media (hover: hover) and (pointer: fine){.aksel-switch__input:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(.17rem)}.aksel-switch__input:checked:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1.1rem)}.aksel-switch--small>.aksel-switch__input:checked:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(.875rem)}}.aksel-switch--right{width:auto}.aksel-switch--right .aksel-switch__input,.aksel-switch--right .aksel-switch__track{left:auto;right:0}.aksel-switch__input:disabled{appearance:none}.aksel-switch--disabled:not(.aksel-switch--loading){opacity:var(--ax-opacity-disabled)}.aksel-switch__input:disabled,.aksel-switch__input:disabled~.aksel-switch__label-wrapper{cursor:not-allowed}.aksel-switch--readonly>.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:hover~.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:checked~.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:checked:hover~.aksel-switch__track{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA)}.aksel-switch--readonly>.aksel-switch__label-wrapper,.aksel-switch--readonly>.aksel-switch__input{cursor:default}.aksel-switch--readonly .aksel-switch__label{display:inline-flex}.aksel-switch--readonly .aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong)}.aksel-switch--readonly>.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong);color:var(--ax-text-neutral-contrast)}@media (hover: hover) and (pointer: fine){.aksel-switch--readonly>.aksel-switch__input:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(0)}.aksel-switch--readonly>.aksel-switch__input:checked:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1.25rem)}.aksel-switch--readonly.aksel-switch--small>.aksel-switch__input:checked:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1rem)}}@media (forced-colors: active){.aksel-switch__thumb,.aksel-switch--readonly .aksel-switch__thumb{background-color:fieldtext!important}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb,.aksel-switch--readonly .aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{color:field}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content:after,.aksel-switch--standalone>.aksel-switch__input:focus~.aksel-switch__track{outline:3px solid highlight}.aksel-switch--disabled:not(.aksel-switch--loading){opacity:1}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__thumb{background-color:graytext!important}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__track{border-color:graytext!important}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper,.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper:hover{color:graytext!important}}.aksel-text-field__input{appearance:none;padding:var(--ax-space-8);background:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);width:100%;min-height:3rem;color:var(--ax-text-neutral);scroll-margin-block-start:4rem}.aksel-text-field__input:hover{border-color:var(--ax-border-strong)}.aksel-text-field__input:focus-visible{border-color:var(--ax-border-strong);outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-text-field__input:disabled{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral);cursor:not-allowed}.aksel-text-field__input::placeholder{color:var(--ax-text-neutral-subtle)}.aksel-text-field__input[size]{width:auto}.aksel-form-field--small .aksel-text-field__input{padding:0 var(--ax-space-8);min-height:2rem}.aksel-text-field--error .aksel-text-field__input:not(:disabled){border-color:var(--ax-border-danger-strong);box-shadow:0 0 0 1px var(--ax-border-danger-strong)}.aksel-text-field--readonly .aksel-text-field__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}.aksel-text-field__input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-results-button{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}@media (forced-colors: active){.aksel-text-field__input{color:fieldtext;background-color:field}}.aksel-textarea__input{height:var(--__axc-textarea-height);appearance:none;padding:var(--ax-space-8);background-color:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);resize:none;width:100%;color:var(--ax-text-neutral);scroll-margin-block-start:4rem;display:block}.aksel-textarea__input::placeholder{color:var(--ax-text-neutral-subtle)}.aksel-textarea__input:hover{border-color:var(--ax-border-strong)}.aksel-textarea__input:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-strong)}.aksel-textarea__input:disabled{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral);cursor:not-allowed}.aksel-form-field--small .aksel-textarea__input{padding:var(--ax-space-6)}.aksel-textarea--readonly .aksel-textarea__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}.aksel-textarea__counter{color:var(--ax-text-neutral-subtle);margin-top:-.25rem}.aksel-textarea__counter--error{color:var(--ax-text-danger-subtle)}.aksel-textarea__sr-counter{display:none}.aksel-textarea__input:focus~.aksel-textarea__sr-counter{display:initial}.aksel-textarea--resize-both .aksel-textarea__input{resize:both;border-end-end-radius:0}.aksel-textarea--resize-horizontal .aksel-textarea__input{resize:horizontal;border-end-end-radius:0}.aksel-textarea--resize-vertical .aksel-textarea__input{resize:vertical;border-end-end-radius:0}.aksel-textarea--autoscrollbar,.aksel-textarea--autoscrollbar .aksel-textarea__wrapper{flex-direction:column;margin:-3px;padding:3px;display:flex;overflow:hidden}.aksel-textarea--autoscrollbar .aksel-textarea__input{scrollbar-gutter:stable}.aksel-textarea--error .aksel-textarea__input:not(:disabled){box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}@media (forced-colors: active){.aksel-textarea__input{color:fieldtext;background-color:field}}.aksel-search{flex-direction:column;width:100%;display:flex}.aksel-search__wrapper-inner{width:100%;position:relative}.aksel-search--with-size .aksel-search__wrapper-inner{width:inherit}.aksel-search--with-size .aksel-search__wrapper{width:fit-content}.aksel-search__wrapper{border-radius:var(--ax-radius-8);align-items:center;display:inline-flex}.aksel-search__wrapper:has(.aksel-search__input:focus-visible){outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-search__input{padding-right:var(--ax-space-40)}.aksel-search__input:focus-visible{outline:none}.aksel-search__input.aksel-search__input--primary,.aksel-search__input.aksel-search__input--secondary{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.aksel-search__input--simple{padding-left:var(--ax-space-40)}.aksel-form-field--small .aksel-search__input{padding-right:var(--ax-space-28)}.aksel-form-field--small .aksel-search__input--simple{padding-left:var(--ax-space-28)}.aksel-form-field--small .aksel-search__search-icon{left:var(--ax-space-4);font-size:1.25rem}.aksel-form-field--small .aksel-search__button-clear{right:var(--ax-space-4)}.aksel-search__search-icon{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}}
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__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%);top:var(--ax-space-24);pointer-events:none;border-radius:1px;display:block;position:absolute}.aksel-checkbox--small .aksel-checkbox__input:indeterminate+.aksel-checkbox__label>.aksel-checkbox__icon-indeterminate{transform:translate(var(--ax-space-4),-50%);top:var(--ax-space-16);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{width:.8125rem;height:.625rem;display:block}.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-radio--small.aksel-radio--readonly>.aksel-radio__input:checked+.aksel-radio__label:before{box-shadow:inset 0 0 0 2px var(--ax-border-neutral-subtle),inset 0 0 0 7px var(--ax-bg-neutral-moderate)}.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);scroll-margin-block-start:4rem;display:inline-block;position:relative}.aksel-select__input:hover{border-color:var(--ax-border-strong);cursor:pointer}.aksel-select__input:focus{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-strong)}@media (forced-colors: active){.aksel-select__input{color:buttontext;background-color:buttonface;border-color:buttontext}}.aksel-select__container{width:100%;color:var(--ax-text-neutral);display:flex;position:relative}.aksel-select__chevron{right:var(--ax-space-8);pointer-events:none;color:var(--ax-text-neutral);align-self:center;font-size:1.5rem;position:absolute}@media (forced-colors: active){.aksel-select__chevron{color:buttontext}}.aksel-form-field--small .aksel-select__input{min-height:2rem;padding-block:0}.aksel-select--error>* select,.aksel-select--error>* select:hover,.aksel-select--error>* select:focus{box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}.aksel-select__input:disabled{background-color:var(--ax-bg-input);border:1px solid var(--ax-border-neutral);box-shadow:none;cursor:not-allowed;opacity:1;color:var(--ax-text-neutral)}.aksel-select__input:disabled>option{color:var(--ax-text-neutral)}@media (forced-colors: active){.aksel-select__input:disabled+.aksel-select__chevron{color:graytext}}.aksel-select--readonly .aksel-select__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}@media (forced-colors: active){.aksel-select--readonly .aksel-select__input:is(:hover,:focus){color:buttontext;background-color:buttonface;border-color:buttontext}}.aksel-select--readonly .aksel-select__chevron{color:var(--ax-text-neutral-subtle)}.aksel-switch{width:fit-content;min-height:3rem;position:relative}.aksel-switch--small{min-height:2rem}.aksel-switch__input{cursor:pointer;z-index:1;opacity:0;width:3rem;height:3rem;position:absolute;top:0}.aksel-switch--small>.aksel-switch__input{width:2.5rem;height:2rem;top:0}.aksel-switch__label-wrapper{cursor:pointer;color:var(--ax-text-neutral)}.aksel-switch__content{--__axc-switch-block-padding: .75rem;--__axc-switch-inline-padding: 3.25rem;gap:var(--ax-space-2);padding:var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) var(--__axc-switch-inline-padding);flex-direction:column;display:flex;position:relative}.aksel-switch--right .aksel-switch__content{padding:var(--__axc-switch-block-padding) var(--__axc-switch-inline-padding) var(--__axc-switch-block-padding) 0}.aksel-switch--small .aksel-switch__content{--__axc-switch-block-padding: .375rem;--__axc-switch-inline-padding: 2.75rem}.aksel-switch__content.aksel-switch--with-description{padding-bottom:0}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content:after{content:"";width:100%;height:calc(100% - var(--__axc-switch-block-padding) * 2);border-radius:var(--ax-radius-4);outline:3px solid var(--ax-border-focus);outline-offset:3px;pointer-events:none;position:absolute;left:0}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content.aksel-switch--with-description:after{height:calc(100% - var(--__axc-switch-block-padding) * 1)}.aksel-switch__input:disabled:hover~.aksel-switch__label-wrapper{color:inherit}.aksel-switch__track{background-color:var(--ax-bg-input);width:2.75rem;height:1.5rem;top:var(--ax-space-12);border-radius:var(--ax-radius-full);border:2px solid var(--ax-border-neutral);transition-property:background-color,border-color;transition-duration:.1s;transition-timing-function:ease;position:absolute;left:0}.aksel-switch--small>.aksel-switch__track{top:var(--ax-space-6);width:2.25rem;height:1.25rem}.aksel-switch__input:checked~.aksel-switch__track{background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-switch__input:hover~.aksel-switch__track{background-color:var(--ax-bg-neutral-moderate-hover)}.aksel-switch__input:hover:checked~.aksel-switch__track{background-color:var(--ax-bg-strong-hover);border-color:var(--ax-bg-strong-hover)}.aksel-switch__input:disabled~.aksel-switch__track{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral)}.aksel-switch__input:checked:disabled~.aksel-switch__track{background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-switch--standalone>.aksel-switch__input:focus~.aksel-switch__track{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong);border-radius:var(--ax-radius-full);justify-content:center;align-items:center;width:1.125rem;height:1.125rem;transition:transform .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:.0625rem;left:.0625rem;transform:translate(0)}.aksel-switch--small .aksel-switch__thumb{width:.875rem;height:.875rem}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{background-color:var(--ax-bg-raised);color:var(--ax-text-subtle);width:1.25rem;height:1.25rem;top:0;left:0;transform:translate(1.25rem)}.aksel-switch--small>.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{width:1rem;height:1rem;top:0;left:0;transform:translate(1rem)}@media (hover: hover) and (pointer: fine){.aksel-switch__input:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(.17rem)}.aksel-switch__input:checked:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1.1rem)}.aksel-switch--small>.aksel-switch__input:checked:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(.875rem)}}.aksel-switch--right{width:auto}.aksel-switch--right .aksel-switch__input,.aksel-switch--right .aksel-switch__track{left:auto;right:0}.aksel-switch__input:disabled{appearance:none}.aksel-switch--disabled:not(.aksel-switch--loading){opacity:var(--ax-opacity-disabled)}.aksel-switch__input:disabled,.aksel-switch__input:disabled~.aksel-switch__label-wrapper{cursor:not-allowed}.aksel-switch--readonly>.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:hover~.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:checked~.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:checked:hover~.aksel-switch__track{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA)}.aksel-switch--readonly>.aksel-switch__label-wrapper,.aksel-switch--readonly>.aksel-switch__input{cursor:default}.aksel-switch--readonly .aksel-switch__label{display:inline-flex}.aksel-switch--readonly .aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong)}.aksel-switch--readonly>.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong);color:var(--ax-text-neutral-contrast)}@media (hover: hover) and (pointer: fine){.aksel-switch--readonly>.aksel-switch__input:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(0)}.aksel-switch--readonly>.aksel-switch__input:checked:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1.25rem)}.aksel-switch--readonly.aksel-switch--small>.aksel-switch__input:checked:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1rem)}}@media (forced-colors: active){.aksel-switch__thumb,.aksel-switch--readonly .aksel-switch__thumb{background-color:fieldtext!important}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb,.aksel-switch--readonly .aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{color:field}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content:after,.aksel-switch--standalone>.aksel-switch__input:focus~.aksel-switch__track{outline:3px solid highlight}.aksel-switch--disabled:not(.aksel-switch--loading){opacity:1}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__thumb{background-color:graytext!important}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__track{border-color:graytext!important}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper,.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper:hover{color:graytext!important}}.aksel-text-field__input{appearance:none;padding:var(--ax-space-8);background:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);width:100%;min-height:3rem;color:var(--ax-text-neutral);scroll-margin-block-start:4rem}.aksel-text-field__input:hover{border-color:var(--ax-border-strong)}.aksel-text-field__input:focus-visible{border-color:var(--ax-border-strong);outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-text-field__input:disabled{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral);cursor:not-allowed}.aksel-text-field__input::placeholder{color:var(--ax-text-neutral-subtle)}.aksel-text-field__input[size]{width:auto}.aksel-form-field--small .aksel-text-field__input{padding:0 var(--ax-space-8);min-height:2rem}.aksel-text-field--error .aksel-text-field__input:not(:disabled){border-color:var(--ax-border-danger-strong);box-shadow:0 0 0 1px var(--ax-border-danger-strong)}.aksel-text-field--readonly .aksel-text-field__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}.aksel-text-field__input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-results-button{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}@media (forced-colors: active){.aksel-text-field__input{color:fieldtext;background-color:field}}.aksel-textarea__input{height:var(--__axc-textarea-height);appearance:none;padding:var(--ax-space-8);background-color:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);resize:none;width:100%;color:var(--ax-text-neutral);scroll-margin-block-start:4rem;display:block}.aksel-textarea__input::placeholder{color:var(--ax-text-neutral-subtle)}.aksel-textarea__input:hover{border-color:var(--ax-border-strong)}.aksel-textarea__input:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-strong)}.aksel-textarea__input:disabled{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral);cursor:not-allowed}.aksel-form-field--small .aksel-textarea__input{padding:var(--ax-space-6)}.aksel-textarea--readonly .aksel-textarea__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}.aksel-textarea__counter{color:var(--ax-text-neutral-subtle);margin-top:-.25rem}.aksel-textarea__counter--error{color:var(--ax-text-danger-subtle)}.aksel-textarea__sr-counter{display:none}.aksel-textarea__input:focus~.aksel-textarea__sr-counter{display:initial}.aksel-textarea--resize-both .aksel-textarea__input{resize:both;border-end-end-radius:0}.aksel-textarea--resize-horizontal .aksel-textarea__input{resize:horizontal;border-end-end-radius:0}.aksel-textarea--resize-vertical .aksel-textarea__input{resize:vertical;border-end-end-radius:0}.aksel-textarea--autoscrollbar,.aksel-textarea--autoscrollbar .aksel-textarea__wrapper{flex-direction:column;margin:-3px;padding:3px;display:flex;overflow:hidden}.aksel-textarea--autoscrollbar .aksel-textarea__input{scrollbar-gutter:stable}.aksel-textarea--error .aksel-textarea__input:not(:disabled){box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}@media (forced-colors: active){.aksel-textarea__input{color:fieldtext;background-color:field}}.aksel-search{flex-direction:column;width:100%;display:flex}.aksel-search__wrapper-inner{width:100%;position:relative}.aksel-search--with-size .aksel-search__wrapper-inner{width:inherit}.aksel-search--with-size .aksel-search__wrapper{width:fit-content}.aksel-search__wrapper{border-radius:var(--ax-radius-8);align-items:center;display:inline-flex}.aksel-search__wrapper:has(.aksel-search__input:focus-visible){outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-search__input{padding-right:var(--ax-space-40)}.aksel-search__input:focus-visible{outline:none}.aksel-search__input.aksel-search__input--primary,.aksel-search__input.aksel-search__input--secondary{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.aksel-search__input--simple{padding-left:var(--ax-space-40)}.aksel-form-field--small .aksel-search__input{padding-right:var(--ax-space-28)}.aksel-form-field--small .aksel-search__input--simple{padding-left:var(--ax-space-28)}.aksel-form-field--small .aksel-search__search-icon{left:var(--ax-space-4);font-size:1.25rem}.aksel-form-field--small .aksel-search__button-clear{right:var(--ax-space-4)}.aksel-search__search-icon{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}}
@@ -8,10 +8,10 @@
8
8
  border: 1px solid var(--ax-border-subtleA);
9
9
  padding: var(--__axc-link-card-padding-block) var(--__axc-link-card-padding-inline);
10
10
  cursor: pointer;
11
- grid-template: "image image" min-content
12
- "icon title" min-content
13
- "icon description" min-content
14
- "icon footer"
11
+ grid-template: "image image image" min-content
12
+ "icon title arrow" min-content
13
+ "icon description arrow" min-content
14
+ "icon footer arrow"
15
15
  / auto 1fr;
16
16
  align-items: center;
17
17
  text-decoration: none;
@@ -22,6 +22,13 @@
22
22
  position: relative;
23
23
  }
24
24
 
25
+ .aksel-link-card[data-align-arrow="baseline"] {
26
+ grid-template-areas: "image image image"
27
+ "icon title arrow"
28
+ "icon description description"
29
+ "icon footer footer";
30
+ }
31
+
25
32
  .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) {
26
33
  grid-template-rows: auto 1fr;
27
34
  }
@@ -30,7 +37,7 @@
30
37
  align-items: center;
31
38
  }
32
39
 
33
- .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon {
40
+ .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon, .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer))[data-align-arrow="baseline"] .aksel-link-card__arrow {
34
41
  align-self: center;
35
42
  }
36
43
 
@@ -46,13 +53,9 @@
46
53
 
47
54
  .aksel-link-card__title {
48
55
  color: var(--ax-text-subtle);
49
- justify-content: space-between;
50
- align-items: flex-start;
51
- gap: var(--ax-space-8);
52
56
  -webkit-hyphens: auto;
53
57
  hyphens: auto;
54
58
  grid-area: title;
55
- display: flex;
56
59
  }
57
60
 
58
61
  .aksel-link-card[data-color="neutral"] .aksel-link-card__title, .aksel-link-card__title[data-color="neutral"] {
@@ -105,4 +108,17 @@
105
108
  height: 100%;
106
109
  display: block;
107
110
  }
111
+
112
+ .aksel-link-card__arrow {
113
+ grid-area: arrow;
114
+ margin-inline-start: var(--ax-space-8);
115
+ }
116
+
117
+ .aksel-link-card[data-align-arrow="baseline"] .aksel-link-card__arrow {
118
+ align-self: baseline;
119
+ }
120
+
121
+ .aksel-link-card[data-align-arrow="center"] .aksel-link-card__arrow {
122
+ align-self: center;
123
+ }
108
124
  }
@@ -1 +1 @@
1
- @layer aksel.components{.aksel-link-card{--__axc-link-card-padding-block: var(--ax-space-16);--__axc-link-card-padding-inline: var(--ax-space-20);border-radius:var(--ax-border-radius-xlarge);color:var(--ax-text-neutral);background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-subtleA);padding:var(--__axc-link-card-padding-block) var(--__axc-link-card-padding-inline);cursor:pointer;grid-template:"image image" min-content "icon title" min-content "icon description" min-content "icon footer" / auto 1fr;align-items:center;text-decoration:none;transition-property:border-color,box-shadow,transform,background-color;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,0,1);display:grid;position:relative}.aksel-link-card:not(:has(.aksel-link-card__description,.aksel-link-card__footer)){grid-template-rows:auto 1fr}.aksel-link-card:not(:has(.aksel-link-card__description,.aksel-link-card__footer)) .aksel-link-card__title{align-items:center}.aksel-link-card:not(:has(.aksel-link-card__description,.aksel-link-card__footer)) .aksel-link-card__icon{align-self:center}.aksel-link-card:hover{border-color:var(--ax-border-default);box-shadow:0 0 0 1px var(--ax-border-default)}.aksel-link-card--small{--__axc-link-card-padding-block: var(--ax-space-12);--__axc-link-card-padding-inline: var(--ax-space-16)}.aksel-link-card__title{color:var(--ax-text-subtle);justify-content:space-between;align-items:flex-start;gap:var(--ax-space-8);-webkit-hyphens:auto;hyphens:auto;grid-area:title;display:flex}.aksel-link-card[data-color=neutral] .aksel-link-card__title,.aksel-link-card__title[data-color=neutral]{color:var(--ax-text-default)}.aksel-link-card__description{grid-area:description;margin-block-start:var(--ax-space-4)}.aksel-link-card__footer{align-self:flex-end;gap:var(--ax-space-8);flex-wrap:wrap;grid-area:footer;margin-block-start:var(--ax-space-16);display:flex}.aksel-link-card__icon{width:max-content;height:max-content;color:var(--ax-text-default);grid-area:icon;place-content:center;align-self:flex-start;margin-inline-end:var(--ax-space-16);display:grid}.aksel-link-card--small .aksel-link-card__icon{margin-inline-end:var(--ax-space-12)}.aksel-link-card__image-container{margin-block:calc(var(--__axc-link-card-padding-block) * -1) var(--__axc-link-card-padding-block);margin-inline:calc(var(--__axc-link-card-padding-inline) * 1 * -1);border-radius:calc(var(--ax-border-radius-xlarge) - 1px);border-bottom-right-radius:0;border-bottom-left-radius:0;grid-area:image;position:relative;overflow:hidden}.aksel-link-card__image-container :is(img,picture){object-fit:cover;max-width:100%;height:100%;display:block}}
1
+ @layer aksel.components{.aksel-link-card{--__axc-link-card-padding-block: var(--ax-space-16);--__axc-link-card-padding-inline: var(--ax-space-20);border-radius:var(--ax-border-radius-xlarge);color:var(--ax-text-neutral);background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-subtleA);padding:var(--__axc-link-card-padding-block) var(--__axc-link-card-padding-inline);cursor:pointer;grid-template:"image image image" min-content "icon title arrow" min-content "icon description arrow" min-content "icon footer arrow" / auto 1fr;align-items:center;text-decoration:none;transition-property:border-color,box-shadow,transform,background-color;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,0,1);display:grid;position:relative}.aksel-link-card[data-align-arrow=baseline]{grid-template-areas:"image image image" "icon title arrow" "icon description description" "icon footer footer"}.aksel-link-card:not(:has(.aksel-link-card__description,.aksel-link-card__footer)){grid-template-rows:auto 1fr}.aksel-link-card:not(:has(.aksel-link-card__description,.aksel-link-card__footer)) .aksel-link-card__title{align-items:center}.aksel-link-card:not(:has(.aksel-link-card__description,.aksel-link-card__footer)) .aksel-link-card__icon,.aksel-link-card:not(:has(.aksel-link-card__description,.aksel-link-card__footer))[data-align-arrow=baseline] .aksel-link-card__arrow{align-self:center}.aksel-link-card:hover{border-color:var(--ax-border-default);box-shadow:0 0 0 1px var(--ax-border-default)}.aksel-link-card--small{--__axc-link-card-padding-block: var(--ax-space-12);--__axc-link-card-padding-inline: var(--ax-space-16)}.aksel-link-card__title{color:var(--ax-text-subtle);-webkit-hyphens:auto;hyphens:auto;grid-area:title}.aksel-link-card[data-color=neutral] .aksel-link-card__title,.aksel-link-card__title[data-color=neutral]{color:var(--ax-text-default)}.aksel-link-card__description{grid-area:description;margin-block-start:var(--ax-space-4)}.aksel-link-card__footer{align-self:flex-end;gap:var(--ax-space-8);flex-wrap:wrap;grid-area:footer;margin-block-start:var(--ax-space-16);display:flex}.aksel-link-card__icon{width:max-content;height:max-content;color:var(--ax-text-default);grid-area:icon;place-content:center;align-self:flex-start;margin-inline-end:var(--ax-space-16);display:grid}.aksel-link-card--small .aksel-link-card__icon{margin-inline-end:var(--ax-space-12)}.aksel-link-card__image-container{margin-block:calc(var(--__axc-link-card-padding-block) * -1) var(--__axc-link-card-padding-block);margin-inline:calc(var(--__axc-link-card-padding-inline) * 1 * -1);border-radius:calc(var(--ax-border-radius-xlarge) - 1px);border-bottom-right-radius:0;border-bottom-left-radius:0;grid-area:image;position:relative;overflow:hidden}.aksel-link-card__image-container :is(img,picture){object-fit:cover;max-width:100%;height:100%;display:block}.aksel-link-card__arrow{grid-area:arrow;margin-inline-start:var(--ax-space-8)}.aksel-link-card[data-align-arrow=baseline] .aksel-link-card__arrow{align-self:baseline}.aksel-link-card[data-align-arrow=center] .aksel-link-card__arrow{align-self:center}}
@@ -63,6 +63,11 @@
63
63
  padding-left: .8rem;
64
64
  }
65
65
 
66
+ .aksel-list__item-marker--bullet > svg {
67
+ width: .375rem;
68
+ height: .375rem;
69
+ }
70
+
66
71
  .aksel-list__item-marker--icon {
67
72
  justify-content: center;
68
73
  font-size: 1.5rem;
@@ -1 +1 @@
1
- @layer aksel.components{.aksel-list ul,.aksel-list ol{margin:0;padding:0}.aksel-list .aksel-list :where(ul,ol){margin-block:var(--ax-space-8) 0}.aksel-list ol{padding-left:1.7rem;list-style:decimal}.aksel-list ol>.aksel-list__item{padding-left:.3rem}.aksel-list ol li::marker{font-weight:var(--ax-font-weight-bold)}.aksel-list ul>.aksel-list__item{gap:var(--ax-space-8);grid-template-columns:auto 1fr;display:grid}.aksel-list ul>li>.aksel-list__item-marker{height:var(--ax-font-line-height-xlarge);align-items:center;display:flex}@supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none){.aksel-list ol{padding-left:2.1rem}.aksel-list ol .aksel-list__item{padding-left:0}}.aksel-list__item{margin-block-end:var(--ax-space-8)}.aksel-list__item:last-child{margin-block-end:0}.aksel-list__item-marker{width:1.5rem}.aksel-list--small ul>li>.aksel-list__item-marker{height:var(--ax-font-line-height-large)}.aksel-list__item-marker--bullet{padding-left:.8rem}.aksel-list__item-marker--icon{justify-content:center;font-size:1.5rem}}
1
+ @layer aksel.components{.aksel-list ul,.aksel-list ol{margin:0;padding:0}.aksel-list .aksel-list :where(ul,ol){margin-block:var(--ax-space-8) 0}.aksel-list ol{padding-left:1.7rem;list-style:decimal}.aksel-list ol>.aksel-list__item{padding-left:.3rem}.aksel-list ol li::marker{font-weight:var(--ax-font-weight-bold)}.aksel-list ul>.aksel-list__item{gap:var(--ax-space-8);grid-template-columns:auto 1fr;display:grid}.aksel-list ul>li>.aksel-list__item-marker{height:var(--ax-font-line-height-xlarge);align-items:center;display:flex}@supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none){.aksel-list ol{padding-left:2.1rem}.aksel-list ol .aksel-list__item{padding-left:0}}.aksel-list__item{margin-block-end:var(--ax-space-8)}.aksel-list__item:last-child{margin-block-end:0}.aksel-list__item-marker{width:1.5rem}.aksel-list--small ul>li>.aksel-list__item-marker{height:var(--ax-font-line-height-large)}.aksel-list__item-marker--bullet{padding-left:.8rem}.aksel-list__item-marker--bullet>svg{width:.375rem;height:.375rem}.aksel-list__item-marker--icon{justify-content:center;font-size:1.5rem}}
@@ -0,0 +1,148 @@
1
+ @layer aksel.components {
2
+ .aksel-process {
3
+ --__axc-process-circle-base: 2rem;
4
+ --__axc-process-circle-large: var(--__axc-process-circle-base);
5
+ --__axc-process-circle-small: 1rem;
6
+ --__axc-process-circle-size: var(--__axc-process-circle-large);
7
+ --__axc-process-border-width: 2px;
8
+ margin: 0;
9
+ padding: 0;
10
+ list-style: none;
11
+ }
12
+
13
+ .aksel-process__event {
14
+ grid-template-rows: [line-1] auto [step-start] var(--__axc-process-circle-size) [line-2 step-end] auto;
15
+ grid-template-columns: var(--__axc-process-circle-base) auto;
16
+ justify-items: flex-start;
17
+ display: grid;
18
+ }
19
+
20
+ .aksel-process__event[data-dot="true"] {
21
+ --__axc-process-circle-size: var(--__axc-process-circle-small);
22
+ margin-block-start: calc((var(--__axc-process-circle-small) / 2) * -1);
23
+ }
24
+
25
+ .aksel-process__event[data-dot="true"] .aksel-process__line {
26
+ margin-block-start: calc(var(--__axc-process-circle-size) / 2);
27
+ }
28
+
29
+ .aksel-process__event[data-dot="true"] .aksel-process__bullet {
30
+ --__axc-process-circle-size: var(--__axc-process-circle-small);
31
+ margin-top: calc((var(--__axc-process-circle-large) - var(--__axc-process-circle-small)) / 2);
32
+ }
33
+
34
+ .aksel-process__line {
35
+ border: calc(var(--__axc-process-border-width) / 2) solid;
36
+ border-color: var(--ax-border-neutral-subtle);
37
+ grid-area: line-2 / 1;
38
+ justify-self: center;
39
+ width: 0;
40
+ min-height: 2rem;
41
+ }
42
+
43
+ .aksel-process__event[data-status="active"] .aksel-process__line {
44
+ border-color: var(--ax-border-default);
45
+ border-image: linear-gradient(to bottom, var(--ax-border-default) 50%, var(--ax-border-neutral-subtle) 90%);
46
+ border-image-slice: 1;
47
+ }
48
+
49
+ .aksel-process__event[data-status="completed"] .aksel-process__line {
50
+ border-color: var(--ax-border-default);
51
+ }
52
+
53
+ .aksel-process__event:not([data-status="active"]) .aksel-process__line {
54
+ border-image: ;
55
+ }
56
+
57
+ .aksel-process__event:last-of-type .aksel-process__line {
58
+ display: none;
59
+ }
60
+
61
+ .aksel-process__item {
62
+ grid-area: 2 / 1 / -1 / -1;
63
+ grid-template-columns: [bullet] var(--__axc-process-circle-base) [content] auto;
64
+ gap: var(--ax-space-16);
65
+ padding: var(--__axc-process-border-width);
66
+ margin: calc(var(--__axc-process-border-width) * -1) calc(var(--__axc-process-border-width) * -1) var(--ax-space-16);
67
+ justify-content: flex-start;
68
+ width: 100%;
69
+ display: grid;
70
+ }
71
+
72
+ .aksel-process__event:last-child .aksel-process__item {
73
+ margin-bottom: 0;
74
+ }
75
+
76
+ .aksel-process__bullet {
77
+ width: var(--__axc-process-circle-size);
78
+ height: var(--__axc-process-circle-size);
79
+ border-radius: var(--ax-radius-full);
80
+ border: var(--__axc-process-border-width) solid;
81
+ color: var(--ax-text-neutral-subtle);
82
+ border-color: var(--ax-border-neutral-subtleA);
83
+ grid-column: bullet;
84
+ place-self: baseline center;
85
+ place-items: center;
86
+ line-height: 1;
87
+ transition-property: background, border-color;
88
+ transition-duration: 70ms;
89
+ transition-timing-function: linear;
90
+ display: inline-grid;
91
+ }
92
+
93
+ .aksel-process__bullet svg {
94
+ height: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
95
+ width: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
96
+ }
97
+
98
+ .aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
99
+ color: var(--ax-text-contrast);
100
+ background: var(--ax-bg-strong);
101
+ border-color: rgba(0, 0, 0, 0);
102
+ }
103
+
104
+ .aksel-process__event[data-status="active"] .aksel-process__bullet {
105
+ outline: 4px solid var(--ax-bg-moderate);
106
+ }
107
+
108
+ .aksel-process__event[data-status="uncompleted"] .aksel-process__bullet {
109
+ transition: none;
110
+ }
111
+
112
+ .aksel-process__body {
113
+ grid-column: content;
114
+ }
115
+
116
+ .aksel-process__title {
117
+ padding-block: .16rem var(--ax-space-4);
118
+ }
119
+
120
+ .aksel-process__event[data-status="active"] .aksel-process__title:has( + .aksel-process__active-label) {
121
+ padding-block-end: 0;
122
+ }
123
+
124
+ .aksel-process__active-label {
125
+ margin-block: 0 var(--ax-space-4);
126
+ color: var(--ax-text-subtle);
127
+ }
128
+
129
+ .aksel-process__active-label:last-of-type {
130
+ margin-block-end: 0;
131
+ }
132
+
133
+ @media (forced-colors: active) {
134
+ .aksel-process__bullet {
135
+ transition: none;
136
+ }
137
+
138
+ .aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
139
+ color: buttonface;
140
+ background-color: buttontext;
141
+ outline-color: buttontext;
142
+ }
143
+
144
+ .aksel-process__event[data-status="active"] .aksel-process__line {
145
+ border-image: ;
146
+ }
147
+ }
148
+ }
@@ -0,0 +1 @@
1
+ @layer aksel.components{.aksel-process{--__axc-process-circle-base: 2rem;--__axc-process-circle-large: var(--__axc-process-circle-base);--__axc-process-circle-small: 1rem;--__axc-process-circle-size: var(--__axc-process-circle-large);--__axc-process-border-width: 2px;margin:0;padding:0;list-style:none}.aksel-process__event{grid-template-rows:[line-1] auto [step-start] var(--__axc-process-circle-size) [line-2 step-end] auto;grid-template-columns:var(--__axc-process-circle-base) auto;justify-items:flex-start;display:grid}.aksel-process__event[data-dot=true]{--__axc-process-circle-size: var(--__axc-process-circle-small);margin-block-start:calc((var(--__axc-process-circle-small) / 2) * -1)}.aksel-process__event[data-dot=true] .aksel-process__line{margin-block-start:calc(var(--__axc-process-circle-size) / 2)}.aksel-process__event[data-dot=true] .aksel-process__bullet{--__axc-process-circle-size: var(--__axc-process-circle-small);margin-top:calc((var(--__axc-process-circle-large) - var(--__axc-process-circle-small)) / 2)}.aksel-process__line{border:calc(var(--__axc-process-border-width) / 2) solid;border-color:var(--ax-border-neutral-subtle);grid-area:line-2 / 1;justify-self:center;width:0;min-height:2rem}.aksel-process__event[data-status=active] .aksel-process__line{border-color:var(--ax-border-default);border-image:linear-gradient(to bottom,var(--ax-border-default) 50%,var(--ax-border-neutral-subtle) 90%);border-image-slice:1}.aksel-process__event[data-status=completed] .aksel-process__line{border-color:var(--ax-border-default)}.aksel-process__event:not([data-status=active]) .aksel-process__line{border-image:}.aksel-process__event:last-of-type .aksel-process__line{display:none}.aksel-process__item{grid-area:2 / 1 / -1 / -1;grid-template-columns:[bullet] var(--__axc-process-circle-base) [content] auto;gap:var(--ax-space-16);padding:var(--__axc-process-border-width);margin:calc(var(--__axc-process-border-width) * -1) calc(var(--__axc-process-border-width) * -1) var(--ax-space-16);justify-content:flex-start;width:100%;display:grid}.aksel-process__event:last-child .aksel-process__item{margin-bottom:0}.aksel-process__bullet{width:var(--__axc-process-circle-size);height:var(--__axc-process-circle-size);border-radius:var(--ax-radius-full);border:var(--__axc-process-border-width) solid;color:var(--ax-text-neutral-subtle);border-color:var(--ax-border-neutral-subtleA);grid-column:bullet;place-self:baseline center;place-items:center;line-height:1;transition-property:background,border-color;transition-duration:70ms;transition-timing-function:linear;display:inline-grid}.aksel-process__bullet svg{height:min(calc(var(--__axc-process-circle-size) * .75),1.5rem);width:min(calc(var(--__axc-process-circle-size) * .75),1.5rem)}.aksel-process__event:is([data-status=completed],[data-status=active]) .aksel-process__bullet{color:var(--ax-text-contrast);background:var(--ax-bg-strong);border-color:#0000}.aksel-process__event[data-status=active] .aksel-process__bullet{outline:4px solid var(--ax-bg-moderate)}.aksel-process__event[data-status=uncompleted] .aksel-process__bullet{transition:none}.aksel-process__body{grid-column:content}.aksel-process__title{padding-block:.16rem var(--ax-space-4)}.aksel-process__event[data-status=active] .aksel-process__title:has(+.aksel-process__active-label){padding-block-end:0}.aksel-process__active-label{margin-block:0 var(--ax-space-4);color:var(--ax-text-subtle)}.aksel-process__active-label:last-of-type{margin-block-end:0}@media (forced-colors: active){.aksel-process__bullet{transition:none}.aksel-process__event:is([data-status=completed],[data-status=active]) .aksel-process__bullet{color:buttonface;background-color:buttontext;outline-color:buttontext}.aksel-process__event[data-status=active] .aksel-process__line{border-image:}}}
@@ -116,19 +116,27 @@
116
116
  padding: var(--ax-space-4) var(--ax-space-8);
117
117
  }
118
118
 
119
- .aksel-table :not(.aksel-checkboxes) > .aksel-checkbox .aksel-checkbox__input {
119
+ .aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox__input {
120
120
  top: -.75rem;
121
121
  }
122
122
 
123
- .aksel-table :not(.aksel-checkboxes) > .aksel-checkbox--small .aksel-checkbox__input {
123
+ .aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox--small .aksel-checkbox__input {
124
124
  top: -.375rem;
125
125
  }
126
126
 
127
- .aksel-table :not(.aksel-checkboxes) > .aksel-checkbox .aksel-checkbox__label {
127
+ .aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox__label {
128
128
  padding: 0;
129
129
  }
130
130
 
131
- .aksel-table .aksel-checkbox__input:focus + .aksel-checkbox__label:after, .aksel-table .aksel-radio__input:focus + .aksel-radio__label:after {
131
+ .aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox__label > .aksel-checkbox__icon-indeterminate {
132
+ top: var(--ax-space-12);
133
+ }
134
+
135
+ .aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox--small .aksel-checkbox__label > .aksel-checkbox__icon-indeterminate {
136
+ top: .6rem;
137
+ }
138
+
139
+ .aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox__input:focus + .aksel-checkbox__label:after {
132
140
  height: 100%;
133
141
  }
134
142
 
@@ -1 +1 @@
1
- @layer aksel.components{.aksel-table{border-collapse:collapse;width:100%;display:table}.aksel-table.aksel-table--sticky-header{border-collapse:separate;border-spacing:0}.aksel-table__header{display:table-header-group}.aksel-table--sticky-header .aksel-table__header{z-index:10;background-color:var(--ax-bg-default);box-sizing:border-box;position:sticky;top:0}.aksel-table__body{display:table-row-group}.aksel-table__body .aksel-table__row--shade-on-hover:hover{background-color:var(--ax-bg-neutral-moderate-hoverA);transition:background-color 70ms cubic-bezier(.2,0,0,1)}.aksel-table__body .aksel-table__row--shade-on-hover.aksel-table__row--selected:hover{background-color:var(--ax-bg-moderate-hoverA)}.aksel-table__row{display:table-row}.aksel-table__row:has(+.aksel-table__row--selected) :is(.aksel-table__header-cell,.aksel-table__data-cell){border-color:var(--ax-border-default)}.aksel-table__row--selected{background-color:var(--ax-bg-softA);box-shadow:inset 1px 0 0 0 var(--ax-border-default),inset -1px 0 0 0 var(--ax-border-default)}.aksel-table__row--selected:first-of-type{box-shadow:inset 1px 0 0 0 var(--ax-border-default),inset -1px 0 0 0 var(--ax-border-default),inset 0 1px 0 0 var(--ax-border-default)}.aksel-table__row--selected+.aksel-table__expanded-row{background-color:var(--ax-bg-softA);box-shadow:inset 1px 0 0 0 var(--ax-border-default),inset -1px 0 0 0 var(--ax-border-default)}.aksel-table__row--selected+.aksel-table__expanded-row .aksel-table__expanded-row-collapse{border-color:var(--ax-border-default)}.aksel-table__row--selected :is(.aksel-table__header-cell,.aksel-table__data-cell){border-color:var(--ax-border-default)}.aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell,.aksel-table__data-cell){border-color:#0000}.aksel-table--zebra-stripes .aksel-table__body :where(.aksel-table__row:nth-child(odd):not(.aksel-table__row--selected)){background-color:var(--ax-bg-neutral-softA)}.aksel-table--zebra-stripes .aksel-table__body :where(.aksel-table__expandable-row:nth-child(4n+1):not(.aksel-table__row--selected)){background-color:#0000}.aksel-table--zebra-stripes .aksel-table__body .aksel-table__expanded-row:nth-child(4n){background-color:var(--ax-bg-neutral-softA)}.aksel-table--zebra-stripes .aksel-table__row--selected+.aksel-table__expanded-row:nth-child(4n){background-color:var(--ax-bg-softA)}.aksel-table__header-cell,.aksel-table__data-cell{padding:var(--ax-space-12) var(--ax-space-8);border-bottom:1px solid var(--ax-border-neutral-subtleA);text-align:left;display:table-cell}.aksel-table__header .aksel-table__header-cell,.aksel-table__header .aksel-table__data-cell{border-bottom-width:2px}.aksel-table__header-cell--align-right,.aksel-table__data-cell--align-right{text-align:right}.aksel-table__header-cell--align-center,.aksel-table__data-cell--align-center{text-align:center}:where(.aksel-table__expandable-row--open:hover) .aksel-table__data-cell{border-bottom-color:#0000}.aksel-table--large .aksel-table__header-cell,.aksel-table--large .aksel-table__data-cell{padding:var(--ax-space-16) var(--ax-space-8)}.aksel-table--small .aksel-table__header-cell,.aksel-table--small .aksel-table__data-cell{padding:var(--ax-space-4) var(--ax-space-8)}.aksel-table :not(.aksel-checkboxes)>.aksel-checkbox .aksel-checkbox__input{top:-.75rem}.aksel-table :not(.aksel-checkboxes)>.aksel-checkbox--small .aksel-checkbox__input{top:-.375rem}.aksel-table :not(.aksel-checkboxes)>.aksel-checkbox .aksel-checkbox__label{padding:0}.aksel-table .aksel-checkbox__input:focus+.aksel-checkbox__label:after,.aksel-table .aksel-radio__input:focus+.aksel-radio__label:after{height:100%}.aksel-table__header-cell[aria-sort]{padding:0}.aksel-table__sort-button{appearance:none;color:var(--ax-text-subtle);cursor:pointer;padding:var(--ax-space-16) var(--ax-space-12);gap:var(--ax-space-4);width:100%;line-height:inherit;font-weight:inherit;background:none;border:none;align-items:center;margin:0;display:flex}.aksel-table--small .aksel-table__sort-button{padding:var(--ax-space-8) var(--ax-space-12)}.aksel-table__sort-button:hover{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-table__sort-button:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-5px}.aksel-table__header-cell[aria-sort=ascending] .aksel-table__sort-button,.aksel-table__header-cell[aria-sort=descending] .aksel-table__sort-button{background-color:var(--ax-bg-moderate-pressedA);color:var(--ax-text-default)}.aksel-table__header-cell--align-right .aksel-table__sort-button{justify-content:flex-end}.aksel-table__header-cell--align-center .aksel-table__sort-button{justify-content:center}.aksel-table__sort-button svg{flex-shrink:0;font-size:1.5rem}.aksel-table__expandable-row:not(.aksel-table__expandable-row--open) :where(.aksel-table__data-cell,.aksel-table__header-cell){transition:border-bottom-color .15s cubic-bezier(.95,.05,.8,.04)}.aksel-table__expandable-row.aksel-table__expandable-row--clickable:not(.aksel-table__expandable-row--expansion-disabled):hover{cursor:pointer}.aksel-table__expandable-row--open :where(.aksel-table__data-cell,.aksel-table__header-cell){border-bottom-color:#0000}.aksel-table__expandable-row--open .aksel-table__toggle-expand-cell--open{border-color:#0000}.aksel-table__toggle-expand-cell{width:3rem;padding:0}.aksel-table--large .aksel-table__toggle-expand-cell{padding:0 var(--ax-space-8)}.aksel-table--small .aksel-table__toggle-expand-cell{padding:var(--ax-space-4) var(--ax-space-8)}.aksel-table__toggle-expand-button{cursor:pointer;border-radius:var(--ax-radius-4);background:none;border:none;place-content:center;width:2rem;height:2rem;margin:0 auto;font-size:1.5rem;transition:background-color 70ms cubic-bezier(.2,0,0,1);display:grid}.aksel-table__expandable-icon{transition:transform .25s cubic-bezier(.2,0,0,1)}.aksel-table__expandable-row:not(.aksel-table__expandable-row--expansion-disabled) .aksel-table__toggle-expand-cell:hover{cursor:pointer}.aksel-table__toggle-expand-button:hover,.aksel-table__toggle-expand-cell:hover>.aksel-table__toggle-expand-button,.aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-table__row--selected :is(:scope .aksel-table__toggle-expand-button:hover,:scope .aksel-table__toggle-expand-cell:hover>.aksel-table__toggle-expand-button,:scope .aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button){background-color:var(--ax-bg-moderate-hoverA)}.aksel-table__toggle-expand-cell--open>:where(.aksel-table__toggle-expand-button) :where(.aksel-table__expandable-icon){transform:rotateX(180deg)}.aksel-table__toggle-expand-button:focus-visible{outline:3px solid var(--ax-border-focus)}.aksel-table__expanded-row-cell{padding:0}.aksel-table__expanded-row-cell:empty{display:none}.aksel-table__expanded-row-collapse:not([style*="height: 0px;"]),.aksel-table__expanded-row-collapse[style*="transition:"]{border-bottom:1px solid var(--ax-border-neutral-subtleA)}.aksel-table__expanded-row:has(+.aksel-table__row--selected) .aksel-table__expanded-row-collapse{border-color:var(--ax-border-default)}.aksel-table__expanded-row-content{--__ac-table-expanded-row-pi: calc(var(--ax-space-8) + 3rem);padding-block:var(--ax-space-16)}.aksel-table--small .aksel-table__expanded-row-content{padding-block:var(--ax-space-8)}.aksel-table__expanded-row-content--gutter-both{padding-inline:var(--__ac-table-expanded-row-pi)}.aksel-table__expanded-row-content--gutter-left{padding-inline:var(--__ac-table-expanded-row-pi) var(--ax-space-8)}.aksel-table__expanded-row-content--gutter-right{padding-inline:var(--ax-space-8) var(--__ac-table-expanded-row-pi)}.aksel-table__expanded-row-content--gutter-none{padding-inline:var(--ax-space-8)}}
1
+ @layer aksel.components{.aksel-table{border-collapse:collapse;width:100%;display:table}.aksel-table.aksel-table--sticky-header{border-collapse:separate;border-spacing:0}.aksel-table__header{display:table-header-group}.aksel-table--sticky-header .aksel-table__header{z-index:10;background-color:var(--ax-bg-default);box-sizing:border-box;position:sticky;top:0}.aksel-table__body{display:table-row-group}.aksel-table__body .aksel-table__row--shade-on-hover:hover{background-color:var(--ax-bg-neutral-moderate-hoverA);transition:background-color 70ms cubic-bezier(.2,0,0,1)}.aksel-table__body .aksel-table__row--shade-on-hover.aksel-table__row--selected:hover{background-color:var(--ax-bg-moderate-hoverA)}.aksel-table__row{display:table-row}.aksel-table__row:has(+.aksel-table__row--selected) :is(.aksel-table__header-cell,.aksel-table__data-cell){border-color:var(--ax-border-default)}.aksel-table__row--selected{background-color:var(--ax-bg-softA);box-shadow:inset 1px 0 0 0 var(--ax-border-default),inset -1px 0 0 0 var(--ax-border-default)}.aksel-table__row--selected:first-of-type{box-shadow:inset 1px 0 0 0 var(--ax-border-default),inset -1px 0 0 0 var(--ax-border-default),inset 0 1px 0 0 var(--ax-border-default)}.aksel-table__row--selected+.aksel-table__expanded-row{background-color:var(--ax-bg-softA);box-shadow:inset 1px 0 0 0 var(--ax-border-default),inset -1px 0 0 0 var(--ax-border-default)}.aksel-table__row--selected+.aksel-table__expanded-row .aksel-table__expanded-row-collapse{border-color:var(--ax-border-default)}.aksel-table__row--selected :is(.aksel-table__header-cell,.aksel-table__data-cell){border-color:var(--ax-border-default)}.aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell,.aksel-table__data-cell){border-color:#0000}.aksel-table--zebra-stripes .aksel-table__body :where(.aksel-table__row:nth-child(odd):not(.aksel-table__row--selected)){background-color:var(--ax-bg-neutral-softA)}.aksel-table--zebra-stripes .aksel-table__body :where(.aksel-table__expandable-row:nth-child(4n+1):not(.aksel-table__row--selected)){background-color:#0000}.aksel-table--zebra-stripes .aksel-table__body .aksel-table__expanded-row:nth-child(4n){background-color:var(--ax-bg-neutral-softA)}.aksel-table--zebra-stripes .aksel-table__row--selected+.aksel-table__expanded-row:nth-child(4n){background-color:var(--ax-bg-softA)}.aksel-table__header-cell,.aksel-table__data-cell{padding:var(--ax-space-12) var(--ax-space-8);border-bottom:1px solid var(--ax-border-neutral-subtleA);text-align:left;display:table-cell}.aksel-table__header .aksel-table__header-cell,.aksel-table__header .aksel-table__data-cell{border-bottom-width:2px}.aksel-table__header-cell--align-right,.aksel-table__data-cell--align-right{text-align:right}.aksel-table__header-cell--align-center,.aksel-table__data-cell--align-center{text-align:center}:where(.aksel-table__expandable-row--open:hover) .aksel-table__data-cell{border-bottom-color:#0000}.aksel-table--large .aksel-table__header-cell,.aksel-table--large .aksel-table__data-cell{padding:var(--ax-space-16) var(--ax-space-8)}.aksel-table--small .aksel-table__header-cell,.aksel-table--small .aksel-table__data-cell{padding:var(--ax-space-4) var(--ax-space-8)}.aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox__input{top:-.75rem}.aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox--small .aksel-checkbox__input{top:-.375rem}.aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox__label{padding:0}.aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox__label>.aksel-checkbox__icon-indeterminate{top:var(--ax-space-12)}.aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox--small .aksel-checkbox__label>.aksel-checkbox__icon-indeterminate{top:.6rem}.aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox__input:focus+.aksel-checkbox__label:after{height:100%}.aksel-table__header-cell[aria-sort]{padding:0}.aksel-table__sort-button{appearance:none;color:var(--ax-text-subtle);cursor:pointer;padding:var(--ax-space-16) var(--ax-space-12);gap:var(--ax-space-4);width:100%;line-height:inherit;font-weight:inherit;background:none;border:none;align-items:center;margin:0;display:flex}.aksel-table--small .aksel-table__sort-button{padding:var(--ax-space-8) var(--ax-space-12)}.aksel-table__sort-button:hover{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-table__sort-button:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-5px}.aksel-table__header-cell[aria-sort=ascending] .aksel-table__sort-button,.aksel-table__header-cell[aria-sort=descending] .aksel-table__sort-button{background-color:var(--ax-bg-moderate-pressedA);color:var(--ax-text-default)}.aksel-table__header-cell--align-right .aksel-table__sort-button{justify-content:flex-end}.aksel-table__header-cell--align-center .aksel-table__sort-button{justify-content:center}.aksel-table__sort-button svg{flex-shrink:0;font-size:1.5rem}.aksel-table__expandable-row:not(.aksel-table__expandable-row--open) :where(.aksel-table__data-cell,.aksel-table__header-cell){transition:border-bottom-color .15s cubic-bezier(.95,.05,.8,.04)}.aksel-table__expandable-row.aksel-table__expandable-row--clickable:not(.aksel-table__expandable-row--expansion-disabled):hover{cursor:pointer}.aksel-table__expandable-row--open :where(.aksel-table__data-cell,.aksel-table__header-cell){border-bottom-color:#0000}.aksel-table__expandable-row--open .aksel-table__toggle-expand-cell--open{border-color:#0000}.aksel-table__toggle-expand-cell{width:3rem;padding:0}.aksel-table--large .aksel-table__toggle-expand-cell{padding:0 var(--ax-space-8)}.aksel-table--small .aksel-table__toggle-expand-cell{padding:var(--ax-space-4) var(--ax-space-8)}.aksel-table__toggle-expand-button{cursor:pointer;border-radius:var(--ax-radius-4);background:none;border:none;place-content:center;width:2rem;height:2rem;margin:0 auto;font-size:1.5rem;transition:background-color 70ms cubic-bezier(.2,0,0,1);display:grid}.aksel-table__expandable-icon{transition:transform .25s cubic-bezier(.2,0,0,1)}.aksel-table__expandable-row:not(.aksel-table__expandable-row--expansion-disabled) .aksel-table__toggle-expand-cell:hover{cursor:pointer}.aksel-table__toggle-expand-button:hover,.aksel-table__toggle-expand-cell:hover>.aksel-table__toggle-expand-button,.aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-table__row--selected :is(:scope .aksel-table__toggle-expand-button:hover,:scope .aksel-table__toggle-expand-cell:hover>.aksel-table__toggle-expand-button,:scope .aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button){background-color:var(--ax-bg-moderate-hoverA)}.aksel-table__toggle-expand-cell--open>:where(.aksel-table__toggle-expand-button) :where(.aksel-table__expandable-icon){transform:rotateX(180deg)}.aksel-table__toggle-expand-button:focus-visible{outline:3px solid var(--ax-border-focus)}.aksel-table__expanded-row-cell{padding:0}.aksel-table__expanded-row-cell:empty{display:none}.aksel-table__expanded-row-collapse:not([style*="height: 0px;"]),.aksel-table__expanded-row-collapse[style*="transition:"]{border-bottom:1px solid var(--ax-border-neutral-subtleA)}.aksel-table__expanded-row:has(+.aksel-table__row--selected) .aksel-table__expanded-row-collapse{border-color:var(--ax-border-default)}.aksel-table__expanded-row-content{--__ac-table-expanded-row-pi: calc(var(--ax-space-8) + 3rem);padding-block:var(--ax-space-16)}.aksel-table--small .aksel-table__expanded-row-content{padding-block:var(--ax-space-8)}.aksel-table__expanded-row-content--gutter-both{padding-inline:var(--__ac-table-expanded-row-pi)}.aksel-table__expanded-row-content--gutter-left{padding-inline:var(--__ac-table-expanded-row-pi) var(--ax-space-8)}.aksel-table__expanded-row-content--gutter-right{padding-inline:var(--ax-space-8) var(--__ac-table-expanded-row-pi)}.aksel-table__expanded-row-content--gutter-none{padding-inline:var(--ax-space-8)}}
@@ -19,7 +19,7 @@
19
19
  outline: 0;
20
20
  }
21
21
 
22
- .navds-tooltip__arrow {
22
+ .aksel-tooltip__arrow {
23
23
  z-index: -1;
24
24
  background-color: var(--ax-bg-neutral-strong);
25
25
  border-radius: 1px;
@@ -30,7 +30,7 @@
30
30
  }
31
31
 
32
32
  @media (forced-colors: active) {
33
- .navds-tooltip__arrow {
33
+ .aksel-tooltip__arrow {
34
34
  display: none;
35
35
  }
36
36
  }
@@ -1 +1 @@
1
- @layer aksel.components{.aksel-tooltip{z-index:3000;background-color:var(--ax-bg-neutral-strong);color:var(--ax-text-neutral-contrast);border-radius:var(--ax-radius-4);padding:0 var(--ax-space-6);text-align:center;box-shadow:var(--ax-shadow-dialog);border:1px solid rgba(0,0,0,0);flex-direction:column;align-items:center;animation-duration:.15s;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex}.aksel-tooltip:focus{outline:0}.navds-tooltip__arrow{z-index:-1;background-color:var(--ax-bg-neutral-strong);border-radius:1px;width:.5rem;height:.5rem;position:absolute;transform:rotate(45deg)}@media (forced-colors: active){.navds-tooltip__arrow{display:none}}.aksel-tooltip:where([data-state=open]):where([data-side=bottom]){animation-name:aksel-tooltip-from-bottom,aksel-tooltip-fade-in}.aksel-tooltip:where([data-state=open]):where([data-side=top]){animation-name:aksel-tooltip-from-top,aksel-tooltip-fade-in}.aksel-tooltip:where([data-state=open]):where([data-side=left]){animation-name:aksel-tooltip-from-left,aksel-tooltip-fade-in}.aksel-tooltip:where([data-state=open]):where([data-side=right]){animation-name:aksel-tooltip-from-right,aksel-tooltip-fade-in}@keyframes aksel-tooltip-from-bottom{0%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes aksel-tooltip-from-top{0%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes aksel-tooltip-from-left{0%{transform:translate(4px)}to{transform:translateY(0)}}@keyframes aksel-tooltip-from-right{0%{transform:translate(-4px)}to{transform:translateY(0)}}@keyframes aksel-tooltip-fade-in{0%{opacity:.01}to{opacity:1}}.aksel-tooltip__keys{padding-bottom:var(--ax-space-4);gap:var(--ax-space-4);display:flex}.aksel-tooltip__key{font-family:var(--ax-font-family);color:var(--ax-text-neutral);padding:0 var(--ax-space-4);border-radius:var(--ax-radius-2);background:var(--ax-bg-neutral-moderate);justify-content:center;align-items:center;min-width:1.125rem;height:1.125rem;display:inline-flex}@media (forced-colors: active){.aksel-tooltip__key{outline:1px solid}}}
1
+ @layer aksel.components{.aksel-tooltip{z-index:3000;background-color:var(--ax-bg-neutral-strong);color:var(--ax-text-neutral-contrast);border-radius:var(--ax-radius-4);padding:0 var(--ax-space-6);text-align:center;box-shadow:var(--ax-shadow-dialog);border:1px solid rgba(0,0,0,0);flex-direction:column;align-items:center;animation-duration:.15s;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex}.aksel-tooltip:focus{outline:0}.aksel-tooltip__arrow{z-index:-1;background-color:var(--ax-bg-neutral-strong);border-radius:1px;width:.5rem;height:.5rem;position:absolute;transform:rotate(45deg)}@media (forced-colors: active){.aksel-tooltip__arrow{display:none}}.aksel-tooltip:where([data-state=open]):where([data-side=bottom]){animation-name:aksel-tooltip-from-bottom,aksel-tooltip-fade-in}.aksel-tooltip:where([data-state=open]):where([data-side=top]){animation-name:aksel-tooltip-from-top,aksel-tooltip-fade-in}.aksel-tooltip:where([data-state=open]):where([data-side=left]){animation-name:aksel-tooltip-from-left,aksel-tooltip-fade-in}.aksel-tooltip:where([data-state=open]):where([data-side=right]){animation-name:aksel-tooltip-from-right,aksel-tooltip-fade-in}@keyframes aksel-tooltip-from-bottom{0%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes aksel-tooltip-from-top{0%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes aksel-tooltip-from-left{0%{transform:translate(4px)}to{transform:translateY(0)}}@keyframes aksel-tooltip-from-right{0%{transform:translate(-4px)}to{transform:translateY(0)}}@keyframes aksel-tooltip-fade-in{0%{opacity:.01}to{opacity:1}}.aksel-tooltip__keys{padding-bottom:var(--ax-space-4);gap:var(--ax-space-4);display:flex}.aksel-tooltip__key{font-family:var(--ax-font-family);color:var(--ax-text-neutral);padding:0 var(--ax-space-4);border-radius:var(--ax-radius-2);background:var(--ax-bg-neutral-moderate);justify-content:center;align-items:center;min-width:1.125rem;height:1.125rem;display:inline-flex}@media (forced-colors: active){.aksel-tooltip__key{outline:1px solid}}}