@navikt/ds-css 7.14.3 → 7.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/darkside/accordion.darkside.css +23 -23
- package/darkside/action-menu.darkside.css +21 -21
- package/darkside/alert.darkside.css +22 -22
- package/darkside/baseline/baseline.darkside.css +4 -4
- package/darkside/button.darkside.css +47 -47
- package/darkside/chat.darkside.css +20 -20
- package/darkside/chips.darkside.css +24 -24
- package/darkside/copybutton.darkside.css +1 -1
- package/darkside/date.darkside.css +33 -33
- package/darkside/dropdown.darkside.css +9 -9
- package/darkside/expansioncard.darkside.css +20 -20
- package/darkside/form/combobox.darkside.css +69 -69
- package/darkside/form/confirmation-panel.darkside.css +5 -5
- package/darkside/form/error-summary.darkside.css +8 -8
- package/darkside/form/fieldset.darkside.css +11 -11
- package/darkside/form/file-upload.darkside.css +26 -26
- package/darkside/form/form-progress.darkside.css +6 -6
- package/darkside/form/form-summary.darkside.css +15 -15
- package/darkside/form/form.darkside.css +8 -8
- package/darkside/form/radio-checkbox.darkside.css +80 -80
- package/darkside/form/search.darkside.css +30 -30
- package/darkside/form/select.darkside.css +11 -11
- package/darkside/form/switch.darkside.css +61 -61
- package/darkside/form/text-field.darkside.css +6 -6
- package/darkside/form/textarea.darkside.css +15 -15
- package/darkside/guide-panel.darkside.css +15 -15
- package/darkside/help-text.darkside.css +10 -10
- package/darkside/internalheader.darkside.css +9 -9
- package/darkside/link-panel.darkside.css +6 -6
- package/darkside/link.darkside.css +9 -9
- package/darkside/list.darkside.css +14 -14
- package/darkside/loader.darkside.css +21 -21
- package/darkside/modal.darkside.css +25 -25
- package/darkside/pagination.darkside.css +7 -7
- package/darkside/panel.darkside.css +2 -2
- package/darkside/popover.darkside.css +4 -4
- package/darkside/primitives/base.darkside.css +150 -150
- package/darkside/primitives/bleed.darkside.css +12 -12
- package/darkside/primitives/box.darkside.css +10 -10
- package/darkside/primitives/hgrid.darkside.css +13 -13
- package/darkside/primitives/page.darkside.css +12 -12
- package/darkside/primitives/responsive.darkside.css +10 -10
- package/darkside/primitives/stack.darkside.css +28 -28
- package/darkside/progress-bar.darkside.css +12 -12
- package/darkside/read-more.darkside.css +15 -15
- package/darkside/skeleton.darkside.css +10 -10
- package/darkside/stepper.darkside.css +38 -38
- package/darkside/table.darkside.css +69 -69
- package/darkside/tabs.darkside.css +23 -23
- package/darkside/tag.darkside.css +21 -21
- package/darkside/theme.darkside.css +1 -1
- package/darkside/timeline.darkside.css +60 -62
- package/darkside/toggle-group.darkside.css +13 -13
- package/darkside/tooltip.darkside.css +7 -7
- package/darkside/typography.darkside.css +47 -47
- package/dist/darkside/component/accordion.css +25 -25
- package/dist/darkside/component/accordion.min.css +1 -1
- package/dist/darkside/component/actionmenu.css +27 -27
- package/dist/darkside/component/actionmenu.min.css +1 -1
- package/dist/darkside/component/alert.css +20 -20
- package/dist/darkside/component/alert.min.css +1 -1
- package/dist/darkside/component/button.css +55 -55
- package/dist/darkside/component/button.min.css +1 -1
- package/dist/darkside/component/chat.css +16 -16
- package/dist/darkside/component/chat.min.css +1 -1
- package/dist/darkside/component/chips.css +33 -33
- package/dist/darkside/component/chips.min.css +1 -1
- package/dist/darkside/component/copybutton.css +1 -1
- package/dist/darkside/component/copybutton.min.css +1 -1
- package/dist/darkside/component/date.css +44 -44
- package/dist/darkside/component/date.min.css +1 -1
- package/dist/darkside/component/dropdown.css +13 -13
- package/dist/darkside/component/dropdown.min.css +1 -1
- package/dist/darkside/component/expansioncard.css +26 -26
- package/dist/darkside/component/expansioncard.min.css +1 -1
- package/dist/darkside/component/form.css +326 -326
- package/dist/darkside/component/form.min.css +1 -1
- package/dist/darkside/component/guidepanel.css +20 -20
- package/dist/darkside/component/guidepanel.min.css +1 -1
- package/dist/darkside/component/helptext.css +9 -9
- package/dist/darkside/component/helptext.min.css +1 -1
- package/dist/darkside/component/internalheader.css +13 -13
- package/dist/darkside/component/internalheader.min.css +1 -1
- package/dist/darkside/component/link.css +12 -12
- package/dist/darkside/component/link.min.css +1 -1
- package/dist/darkside/component/linkpanel.css +7 -7
- package/dist/darkside/component/linkpanel.min.css +1 -1
- package/dist/darkside/component/list.css +15 -15
- package/dist/darkside/component/list.min.css +1 -1
- package/dist/darkside/component/loader.css +17 -17
- package/dist/darkside/component/loader.min.css +1 -1
- package/dist/darkside/component/modal.css +25 -25
- package/dist/darkside/component/modal.min.css +1 -1
- package/dist/darkside/component/pagination.css +8 -8
- package/dist/darkside/component/pagination.min.css +1 -1
- package/dist/darkside/component/panel.css +2 -2
- package/dist/darkside/component/panel.min.css +1 -1
- package/dist/darkside/component/popover.css +4 -4
- package/dist/darkside/component/popover.min.css +1 -1
- package/dist/darkside/component/primitives.css +235 -235
- package/dist/darkside/component/primitives.min.css +1 -1
- package/dist/darkside/component/progressbar.css +11 -11
- package/dist/darkside/component/progressbar.min.css +1 -1
- package/dist/darkside/component/readmore.css +16 -16
- package/dist/darkside/component/readmore.min.css +1 -1
- package/dist/darkside/component/skeleton.css +12 -12
- package/dist/darkside/component/skeleton.min.css +1 -1
- package/dist/darkside/component/stepper.css +37 -37
- package/dist/darkside/component/stepper.min.css +1 -1
- package/dist/darkside/component/table.css +55 -55
- package/dist/darkside/component/table.min.css +1 -1
- package/dist/darkside/component/tabs.css +25 -25
- package/dist/darkside/component/tabs.min.css +1 -1
- package/dist/darkside/component/tag.css +18 -18
- package/dist/darkside/component/tag.min.css +1 -1
- package/dist/darkside/component/theme.css +4 -4
- package/dist/darkside/component/theme.min.css +1 -1
- package/dist/darkside/component/timeline.css +58 -59
- package/dist/darkside/component/timeline.min.css +1 -1
- package/dist/darkside/component/togglegroup.css +19 -19
- package/dist/darkside/component/togglegroup.min.css +1 -1
- package/dist/darkside/component/tooltip.css +9 -9
- package/dist/darkside/component/tooltip.min.css +1 -1
- package/dist/darkside/component/typography.css +48 -48
- package/dist/darkside/component/typography.min.css +1 -1
- package/dist/darkside/components.css +1265 -1266
- package/dist/darkside/components.min.css +1 -1
- package/dist/darkside/global/baseline.css +3 -3
- package/dist/darkside/global/baseline.min.css +1 -1
- package/dist/darkside/global/tokens.css +1 -1
- package/dist/darkside/global/tokens.min.css +1 -1
- package/dist/darkside/index.css +1269 -1270
- package/dist/darkside/index.min.css +1 -1
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/accordion.css +25 -25
- package/dist/darkside/version/7.16.0/component/accordion.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/actionmenu.css +27 -27
- package/dist/darkside/version/7.16.0/component/actionmenu.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/alert.css +20 -20
- package/dist/darkside/version/7.16.0/component/alert.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/button.css +55 -55
- package/dist/darkside/version/7.16.0/component/button.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/chat.css +16 -16
- package/dist/darkside/version/7.16.0/component/chat.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/chips.css +33 -33
- package/dist/darkside/version/7.16.0/component/chips.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/copybutton.css +1 -1
- package/dist/darkside/version/7.16.0/component/copybutton.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/date.css +44 -44
- package/dist/darkside/version/7.16.0/component/date.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/dropdown.css +13 -13
- package/dist/darkside/version/7.16.0/component/dropdown.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/expansioncard.css +26 -26
- package/dist/darkside/version/7.16.0/component/expansioncard.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/form.css +326 -326
- package/dist/darkside/version/7.16.0/component/form.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/guidepanel.css +20 -20
- package/dist/darkside/version/7.16.0/component/guidepanel.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/helptext.css +9 -9
- package/dist/darkside/version/7.16.0/component/helptext.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/internalheader.css +13 -13
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/internalheader.min.css +1 -1
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/link.css +12 -12
- package/dist/darkside/version/7.16.0/component/link.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/linkpanel.css +7 -7
- package/dist/darkside/version/7.16.0/component/linkpanel.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/list.css +15 -15
- package/dist/darkside/version/7.16.0/component/list.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/loader.css +17 -17
- package/dist/darkside/version/7.16.0/component/loader.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/modal.css +25 -25
- package/dist/darkside/version/7.16.0/component/modal.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/pagination.css +8 -8
- package/dist/darkside/version/7.16.0/component/pagination.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/panel.css +2 -2
- package/dist/darkside/version/7.16.0/component/panel.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/popover.css +4 -4
- package/dist/darkside/version/7.16.0/component/popover.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/primitives.css +235 -235
- package/dist/darkside/version/7.16.0/component/primitives.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/progressbar.css +11 -11
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/progressbar.min.css +1 -1
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/readmore.css +16 -16
- package/dist/darkside/version/7.16.0/component/readmore.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/skeleton.css +12 -12
- package/dist/darkside/version/7.16.0/component/skeleton.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/stepper.css +37 -37
- package/dist/darkside/version/7.16.0/component/stepper.min.css +1 -0
- package/dist/darkside/version/7.16.0/component/table.css +254 -0
- package/dist/darkside/version/7.16.0/component/table.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/tabs.css +25 -25
- package/dist/darkside/version/7.16.0/component/tabs.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/tag.css +18 -18
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/tag.min.css +1 -1
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/theme.css +4 -4
- package/dist/darkside/version/7.16.0/component/theme.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/timeline.css +58 -59
- package/dist/darkside/version/7.16.0/component/timeline.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/togglegroup.css +19 -19
- package/dist/darkside/version/7.16.0/component/togglegroup.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/tooltip.css +9 -9
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/tooltip.min.css +1 -1
- package/dist/darkside/version/{7.14.3 → 7.16.0}/component/typography.css +48 -48
- package/dist/darkside/version/7.16.0/component/typography.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/components.css +1265 -1266
- package/dist/darkside/version/7.16.0/components.min.css +1 -0
- package/dist/darkside/version/{7.14.3 → 7.16.0}/global/baseline.css +3 -3
- package/dist/darkside/version/{7.14.3 → 7.16.0}/global/baseline.min.css +1 -1
- package/dist/darkside/version/{7.14.3 → 7.16.0}/global/tokens.css +1 -1
- package/dist/darkside/version/{7.14.3 → 7.16.0}/global/tokens.min.css +1 -1
- package/dist/darkside/version/{7.14.3 → 7.16.0}/index.css +1269 -1270
- package/dist/darkside/version/7.16.0/index.min.css +1 -0
- package/dist/global/tokens.css +1 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.min.css +1 -1
- package/package.json +4 -3
- package/dist/darkside/version/7.14.3/component/accordion.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/actionmenu.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/alert.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/button.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/chat.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/chips.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/copybutton.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/date.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/dropdown.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/expansioncard.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/form.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/guidepanel.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/helptext.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/link.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/linkpanel.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/list.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/loader.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/modal.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/pagination.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/panel.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/popover.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/primitives.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/readmore.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/skeleton.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/stepper.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/table.css +0 -254
- package/dist/darkside/version/7.14.3/component/table.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/tabs.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/theme.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/timeline.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/togglegroup.min.css +0 -1
- package/dist/darkside/version/7.14.3/component/typography.min.css +0 -1
- package/dist/darkside/version/7.14.3/components.min.css +0 -1
- package/dist/darkside/version/7.14.3/index.min.css +0 -1
- /package/dist/darkside/version/{7.14.3 → 7.16.0}/global/fonts.css +0 -0
- /package/dist/darkside/version/{7.14.3 → 7.16.0}/global/fonts.min.css +0 -0
- /package/dist/darkside/version/{7.14.3 → 7.16.0}/global/print.css +0 -0
- /package/dist/darkside/version/{7.14.3 → 7.16.0}/global/print.min.css +0 -0
- /package/dist/darkside/version/{7.14.3 → 7.16.0}/global/reset.css +0 -0
- /package/dist/darkside/version/{7.14.3 → 7.16.0}/global/reset.min.css +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.components{.aksel-fieldset{border:0;min-width:0;margin:0;padding:0}.aksel-fieldset>:not(:first-child,:empty){margin-top:var(--ax-space-8)}.aksel-fieldset__description{color:var(--ax-text-neutral-subtle)}.aksel-fieldset>.aksel-fieldset__description:not(:empty){margin-top:.125rem}.aksel-fieldset>.aksel-sr-only+:not(:first-child,:empty){margin-top:0}.aksel-fieldset__legend{padding:0}.aksel-fieldset--readonly>:where(.aksel-fieldset__legend){display:inline-flex}.aksel-fieldset:disabled>.aksel-fieldset__description,.aksel-fieldset:disabled>.aksel-fieldset__legend{opacity:var(--ax-opacity-disabled)}@media (forced-colors:active){.aksel-fieldset:disabled>.aksel-fieldset__description,.aksel-fieldset:disabled>.aksel-fieldset__legend{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-border-radius-xlarge);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-accent-strong)}.aksel-dropzone__area:hover:not([data-disabled=true])>.aksel-dropzone__area-button{background-color:var(--ax-bg-accent-moderate-hover);box-shadow:inset 0 0 0 2px var(--ax-bg-accent-strong-hover)}.aksel-dropzone__area:active:not([data-disabled=true])>.aksel-dropzone__area-button{background-color:var(--ax-bg-accent-strong-pressed);color:var(--ax-text-accent-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-accent);background-color:var(--ax-bg-accent-moderateA);content:"";border:1px dashed var(--ax-border-accent-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--ax-border-radius-xlarge);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:rgba(0,0,0,0)}70%{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}100%{background-color:var(--ax-bg-accent-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:transparent}.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-border-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:rgba(0,0,0,0);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-accent-subtle);top:50%;transform:translateY(-50%)}.aksel-dropzone__area-disabled{color:var(--ax-text-neutral-subtle);align-items:center;gap:var(--ax-space-8);flex-direction:column;display:flex}.aksel-file-upload :is(ul,li),li.aksel-file-item,ul:has( > li.aksel-file-item){margin:0;padding:0;list-style:none}.aksel-file-item__inner{background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-neutral-subtleA);outline-offset:-1px;border-radius:var(--ax-border-radius-xlarge);padding:var(--ax-space-12) var(--ax-space-16);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-border-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:rgba(0,0,0,0)}.aksel-file-item__file-info{word-break:break-word}.aksel-file-item__button{margin-left:auto}.aksel-file-item__error{grid-template-rows:0fr;transition-property:grid-template-rows,padding-top;transition-duration:.25s;transition-timing-function:cubic-bezier(0,.3,.15,1);display:grid;overflow:hidden}.aksel-file-item--error .aksel-file-item__error{padding-top:var(--ax-space-4);grid-template-rows:1fr}.aksel-form-field{justify-items:start;gap:var(--ax-space-8);display:grid}.aksel-form-field__description{color:var(--ax-text-neutral-subtle);margin-top:-.375rem}.aksel-form-field--disabled{opacity:var(--ax-opacity-disabled);cursor:not-allowed}.aksel-form-field__error:empty{display:none}.aksel-form-field__subdescription{color:var(--ax-text-neutral-subtle)}.aksel-form-field--readonly>:where(.aksel-form-field__label){display:inline-flex}.aksel-form-field__readonly-icon{margin-top:var(--ax-space-2);margin-right:var(--ax-space-4);flex-shrink:0;align-self:flex-start}@media (forced-colors:active){.aksel-form-field--disabled{opacity:1}}.aksel-error-summary{background-color:var(--ax-bg-default);padding:var(--ax-space-16) var(--ax-space-20);border:4px solid var(--ax-border-danger);border-radius:var(--ax-border-radius-xlarge);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:0}.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-border-radius-large);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-border-radius-large) - 1px);border-end-start-radius:calc(var(--ax-border-radius-large) - 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-border-radius-medium);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-border-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-border-radius-medium);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-accent-strong-pressed);border-color:var(--ax-bg-accent-strong-pressed)}.aksel-checkbox__input:where(:checked,:indeterminate):not(:disabled):hover+.aksel-checkbox__label:before{border-color:var(--ax-bg-accent-strong-hover);background-color:var(--ax-bg-accent-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-accent-strong-pressed)}.aksel-radio--small>.aksel-radio__input:checked+.aksel-radio__label:before{border-width:6px}.aksel-checkbox__input:hover:not(:disabled)+.aksel-checkbox__label,.aksel-radio__input:hover:not(:disabled,:checked)+.aksel-radio__label{color:var(--ax-text-accent-subtle)}.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-accent-strong);background-color:var(--ax-bg-accent-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-checkbox--error>.aksel-checkbox__input:not(:disabled,:checked,:indeterminate):hover+.aksel-checkbox__label:before,.aksel-radio--error>.aksel-radio__input:not(:disabled,:checked):hover+.aksel-radio__label:before{background-color:var(--ax-bg-danger-moderate-hoverA)}.aksel-checkbox--error>.aksel-checkbox__input:is(:checked,:indeterminate):not(:disabled)+.aksel-checkbox__label:before{background-color:var(--ax-bg-danger-strong-pressed);border-color:var(--ax-bg-danger-strong-pressed)}.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:hover+.aksel-checkbox__label,.aksel-radio--readonly>.aksel-radio__input:hover+.aksel-radio__label{color:var(--ax-text-neutral)}.aksel-checkbox--readonly>.aksel-checkbox__input:hover .aksel-checkbox__label:before,.aksel-checkbox--readonly>.aksel-checkbox__input:not(:disabled)+.aksel-checkbox__label:before,.aksel-radio--readonly>.aksel-radio__input:hover:not(:checked,:focus)+.aksel-radio__label:before,.aksel-radio--readonly>.aksel-radio__input:not(:disabled,:checked)+.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-border-radius-large);border:1px solid var(--ax-border-neutral);color:var(--ax-text-neutral);box-sizing:border-box;width:100%;min-height:3rem;padding:var(--ax-space-8);padding-right:var(--ax-space-40);display:inline-block;position:relative}.aksel-select__input:hover{border-color:var(--ax-border-accent-strong);cursor:pointer}.aksel-select__input:focus{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-accent-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:focus,.aksel-select--error>* select:hover{box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}.aksel-select__input:disabled{background-color:var(--ax-bg-input);border:1px solid var(--ax-border-neutral);box-shadow:none;cursor:not-allowed;opacity:1;color:var(--ax-text-neutral)}.aksel-select__input:disabled>option{color:var(--ax-text-neutral)}@media (forced-colors:active){.aksel-select__input:disabled+.aksel-select__chevron{color:graytext}}.aksel-select--readonly .aksel-select__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}@media (forced-colors:active){.aksel-select--readonly .aksel-select__input:is(:hover,:focus){color:buttontext;background-color:buttonface;border-color:buttontext}}.aksel-select--readonly .aksel-select__chevron{color:var(--ax-text-neutral-subtle)}.aksel-switch{width:fit-content;min-height:3rem;position:relative}.aksel-switch--small{min-height:2rem}.aksel-switch__input{cursor:pointer;z-index:1;opacity:0;width:3rem;height:3rem;position:absolute;top:0}.aksel-switch--small>.aksel-switch__input{height:2rem;top:0}.aksel-switch__label-wrapper{cursor:pointer;color:var(--ax-text-neutral)}.aksel-switch__content{--__axc-switch-block-padding:.75rem;gap:var(--ax-space-2);padding:var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) 3.25rem;flex-direction:column;display:flex;position:relative}.aksel-switch--right .aksel-switch__content{padding:var(--__axc-switch-block-padding) 3.25rem var(--__axc-switch-block-padding) 0}.aksel-switch--small .aksel-switch__content{--__axc-switch-block-padding:.375rem}.aksel-switch__content.aksel-switch--with-description{padding-bottom:0}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content:after{content:"";width:100%;height:calc(100% - var(--__axc-switch-block-padding) * 2);border-radius:var(--ax-border-radius-medium);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:hover~.aksel-switch__label-wrapper,.aksel-switch__label-wrapper:hover{color:var(--ax-text-accent-subtle)}.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-border-radius-full);border:2px solid var(--ax-border-neutral);transition-property:background-color,border-color;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;left:0}.aksel-switch--small>.aksel-switch__track{top:var(--ax-space-4)}.aksel-switch__input:checked~.aksel-switch__track{background-color:var(--ax-bg-accent-strong-pressed);border-color:var(--ax-bg-accent-strong-pressed)}.aksel-switch__input:hover:checked~.aksel-switch__track{background-color:var(--ax-bg-accent-strong-hover);border-color:var(--ax-bg-accent-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-accent-strong-pressed);border-color:var(--ax-bg-accent-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-border-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:translateX(0)}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{background-color:var(--ax-bg-raised);color:var(--ax-text-accent-subtle);width:1.25rem;height:1.25rem;top:0;left:0;transform:translateX(1.25rem)}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb>.aksel-switch__checkmark{visibility:visible;opacity:1}.aksel-switch__checkmark{visibility:hidden;opacity:0;transition:opacity .15s cubic-bezier(.4, 0, .2, 1)}@media (hover:hover) and (pointer:fine){.aksel-switch__input:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translateX(.0625rem)}.aksel-switch__input:checked:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translateX(1.19rem)}}.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__input:checked:hover~.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:checked~.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:hover~.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__track{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA)}.aksel-switch--readonly>.aksel-switch__input,.aksel-switch--readonly>.aksel-switch__label-wrapper{cursor:default}.aksel-switch--readonly .aksel-switch__label-wrapper:hover,.aksel-switch--readonly>.aksel-switch__input:hover~.aksel-switch__label-wrapper{color:var(--ax-text-neutral)}.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:translateX(0)}.aksel-switch--readonly>.aksel-switch__input:checked:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translateX(1.25rem)}}@media (forced-colors:active){.aksel-switch__input:hover~.aksel-switch__label-wrapper,.aksel-switch__label-wrapper:hover{color:highlight}.aksel-switch--readonly .aksel-switch__thumb,.aksel-switch__thumb{background-color:fieldtext!important}.aksel-switch--readonly .aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb,.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{color:field}.aksel-switch--standalone>.aksel-switch__input:focus~.aksel-switch__track,.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content:after{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-border-radius-large);border:1px solid var(--ax-border-neutral);width:100%;min-height:3rem;color:var(--ax-text-neutral)}.aksel-text-field__input:hover{border-color:var(--ax-border-accent-strong)}.aksel-text-field__input:focus-visible{border-color:var(--ax-border-accent-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-border-radius-large);border:1px solid var(--ax-border-neutral);resize:none;width:100%;color:var(--ax-text-neutral);display:block}.aksel-textarea__input::placeholder{color:var(--ax-text-neutral-subtle)}.aksel-textarea__input:hover{border-color:var(--ax-border-accent-strong)}.aksel-textarea__input:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-accent-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-border-radius-large);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:0}.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-border-radius-large);border-bottom-right-radius:var(--ax-border-radius-large);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-accent-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-accent-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__button-search:focus-visible,.aksel-search__input: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-border-radius-large);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-accent-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--readonly,.aksel-combobox--disabled .aksel-combobox__selected-options{pointer-events:none}.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-combobox__input,.aksel-combobox--readonly .aksel-text-field__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-border-radius-large)}.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-accent-strong)}.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible).aksel-combobox__wrapper-inner--virtually-unfocused{border-color:var(--ax-border-neutral);outline:0}.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>:last-child{flex-flow:row;display:flex}.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-border-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:var(--ax-bg-input);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__input--hide-caret{caret-color:rgba(0,0,0,0)}@supports not selector(:focus-visible){.aksel-combobox__input:focus{border:none;outline:0}.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:0}}.aksel-combobox__input::-webkit-search-cancel-button{display:none}.aksel-combobox__button-toggle-list{color:var(--ax-text-neutral);cursor:pointer;background:0 0;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-accent-subtle)}.aksel-combobox__button-toggle-list:hover:active{color:var(--ax-text-accent)}.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-border-radius-large);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--max-selected,.aksel-combobox__list-item--new-option,.aksel-combobox__list-item--no-options{padding-block:var(--__axc-combobox-list-item-padding-block);padding-inline:var(--__axc-combobox-list-item-padding-inline);border-radius:var(--ax-border-radius-large);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{-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:rgba(0,0,0,0)}.aksel-combobox__list-item svg{color:var(--ax-text-neutral)}.aksel-combobox__list-item--selected{background-color:var(--ax-bg-accent-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-accent-subtleA);background:var(--ax-bg-accent-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-border-radius-large) - 1px) calc(var(--ax-border-radius-large) - 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-border-radius-large) - 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--with-hover .aksel-combobox__list-item:not([data-no-focus=true],.aksel-combobox__list-item--new-option):hover,.aksel-combobox__list-item--focus{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--with-hover .aksel-combobox__list-item--selected:hover,.aksel-combobox__list-item--selected.aksel-combobox__list-item--focus{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-border-radius-xlarge);background:var(--ax-bg-raised);overflow:hidden}.aksel-form-summary__header{background:var(--ax-bg-neutral-moderateA);padding:var(--ax-space-20) var(--ax-space-20) var(--ax-space-16) var(--ax-space-20);justify-content:space-between;gap:0 var(--ax-space-12);display:flex}@media (max-width:479px){.aksel-form-summary__header{padding:var(--ax-space-16) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);flex-direction:column}}.aksel-form-summary__edit{margin-top:var(--ax-space-4);flex-shrink:0;align-self:flex-start}.aksel-form-summary>.aksel-form-summary__answers{border-top:1px solid var(--ax-border-neutral-subtleA)}.aksel-form-summary__answers{padding:var(--ax-space-16) var(--ax-space-20) var(--ax-space-20) var(--ax-space-20);margin:0}@media (max-width:479px){.aksel-form-summary__answers{padding:var(--ax-space-12) var(--ax-space-16) var(--ax-space-16) var(--ax-space-16)}}.aksel-form-summary__answer:not(:last-child){margin-bottom:var(--ax-space-16);padding-bottom:var(--ax-space-16);border-bottom:1px solid var(--ax-border-neutral-subtleA)}.aksel-form-summary__answer:has(.aksel-form-summary__answer){padding-bottom:var(--ax-space-24)}.aksel-form-summary__answer:has(.aksel-form-summary__answer):last-child{padding-bottom:0}@media (max-width:479px){.aksel-form-summary__answer:not(:last-child){margin-bottom:var(--ax-space-12);padding-bottom:var(--ax-space-12)}.aksel-form-summary__answer:has(.aksel-form-summary__answer){padding-bottom:var(--ax-space-20)}}.aksel-form-summary__value:first-of-type{margin-top:var(--ax-space-4)}.aksel-form-summary__value .aksel-form-summary__answers{margin-top:var(--ax-space-8);padding:var(--ax-space-16) var(--ax-space-20);background:var(--ax-bg-info-moderateA);border-radius:var(--ax-border-radius-large);border:1px solid var(--ax-border-info-subtleA)}.aksel-form-summary__value .aksel-form-summary__answers .aksel-form-summary__answer{border-color:var(--ax-border-info-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-border-radius-xlarge);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:1s;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,37 +1,37 @@
|
|
|
1
1
|
@layer aksel.components {
|
|
2
|
-
.
|
|
2
|
+
.aksel-guide-panel {
|
|
3
3
|
--__axc-guide-panel-guide-size: 5rem;
|
|
4
4
|
width: fit-content;
|
|
5
5
|
display: flex;
|
|
6
6
|
position: relative;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
.
|
|
9
|
+
.aksel-guide-panel[data-poster="true"], .aksel-guide-panel[data-responsive="true"] {
|
|
10
10
|
flex-direction: column;
|
|
11
11
|
align-items: center;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.
|
|
14
|
+
.aksel-guide-panel[data-poster="false"] {
|
|
15
15
|
flex-direction: row;
|
|
16
16
|
align-items: flex-start;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.
|
|
19
|
+
.aksel-guide-panel[data-poster="false"][data-responsive="false"] {
|
|
20
20
|
--__axc-guide-panel-guide-size: 3.75rem;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
@media (min-width: 480px) {
|
|
24
|
-
.
|
|
24
|
+
.aksel-guide-panel[data-poster="false"][data-responsive="false"] {
|
|
25
25
|
--__axc-guide-panel-guide-size: 5rem;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
.
|
|
28
|
+
.aksel-guide-panel[data-responsive="true"] {
|
|
29
29
|
flex-direction: row;
|
|
30
30
|
align-items: flex-start;
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.
|
|
34
|
+
.aksel-guide {
|
|
35
35
|
box-sizing: border-box;
|
|
36
36
|
border: 2px solid var(--ax-border-info);
|
|
37
37
|
border-radius: var(--ax-border-radius-full);
|
|
@@ -41,34 +41,34 @@
|
|
|
41
41
|
overflow: hidden;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
.
|
|
44
|
+
.aksel-guide svg, .aksel-guide img {
|
|
45
45
|
width: 100%;
|
|
46
46
|
height: 100%;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
.
|
|
49
|
+
.aksel-guide-panel__content {
|
|
50
50
|
background-color: var(--ax-bg-raised);
|
|
51
51
|
border: 2px solid var(--ax-border-info);
|
|
52
52
|
border-radius: var(--ax-border-radius-xlarge);
|
|
53
53
|
position: relative;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
.
|
|
56
|
+
.aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
|
|
57
57
|
margin-top: var(--ax-space-20);
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
.
|
|
60
|
+
.aksel-guide-panel[data-poster="false"] > .aksel-guide-panel__content {
|
|
61
61
|
margin-left: var(--ax-space-20);
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
@media (min-width: 480px) {
|
|
65
|
-
.
|
|
65
|
+
.aksel-guide-panel[data-responsive="true"] > .aksel-guide-panel__content {
|
|
66
66
|
margin-top: 0;
|
|
67
67
|
margin-left: var(--ax-space-20);
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
.
|
|
71
|
+
.aksel-guide-panel__content-inner {
|
|
72
72
|
padding: var(--ax-space-12) var(--ax-space-16);
|
|
73
73
|
border-radius: var(--ax-border-radius-xlarge);
|
|
74
74
|
background-color: var(--ax-bg-raised);
|
|
@@ -76,39 +76,39 @@
|
|
|
76
76
|
position: relative;
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
-
.
|
|
79
|
+
.aksel-guide-panel[data-poster="false"] .aksel-guide-panel__content-inner {
|
|
80
80
|
min-height: var(--__axc-guide-panel-guide-size);
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
@media (min-width: 480px) {
|
|
84
|
-
.
|
|
84
|
+
.aksel-guide-panel__content-inner {
|
|
85
85
|
padding: var(--ax-space-16) var(--ax-space-20);
|
|
86
86
|
}
|
|
87
87
|
|
|
88
|
-
.
|
|
88
|
+
.aksel-guide-panel[data-responsive="true"] .aksel-guide-panel__content-inner {
|
|
89
89
|
min-height: var(--__axc-guide-panel-guide-size);
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
|
|
93
|
-
.
|
|
93
|
+
.aksel-guide-panel__tail {
|
|
94
94
|
z-index: 0;
|
|
95
95
|
position: absolute;
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
-
.
|
|
98
|
+
.aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
|
|
99
99
|
left: 50%;
|
|
100
100
|
top: calc(var(--ax-space-16) * -1 - 2px);
|
|
101
101
|
transform: translateX(-48%);
|
|
102
102
|
}
|
|
103
103
|
|
|
104
|
-
.
|
|
104
|
+
.aksel-guide-panel[data-poster="false"] .aksel-guide-panel__tail {
|
|
105
105
|
top: calc(var(--__axc-guide-panel-guide-size) / 2);
|
|
106
106
|
left: calc(var(--ax-space-20) * -1 - 2px);
|
|
107
107
|
transform: translateY(-48%)rotateZ(-90deg)scaleX(-1);
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
@media (min-width: 480px) {
|
|
111
|
-
.
|
|
111
|
+
.aksel-guide-panel[data-responsive="true"] .aksel-guide-panel__tail {
|
|
112
112
|
top: calc(var(--__axc-guide-panel-guide-size) / 2);
|
|
113
113
|
left: calc(var(--ax-space-20) * -1 - 2px);
|
|
114
114
|
transform: translateY(-48%)rotateZ(-90deg)scaleX(-1);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.components{.aksel-guide-panel{--__axc-guide-panel-guide-size:5rem;width:fit-content;display:flex;position:relative}.aksel-guide-panel[data-poster=true],.aksel-guide-panel[data-responsive=true]{flex-direction:column;align-items:center}.aksel-guide-panel[data-poster=false]{flex-direction:row;align-items:flex-start}.aksel-guide-panel[data-poster=false][data-responsive=false]{--__axc-guide-panel-guide-size:3.75rem}@media (min-width:480px){.aksel-guide-panel[data-poster=false][data-responsive=false]{--__axc-guide-panel-guide-size:5rem}.aksel-guide-panel[data-responsive=true]{flex-direction:row;align-items:flex-start}}.aksel-guide{box-sizing:border-box;border:2px solid var(--ax-border-info);border-radius:var(--ax-border-radius-full);width:var(--__axc-guide-panel-guide-size);height:var(--__axc-guide-panel-guide-size);flex-shrink:0;overflow:hidden}.aksel-guide img,.aksel-guide svg{width:100%;height:100%}.aksel-guide-panel__content{background-color:var(--ax-bg-raised);border:2px solid var(--ax-border-info);border-radius:var(--ax-border-radius-xlarge);position:relative}.aksel-guide-panel:is([data-poster=true],[data-responsive=true])>.aksel-guide-panel__content{margin-top:var(--ax-space-20)}.aksel-guide-panel[data-poster=false]>.aksel-guide-panel__content{margin-left:var(--ax-space-20)}@media (min-width:480px){.aksel-guide-panel[data-responsive=true]>.aksel-guide-panel__content{margin-top:0;margin-left:var(--ax-space-20)}}.aksel-guide-panel__content-inner{padding:var(--ax-space-12) var(--ax-space-16);border-radius:var(--ax-border-radius-xlarge);background-color:var(--ax-bg-raised);height:100%;position:relative}.aksel-guide-panel[data-poster=false] .aksel-guide-panel__content-inner{min-height:var(--__axc-guide-panel-guide-size)}@media (min-width:480px){.aksel-guide-panel__content-inner{padding:var(--ax-space-16) var(--ax-space-20)}.aksel-guide-panel[data-responsive=true] .aksel-guide-panel__content-inner{min-height:var(--__axc-guide-panel-guide-size)}}.aksel-guide-panel__tail{z-index:0;position:absolute}.aksel-guide-panel:is([data-poster=true],[data-responsive=true]) .aksel-guide-panel__tail{left:50%;top:calc(var(--ax-space-16) * -1 - 2px);transform:translateX(-48%)}.aksel-guide-panel[data-poster=false] .aksel-guide-panel__tail{top:calc(var(--__axc-guide-panel-guide-size)/ 2);left:calc(var(--ax-space-20) * -1 - 2px);transform:translateY(-48%) rotateZ(-90deg) scaleX(-1)}@media (min-width:480px){.aksel-guide-panel[data-responsive=true] .aksel-guide-panel__tail{top:calc(var(--__axc-guide-panel-guide-size)/ 2);left:calc(var(--ax-space-20) * -1 - 2px);transform:translateY(-48%) rotateZ(-90deg) scaleX(-1)}}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer aksel.components {
|
|
2
|
-
.
|
|
2
|
+
.aksel-help-text__button {
|
|
3
3
|
cursor: pointer;
|
|
4
4
|
border-radius: var(--ax-border-radius-full);
|
|
5
5
|
color: var(--ax-bg-info-strong);
|
|
@@ -13,40 +13,40 @@
|
|
|
13
13
|
display: flex;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.
|
|
16
|
+
.aksel-help-text__icon {
|
|
17
17
|
border-radius: var(--ax-border-radius-full);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
.
|
|
20
|
+
.aksel-help-text__popover.aksel-popover {
|
|
21
21
|
background-color: var(--ax-bg-info-moderate);
|
|
22
22
|
max-width: min(65ch, calc(100vw - var(--ax-space-24)));
|
|
23
23
|
border-radius: var(--ax-border-radius-large);
|
|
24
24
|
border: 1px solid var(--ax-border-info);
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
.
|
|
27
|
+
.aksel-help-text__icon--filled, .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
|
|
28
28
|
display: none;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.
|
|
31
|
+
.aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon--filled {
|
|
32
32
|
display: inherit;
|
|
33
33
|
color: var(--ax-bg-info-strong-hover);
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.
|
|
36
|
+
.aksel-help-text__button[aria-expanded="true"] > .aksel-help-text__icon--filled {
|
|
37
37
|
color: var(--ax-bg-info-strong-pressed);
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
@media (forced-colors: active) {
|
|
41
|
-
.
|
|
41
|
+
.aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
|
|
42
42
|
display: inherit;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
.
|
|
45
|
+
.aksel-help-text__button:hover > .aksel-help-text__icon {
|
|
46
46
|
color: highlight;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
.
|
|
49
|
+
.aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon--filled {
|
|
50
50
|
display: none;
|
|
51
51
|
}
|
|
52
52
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.components{.aksel-help-text__button{cursor:pointer;border-radius:var(--ax-border-radius-full);color:var(--ax-bg-info-strong);padding:calc(var(--ax-space-4)/ 2);background-color:rgba(0,0,0,0);border:0;justify-content:center;align-items:center;margin:0;font-size:1.25rem;display:flex}.aksel-help-text__icon{border-radius:var(--ax-border-radius-full)}.aksel-help-text__popover.aksel-popover{background-color:var(--ax-bg-info-moderate);max-width:min(65ch,calc(100vw - var(--ax-space-24)));border-radius:var(--ax-border-radius-large);border:1px solid var(--ax-border-info)}.aksel-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.aksel-help-text__icon,.aksel-help-text__icon--filled{display:none}.aksel-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.aksel-help-text__icon--filled{display:inherit;color:var(--ax-bg-info-strong-hover)}.aksel-help-text__button[aria-expanded=true]>.aksel-help-text__icon--filled{color:var(--ax-bg-info-strong-pressed)}@media (forced-colors:active){.aksel-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.aksel-help-text__icon{display:inherit}.aksel-help-text__button:hover>.aksel-help-text__icon{color:highlight}.aksel-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.aksel-help-text__icon--filled{display:none}}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer aksel.components {
|
|
2
|
-
.
|
|
2
|
+
.aksel-internalheader {
|
|
3
3
|
background: var(--ax-bg-raised);
|
|
4
4
|
border-bottom: 1px solid var(--ax-border-neutral-subtleA);
|
|
5
5
|
align-self: stretch;
|
|
@@ -8,14 +8,14 @@
|
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
@media (forced-colors: active) {
|
|
11
|
-
.
|
|
11
|
+
.aksel-internalheader {
|
|
12
12
|
color: buttontext;
|
|
13
13
|
background-color: buttonface;
|
|
14
14
|
border: 1px solid buttontext;
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.
|
|
18
|
+
.aksel-internalheader__title {
|
|
19
19
|
font: inherit;
|
|
20
20
|
font-weight: var(--ax-font-weight-bold);
|
|
21
21
|
text-align: left;
|
|
@@ -33,26 +33,26 @@
|
|
|
33
33
|
overflow: visible;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.
|
|
36
|
+
.aksel-internalheader__title:is(button) {
|
|
37
37
|
cursor: pointer;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
.
|
|
40
|
+
.aksel-internalheader__title:hover {
|
|
41
41
|
background: var(--ax-bg-neutral-moderate-hoverA);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
.
|
|
44
|
+
.aksel-internalheader__title:is(:hover, :active):not(button, a) {
|
|
45
45
|
background: initial;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
.
|
|
48
|
+
.aksel-internalheader__user {
|
|
49
49
|
padding: 0 var(--ax-space-20);
|
|
50
50
|
border-left: 1px solid var(--ax-border-neutral-subtleA);
|
|
51
51
|
align-items: center;
|
|
52
52
|
display: flex;
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
.
|
|
55
|
+
.aksel-internalheader__button {
|
|
56
56
|
padding: 0 var(--ax-space-12);
|
|
57
57
|
font: inherit;
|
|
58
58
|
cursor: pointer;
|
|
@@ -70,12 +70,12 @@
|
|
|
70
70
|
overflow: visible;
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
.
|
|
73
|
+
.aksel-internalheader__button:hover {
|
|
74
74
|
background: var(--ax-bg-neutral-moderate-hoverA);
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
@media (forced-colors: active) {
|
|
78
|
-
.
|
|
78
|
+
.aksel-internalheader__button:hover {
|
|
79
79
|
color: highlight;
|
|
80
80
|
isolation: isolate;
|
|
81
81
|
background-color: highlighttext;
|
|
@@ -84,16 +84,16 @@
|
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
|
|
87
|
-
:is(.
|
|
87
|
+
:is(.aksel-internalheader__title, .aksel-internalheader__button):focus-visible {
|
|
88
88
|
outline: 3px solid var(--ax-border-focus);
|
|
89
89
|
outline-offset: -4px;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
-
:is(.
|
|
92
|
+
:is(.aksel-internalheader__title, .aksel-internalheader__button):active {
|
|
93
93
|
background: var(--ax-bg-neutral-moderate-pressedA);
|
|
94
94
|
}
|
|
95
95
|
|
|
96
|
-
.
|
|
96
|
+
.aksel-internalheader__user-button {
|
|
97
97
|
padding-left: var(--ax-space-20);
|
|
98
98
|
gap: var(--ax-space-16);
|
|
99
99
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.
|
|
1
|
+
@layer aksel.components{.aksel-internalheader{background:var(--ax-bg-raised);border-bottom:1px solid var(--ax-border-neutral-subtleA);align-self:stretch;min-height:3rem;display:flex}@media (forced-colors:active){.aksel-internalheader{color:buttontext;background-color:buttonface;border:1px solid buttontext}}.aksel-internalheader__title{font:inherit;font-weight:var(--ax-font-weight-bold);text-align:left;padding-block:0;padding-inline:var(--ax-space-24) var(--ax-space-20);border:none;border-right:1px solid var(--ax-border-neutral-subtleA);color:var(--ax-text-neutral);background:0 0;align-items:center;margin:0;line-height:normal;text-decoration:none;display:flex;overflow:visible}.aksel-internalheader__title:is(button){cursor:pointer}.aksel-internalheader__title:hover{background:var(--ax-bg-neutral-moderate-hoverA)}.aksel-internalheader__title:is(:hover,:active):not(button,a){background:initial}.aksel-internalheader__user{padding:0 var(--ax-space-20);border-left:1px solid var(--ax-border-neutral-subtleA);align-items:center;display:flex}.aksel-internalheader__button{padding:0 var(--ax-space-12);font:inherit;cursor:pointer;text-align:left;justify-self:center;align-items:center;gap:var(--ax-space-8);border:none;border-left:1px solid var(--ax-border-neutral-subtleA);color:var(--ax-text-neutral);background:0 0;margin:0;line-height:normal;display:flex;overflow:visible}.aksel-internalheader__button:hover{background:var(--ax-bg-neutral-moderate-hoverA)}@media (forced-colors:active){.aksel-internalheader__button:hover{color:highlight;isolation:isolate;background-color:highlighttext;border-color:highlight;outline:1px solid highlight}}:is(.aksel-internalheader__title,.aksel-internalheader__button):focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-4px}:is(.aksel-internalheader__title,.aksel-internalheader__button):active{background:var(--ax-bg-neutral-moderate-pressedA)}.aksel-internalheader__user-button{padding-left:var(--ax-space-20);gap:var(--ax-space-16)}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer aksel.components {
|
|
2
|
-
.
|
|
2
|
+
.aksel-link {
|
|
3
3
|
color: var(--ax-text-accent-subtle);
|
|
4
4
|
align-items: center;
|
|
5
5
|
gap: var(--ax-space-2);
|
|
@@ -9,53 +9,53 @@
|
|
|
9
9
|
display: inline-flex;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
.
|
|
12
|
+
.aksel-link:hover, .aksel-link:active {
|
|
13
13
|
text-decoration-thickness: .111em;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.
|
|
16
|
+
.aksel-link:focus-visible {
|
|
17
17
|
outline: 3px solid var(--ax-border-focus);
|
|
18
18
|
outline-offset: 3px;
|
|
19
19
|
border-radius: 1px;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
.aksel-link.aksel-link--inline-text {
|
|
23
23
|
display: inline;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.
|
|
26
|
+
.aksel-link.aksel-link--inline-text > svg {
|
|
27
27
|
vertical-align: baseline;
|
|
28
28
|
margin: .1em .1em -.1em;
|
|
29
29
|
display: inline;
|
|
30
30
|
transform: translateY(.05em);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
.
|
|
33
|
+
.aksel-link.aksel-link--remove-underline {
|
|
34
34
|
text-decoration: none;
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
.
|
|
37
|
+
.aksel-link.aksel-link--remove-underline:hover {
|
|
38
38
|
text-decoration: underline;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
.
|
|
41
|
+
.aksel-link svg {
|
|
42
42
|
color: inherit;
|
|
43
43
|
flex-shrink: 0;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
:is(.
|
|
46
|
+
:is(.aksel-alert:not(.aksel-alert--inline), .aksel-confirmation-panel) .aksel-link {
|
|
47
47
|
color: var(--ax-text-neutral);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
.
|
|
50
|
+
.aksel-link--action {
|
|
51
51
|
color: var(--ax-text-accent-subtle);
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
.
|
|
54
|
+
.aksel-link--neutral {
|
|
55
55
|
color: var(--ax-text-neutral);
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
.
|
|
58
|
+
.aksel-link--subtle {
|
|
59
59
|
color: var(--ax-text-neutral-subtle);
|
|
60
60
|
}
|
|
61
61
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.components{.aksel-link{color:var(--ax-text-accent-subtle);align-items:center;gap:var(--ax-space-2);text-underline-offset:.1em;text-decoration:underline;text-decoration-thickness:.05em;display:inline-flex}.aksel-link:active,.aksel-link:hover{text-decoration-thickness:.111em}.aksel-link:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-radius:1px}.aksel-link.aksel-link--inline-text{display:inline}.aksel-link.aksel-link--inline-text>svg{vertical-align:baseline;margin:.1em .1em -.1em;display:inline;transform:translateY(.05em)}.aksel-link.aksel-link--remove-underline{text-decoration:none}.aksel-link.aksel-link--remove-underline:hover{text-decoration:underline}.aksel-link svg{color:inherit;flex-shrink:0}:is(.aksel-alert:not(.aksel-alert--inline),.aksel-confirmation-panel) .aksel-link{color:var(--ax-text-neutral)}.aksel-link--action{color:var(--ax-text-accent-subtle)}.aksel-link--neutral{color:var(--ax-text-neutral)}.aksel-link--subtle{color:var(--ax-text-neutral-subtle)}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer aksel.components {
|
|
2
|
-
.
|
|
2
|
+
.aksel-link-panel {
|
|
3
3
|
color: var(--ax-text-neutral);
|
|
4
4
|
justify-content: space-between;
|
|
5
5
|
align-items: center;
|
|
@@ -8,31 +8,31 @@
|
|
|
8
8
|
display: flex;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
.
|
|
11
|
+
.aksel-link-panel:hover {
|
|
12
12
|
border-color: var(--ax-border-accent);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.
|
|
15
|
+
.aksel-link-panel:hover .aksel-link-panel__title {
|
|
16
16
|
color: var(--ax-text-accent-subtle);
|
|
17
17
|
text-decoration: underline;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
.
|
|
20
|
+
.aksel-link-panel:focus-visible {
|
|
21
21
|
outline: 3px solid var(--ax-border-focus);
|
|
22
22
|
outline-offset: 3px;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
.
|
|
25
|
+
.aksel-link-panel__chevron {
|
|
26
26
|
flex-shrink: 0;
|
|
27
27
|
font-size: 1.5rem;
|
|
28
28
|
transition: transform .2s;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.
|
|
31
|
+
.aksel-link-panel:hover > .aksel-link-panel__chevron, .aksel-link-panel:focus-within > .aksel-link-panel__chevron {
|
|
32
32
|
transform: translateX(4px);
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
.
|
|
35
|
+
.aksel-link-panel__description {
|
|
36
36
|
margin-top: var(--a-space-4);
|
|
37
37
|
}
|
|
38
38
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.components{.aksel-link-panel{color:var(--ax-text-neutral);justify-content:space-between;align-items:center;gap:var(--ax-space-16);text-decoration:none;display:flex}.aksel-link-panel:hover{border-color:var(--ax-border-accent)}.aksel-link-panel:hover .aksel-link-panel__title{color:var(--ax-text-accent-subtle);text-decoration:underline}.aksel-link-panel:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-link-panel__chevron{flex-shrink:0;font-size:1.5rem;transition:transform .2s}.aksel-link-panel:focus-within>.aksel-link-panel__chevron,.aksel-link-panel:hover>.aksel-link-panel__chevron{transform:translateX(4px)}.aksel-link-panel__description{margin-top:var(--a-space-4)}}
|
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
@layer aksel.components {
|
|
2
|
-
.
|
|
2
|
+
.aksel-list ul, .aksel-list ol {
|
|
3
3
|
margin: 0;
|
|
4
4
|
padding: 0;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.
|
|
7
|
+
.aksel-list .aksel-list :where(ul, ol) {
|
|
8
8
|
margin-block: var(--ax-space-8) 0;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
.
|
|
11
|
+
.aksel-list ol {
|
|
12
12
|
padding-left: 1.7rem;
|
|
13
13
|
list-style: decimal;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.
|
|
16
|
+
.aksel-list ol > .aksel-list__item {
|
|
17
17
|
padding-left: .3rem;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
.
|
|
20
|
+
.aksel-list ol li::marker {
|
|
21
21
|
font-weight: var(--ax-font-weight-bold);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.
|
|
24
|
+
.aksel-list ul > .aksel-list__item {
|
|
25
25
|
gap: var(--ax-space-8);
|
|
26
26
|
grid-template-columns: auto 1fr;
|
|
27
27
|
display: grid;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.
|
|
30
|
+
.aksel-list ul > li > .aksel-list__item-marker {
|
|
31
31
|
height: var(--ax-font-line-height-xlarge);
|
|
32
32
|
align-items: center;
|
|
33
33
|
display: flex;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
:root .
|
|
36
|
+
:root .aksel-list ol {
|
|
37
37
|
padding-left: 2.1rem;
|
|
38
38
|
}
|
|
39
39
|
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
padding-left: 2.1rem;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
:root .
|
|
48
|
+
:root .aksel-list ol .aksel-list__item {
|
|
49
49
|
padding-left: 0;
|
|
50
50
|
}
|
|
51
51
|
|
|
@@ -57,27 +57,27 @@
|
|
|
57
57
|
padding-left: 0;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
.
|
|
60
|
+
.aksel-list__item {
|
|
61
61
|
margin-block-end: var(--ax-space-8);
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
-
.
|
|
64
|
+
.aksel-list__item:last-child {
|
|
65
65
|
margin-block-end: 0;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
.
|
|
68
|
+
.aksel-list__item-marker {
|
|
69
69
|
width: 1.5rem;
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
.
|
|
72
|
+
.aksel-list--small ul > li > .aksel-list__item-marker {
|
|
73
73
|
height: var(--ax-font-line-height-large);
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
.
|
|
76
|
+
.aksel-list__item-marker--bullet {
|
|
77
77
|
padding-left: .8rem;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
|
-
.
|
|
80
|
+
.aksel-list__item-marker--icon {
|
|
81
81
|
justify-content: center;
|
|
82
82
|
font-size: 1.5rem;
|
|
83
83
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.components{.aksel-list ol,.aksel-list ul{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}:root .aksel-list ol{padding-left:2.1rem}_::-webkit-full-page-media{padding-left:2.1rem}_:future{padding-left:2.1rem}:root .aksel-list ol .aksel-list__item{padding-left:0}_::-webkit-full-page-media{padding-left:0}_:future{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}}
|