@navikt/ds-css 7.22.0 → 7.23.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.
- package/CHANGELOG.md +20 -0
- package/darkside/accordion.darkside.css +6 -6
- package/darkside/action-menu.darkside.css +2 -2
- package/darkside/alert.darkside.css +6 -37
- package/darkside/button.darkside.css +84 -173
- package/darkside/chat.darkside.css +18 -19
- package/darkside/chips.darkside.css +12 -46
- package/darkside/date.darkside.css +9 -9
- package/darkside/dropdown.darkside.css +2 -2
- package/darkside/expansioncard.darkside.css +11 -7
- package/darkside/form/combobox.darkside.css +7 -7
- package/darkside/form/file-upload.darkside.css +10 -10
- package/darkside/form/form-summary.darkside.css +3 -3
- package/darkside/form/radio-checkbox.darkside.css +7 -27
- package/darkside/form/search.darkside.css +2 -2
- package/darkside/form/select.darkside.css +3 -3
- package/darkside/form/switch.darkside.css +14 -25
- package/darkside/form/text-field.darkside.css +2 -2
- package/darkside/form/textarea.darkside.css +2 -2
- package/darkside/guide-panel.darkside.css +2 -2
- package/darkside/help-text.darkside.css +5 -5
- package/darkside/link.darkside.css +10 -14
- package/darkside/list.darkside.css +8 -11
- package/darkside/loader.darkside.css +8 -26
- package/darkside/pagination.darkside.css +0 -5
- package/darkside/progress-bar.darkside.css +1 -1
- package/darkside/read-more.darkside.css +4 -4
- package/darkside/stepper.darkside.css +10 -10
- package/darkside/table.darkside.css +8 -8
- package/darkside/tabs.darkside.css +5 -7
- package/darkside/tag.darkside.css +27 -84
- package/darkside/timeline.darkside.css +14 -86
- package/darkside/toggle-group.darkside.css +3 -15
- package/darkside/typography.darkside.css +18 -0
- package/dist/component/alert.min.css +1 -1
- package/dist/component/chat.min.css +1 -1
- package/dist/component/date.min.css +1 -1
- package/dist/component/expansioncard.min.css +1 -1
- package/dist/component/form.min.css +1 -1
- package/dist/component/list.css +8 -12
- package/dist/component/list.min.css +1 -1
- package/dist/component/modal.min.css +1 -1
- package/dist/component/primitives.min.css +1 -1
- package/dist/component/skeleton.min.css +1 -1
- package/dist/component/stepper.min.css +1 -1
- package/dist/component/tabs.min.css +1 -1
- package/dist/component/tag.min.css +1 -1
- package/dist/component/timeline.min.css +1 -1
- package/dist/component/togglegroup.min.css +1 -1
- package/dist/components.css +8 -12
- package/dist/components.min.css +3 -3
- package/dist/darkside/component/accordion.css +6 -6
- package/dist/darkside/component/accordion.min.css +1 -1
- package/dist/darkside/component/actionmenu.css +2 -2
- package/dist/darkside/component/actionmenu.min.css +1 -1
- package/dist/darkside/component/alert.css +6 -36
- package/dist/darkside/component/alert.min.css +1 -1
- package/dist/darkside/component/button.css +70 -134
- package/dist/darkside/component/button.min.css +1 -1
- package/dist/darkside/component/chat.css +15 -12
- package/dist/darkside/component/chat.min.css +1 -1
- package/dist/darkside/component/chips.css +16 -50
- package/dist/darkside/component/chips.min.css +1 -1
- package/dist/darkside/component/date.css +9 -9
- package/dist/darkside/component/date.min.css +1 -1
- package/dist/darkside/component/dropdown.css +2 -2
- package/dist/darkside/component/dropdown.min.css +1 -1
- package/dist/darkside/component/expansioncard.css +11 -7
- package/dist/darkside/component/expansioncard.min.css +1 -1
- package/dist/darkside/component/form.css +49 -74
- package/dist/darkside/component/form.min.css +1 -1
- package/dist/darkside/component/guidepanel.css +2 -2
- package/dist/darkside/component/guidepanel.min.css +1 -1
- package/dist/darkside/component/helptext.css +5 -5
- package/dist/darkside/component/helptext.min.css +1 -1
- package/dist/darkside/component/link.css +10 -14
- package/dist/darkside/component/link.min.css +1 -1
- package/dist/darkside/component/list.css +8 -22
- package/dist/darkside/component/list.min.css +1 -1
- package/dist/darkside/component/loader.css +8 -20
- package/dist/darkside/component/loader.min.css +1 -1
- package/dist/darkside/component/pagination.css +0 -5
- package/dist/darkside/component/pagination.min.css +1 -1
- package/dist/darkside/component/progressbar.css +1 -1
- package/dist/darkside/component/progressbar.min.css +1 -1
- package/dist/darkside/component/readmore.css +4 -4
- package/dist/darkside/component/readmore.min.css +1 -1
- package/dist/darkside/component/stepper.css +10 -10
- package/dist/darkside/component/stepper.min.css +1 -1
- package/dist/darkside/component/table.css +8 -8
- package/dist/darkside/component/table.min.css +1 -1
- package/dist/darkside/component/tabs.css +2 -2
- package/dist/darkside/component/tabs.min.css +1 -1
- package/dist/darkside/component/tag.css +28 -74
- package/dist/darkside/component/tag.min.css +1 -1
- package/dist/darkside/component/timeline.css +15 -87
- package/dist/darkside/component/timeline.min.css +1 -1
- package/dist/darkside/component/togglegroup.css +3 -12
- package/dist/darkside/component/togglegroup.min.css +1 -1
- package/dist/darkside/component/typography.css +16 -0
- package/dist/darkside/component/typography.min.css +1 -1
- package/dist/darkside/components.css +305 -597
- package/dist/darkside/components.min.css +1 -1
- package/dist/darkside/global/tokens.css +825 -825
- package/dist/darkside/global/tokens.min.css +1 -1
- package/dist/darkside/index.css +1134 -1426
- package/dist/darkside/index.min.css +1 -1
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/accordion.css +6 -6
- package/dist/darkside/version/7.23.1/component/accordion.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/actionmenu.css +2 -2
- package/dist/darkside/version/7.23.1/component/actionmenu.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/alert.css +6 -36
- package/dist/darkside/version/7.23.1/component/alert.min.css +1 -0
- package/dist/darkside/version/7.23.1/component/button.css +208 -0
- package/dist/darkside/version/7.23.1/component/button.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/chat.css +15 -12
- package/dist/darkside/version/7.23.1/component/chat.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/chips.css +16 -50
- package/dist/darkside/version/7.23.1/component/chips.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/date.css +9 -9
- package/dist/darkside/version/7.23.1/component/date.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/dropdown.css +2 -2
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/dropdown.min.css +1 -1
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/expansioncard.css +11 -7
- package/dist/darkside/version/7.23.1/component/expansioncard.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/form.css +49 -74
- package/dist/darkside/version/7.23.1/component/form.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/guidepanel.css +2 -2
- package/dist/darkside/version/7.23.1/component/guidepanel.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/helptext.css +5 -5
- package/dist/darkside/version/7.23.1/component/helptext.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/link.css +10 -14
- package/dist/darkside/version/7.23.1/component/link.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/list.css +8 -22
- package/dist/darkside/version/7.23.1/component/list.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/loader.css +8 -20
- package/dist/darkside/version/7.23.1/component/loader.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/pagination.css +0 -5
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/pagination.min.css +1 -1
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/progressbar.css +1 -1
- package/dist/darkside/version/7.23.1/component/progressbar.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/readmore.css +4 -4
- package/dist/darkside/version/7.23.1/component/readmore.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/stepper.css +10 -10
- package/dist/darkside/version/7.23.1/component/stepper.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/table.css +8 -8
- package/dist/darkside/version/7.23.1/component/table.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/tabs.css +2 -2
- package/dist/darkside/version/7.23.1/component/tabs.min.css +1 -0
- package/dist/darkside/version/7.23.1/component/tag.css +83 -0
- package/dist/darkside/version/7.23.1/component/tag.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/timeline.css +15 -87
- package/dist/darkside/version/7.23.1/component/timeline.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/togglegroup.css +3 -12
- package/dist/darkside/version/7.23.1/component/togglegroup.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/typography.css +16 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/component/typography.min.css +1 -1
- package/dist/darkside/version/{7.22.0 → 7.23.1}/components.css +305 -597
- package/dist/darkside/version/7.23.1/components.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/global/tokens.css +825 -825
- package/dist/darkside/version/7.23.1/global/tokens.min.css +1 -0
- package/dist/darkside/version/{7.22.0 → 7.23.1}/index.css +1134 -1426
- package/dist/darkside/version/7.23.1/index.min.css +1 -0
- package/dist/global/baseline.min.css +1 -1
- package/dist/global/tokens.css +329 -329
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +337 -341
- package/dist/index.min.css +4 -4
- package/list.css +8 -11
- package/package.json +4 -4
- package/dist/darkside/version/7.22.0/component/accordion.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/actionmenu.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/alert.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/button.css +0 -272
- package/dist/darkside/version/7.22.0/component/button.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/chat.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/chips.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/date.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/expansioncard.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/form.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/guidepanel.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/helptext.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/link.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/list.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/loader.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/progressbar.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/readmore.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/stepper.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/table.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/tabs.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/tag.css +0 -129
- package/dist/darkside/version/7.22.0/component/tag.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/timeline.min.css +0 -1
- package/dist/darkside/version/7.22.0/component/togglegroup.min.css +0 -1
- package/dist/darkside/version/7.22.0/components.min.css +0 -1
- package/dist/darkside/version/7.22.0/global/tokens.min.css +0 -1
- package/dist/darkside/version/7.22.0/index.min.css +0 -1
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/copybutton.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/copybutton.min.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/internalheader.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/internalheader.min.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/linkpanel.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/linkpanel.min.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/modal.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/modal.min.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/panel.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/panel.min.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/popover.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/popover.min.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/primitives.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/primitives.min.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/skeleton.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/skeleton.min.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/theme.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/theme.min.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/tooltip.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/component/tooltip.min.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/global/baseline.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/global/baseline.min.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/global/fonts.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/global/fonts.min.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/global/print.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/global/print.min.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/global/reset.css +0 -0
- /package/dist/darkside/version/{7.22.0 → 7.23.1}/global/reset.min.css +0 -0
package/list.css
CHANGED
|
@@ -23,22 +23,19 @@
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
/* SAFARI HACK START */
|
|
26
|
-
/* stylelint-disable selector-type-no-unknown */
|
|
27
26
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}
|
|
27
|
+
/* biome-ignore lint/a11y/useGenericFontNames: Hack for targeting Safari */
|
|
28
|
+
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
|
|
29
|
+
.navds-list ol {
|
|
30
|
+
padding-left: 2.1rem;
|
|
31
|
+
}
|
|
33
32
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
padding-left: 0;
|
|
33
|
+
.navds-list ol .navds-list__item {
|
|
34
|
+
padding-left: 0;
|
|
35
|
+
}
|
|
38
36
|
}
|
|
39
37
|
|
|
40
38
|
/* SAFARI HACK END */
|
|
41
|
-
/* stylelint-enable selector-type-no-unknown */
|
|
42
39
|
|
|
43
40
|
.navds-list__item {
|
|
44
41
|
margin-block-end: var(--a-spacing-2);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-css",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.23.1",
|
|
4
4
|
"description": "CSS for Nav Designsystem",
|
|
5
5
|
"author": "Aksel | Nav designsystem team",
|
|
6
6
|
"keywords": [
|
|
@@ -28,11 +28,11 @@
|
|
|
28
28
|
"test": "yarn build && vitest run"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@navikt/ds-tokens": "^7.
|
|
31
|
+
"@navikt/ds-tokens": "^7.23.1",
|
|
32
32
|
"autoprefixer": "^10.4.20",
|
|
33
|
-
"browserslist": "^4.
|
|
33
|
+
"browserslist": "^4.25.0",
|
|
34
34
|
"cssnano": "7.0.6",
|
|
35
|
-
"esbuild": "^0.25.
|
|
35
|
+
"esbuild": "^0.25.5",
|
|
36
36
|
"fast-glob": "3.2.11",
|
|
37
37
|
"lightningcss": "^1.29.3",
|
|
38
38
|
"lodash": "^4.17.21",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-accordion__header{justify-content:flex-start;align-items:flex-start;gap:var(--ax-space-12);width:100%;padding:var(--ax-space-12);text-align:left;cursor:pointer;border-radius:var(--ax-radius-8);color:var(--ax-text-accent-subtle);background:none;border:none;display:flex;position:relative}.aksel-accordion__header>*{font-weight:var(--ax-font-weight-regular)}@media (forced-colors: active){.aksel-accordion__header{color:canvastext;background-color:canvas;border:1px solid buttonborder}}.aksel-accordion__header:hover{background-color:var(--ax-bg-accent-moderate-hoverA)}.aksel-accordion__header:hover:before,.aksel-accordion__header:hover:after{display:none}.aksel-accordion__header:hover>.aksel-accordion__icon-wrapper{background-color:var(--ax-bg-accent-strong-hover);color:var(--ax-text-accent-contrast)}@media (forced-colors: active){.aksel-accordion__header:hover{color:highlight;background-color:canvas;border:1px solid highlight}}.aksel-accordion__header:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;z-index:1}.aksel-accordion__header:focus-visible:before,.aksel-accordion__header:focus-visible:after{display:none}.aksel-accordion--small .aksel-accordion__header{padding-block:var(--ax-space-8)}.aksel-accordion__header:before,.aksel-accordion__header:after{content:"";background-color:var(--ax-border-neutral-subtleA);width:100%;height:1px;display:block;position:absolute;top:0;left:0;right:0}.aksel-accordion__header:after{top:initial;bottom:0}.aksel-accordion__item[data-expanded=true]>.aksel-accordion__header:after,.aksel-accordion__item:not(:last-child)>.aksel-accordion__header:after,.aksel-accordion__item[data-expanded=false]:has(.aksel-accordion__header:where(:hover,:focus-visible))+.aksel-accordion__item>.aksel-accordion__header:before{display:none}.aksel-accordion__icon-wrapper{border-radius:var(--ax-radius-8);background-color:var(--ax-bg-accent-moderateA);width:22px;height:22px;color:var(--ax-text-accent-subtle);align-self:center}.aksel-accordion__header-chevron{height:inherit;width:inherit;flex-shrink:0;transition:transform .25s cubic-bezier(.2,0,0,1)}.aksel-accordion__item[data-expanded=true]>.aksel-accordion__header .aksel-accordion__header-chevron{transform:rotateX(-180deg)}.aksel-accordion--indent>.aksel-accordion__item .aksel-accordion__content-inner{padding-block:var(--ax-space-8);padding-inline:calc(var(--ax-space-20) + 2px) var(--ax-space-20)}@media (forced-colors: active){.aksel-accordion--indent>.aksel-accordion__item .aksel-accordion__content-inner{border-left:1px solid canvastext}}.aksel-accordion--indent>.aksel-accordion__item>.aksel-accordion__content{box-shadow:-2px 0 0 0 var(--ax-border-neutral-subtleA)}.aksel-accordion__item>.aksel-accordion__content{visibility:hidden;margin-inline:var(--ax-space-24) var(--ax-space-12);opacity:0;border-color:#0000;grid-template-rows:0fr;margin-block:0;transition-property:visibility,opacity,grid-template-rows,margin,min-height;transition-duration:.25s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;overflow:hidden}.aksel-accordion__item>.aksel-accordion__content .aksel-accordion__content-inner{min-height:0;padding-block:0}.aksel-accordion__item[data-expanded=true]>.aksel-accordion__content{visibility:visible;margin-block:var(--ax-space-8);border-color:var(--ax-border-neutral-subtleA);opacity:1;grid-template-rows:1fr;margin-block-end:var(--ax-space-24)}.aksel-accordion__item[data-expanded=true]>.aksel-accordion__content .aksel-accordion__content-inner{min-height:fit-content}.aksel-accordion__item[data-expanded=true]:last-child{border-bottom:1px solid var(--ax-border-neutral-subtleA)}.aksel-accordion__item--no-animation>.aksel-accordion__content{transition:none}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-action-menu__content{border-radius:var(--ax-radius-12);border:1px solid var(--ax-border-neutral-subtleA);box-shadow:var(--ax-shadow-dialog);transition:transform .25s cubic-bezier(0,0,0,1) allow-discrete;overflow:hidden}@starting-style{.aksel-action-menu__content[data-state=open][data-side=bottom]{transform:translateY(-4px)}}@starting-style{.aksel-action-menu__content[data-state=open][data-side=top]{transform:translateY(4px)}}@starting-style{.aksel-action-menu__content[data-state=open][data-side=right]{transform:translate(-4px)}}@starting-style{.aksel-action-menu__content[data-state=open][data-side=left]{transform:translate(4px)}}.aksel-action-menu__content>.aksel-action-menu__content-inner{--__axc-action-menu-content-p: var(--ax-space-8);--__axc-action-menu-item-pr: var(--ax-space-8);--__axc-action-menu-item-pl: var(--ax-space-8);--__axc-action-menu-item-height: 2rem;border-radius:var(--ax-radius-12);background-color:var(--ax-bg-raised);min-width:128px;max-width:min(95vw,640px);transform-origin:var(--__ac-action-menu-content-transform-origin);padding:var(--__axc-action-menu-content-p);max-height:var(--__ac-action-menu-content-available-height);animation-duration:.16s;animation-timing-function:cubic-bezier(.16,1,.3,1);overflow:auto}.aksel-action-menu__item{align-items:center;gap:var(--ax-space-8);min-height:var(--__axc-action-menu-item-height);cursor:default;border-radius:var(--ax-radius-8);padding-left:var(--__axc-action-menu-item-pl);padding-right:var(--__axc-action-menu-item-pr);font-size:var(--ax-font-size-medium);scroll-margin-block:var(--__axc-action-menu-content-p);color:var(--ax-text-neutral);line-height:1.5;text-decoration:none;display:flex;position:relative}.aksel-action-menu__item svg{flex-shrink:0}.aksel-action-menu__item:focus{background-color:var(--ax-bg-accent-moderate-hoverA);color:var(--ax-text-neutral);outline:none}.aksel-action-menu__item[aria-disabled=true]{opacity:.5;pointer-events:none}.aksel-action-menu__item--has-icon{--__axc-action-menu-item-pl: var(--ax-space-24)}.aksel-action-menu__sub-trigger{--__axc-action-menu-item-pr: var(--ax-space-2)}.aksel-action-menu__sub-trigger[data-state=open]{background-color:var(--ax-bg-neutral-moderate-pressedA)}.aksel-action-menu__sub-trigger:focus{background-color:var(--ax-bg-accent-moderate-hoverA)}.aksel-action-menu__item--danger{color:var(--ax-text-danger-subtle)}.aksel-action-menu__item--danger:focus{background-color:var(--ax-bg-danger-moderate-hoverA);color:var(--ax-text-danger-subtle)}.aksel-action-menu__marker{align-items:center;gap:var(--ax-space-4);display:flex}.aksel-action-menu__marker--right{padding-left:var(--ax-space-16);margin-left:auto}.aksel-action-menu__marker--left{width:var(--__axc-action-menu-item-pl);justify-content:center;display:inline-flex;position:absolute;left:0}.aksel-action-menu__marker-icon svg{flex-shrink:0;font-size:18px}.aksel-action-menu__shortcut{background-color:var(--ax-bg-neutral-moderateA);color:var(--ax-text-neutral);border-radius:var(--ax-radius-2);padding:0 var(--ax-space-4);min-width:1.125rem;height:1.125rem;line-height:1;font-size:var(--ax-font-size-small);justify-content:center;align-items:center;display:inline-flex}.aksel-action-menu__label{min-height:calc(var(--__axc-action-menu-item-height) - 6px);padding-right:var(--__axc-action-menu-item-pr);padding-left:var(--__axc-action-menu-item-pl);color:var(--ax-text-neutral-subtle);border-radius:var(--ax-radius-4);-webkit-user-select:none;user-select:none;cursor:default;font-size:var(--ax-font-size-small);align-items:center;display:flex}.aksel-action-menu__divider{height:1px;margin-block:var(--ax-space-8);background-color:var(--ax-border-neutral-subtleA)}.aksel-action-menu__indicator-icon--unchecked,.aksel-action-menu__indicator-icon--checked,.aksel-action-menu__indicator-icon--indeterminate{display:none}.aksel-action-menu__indicator{place-content:center;display:grid}.aksel-action-menu__indicator[data-state=unchecked] .aksel-action-menu__indicator-icon--unchecked,.aksel-action-menu__indicator[data-state=checked] .aksel-action-menu__indicator-icon--checked,.aksel-action-menu__indicator[data-state=indeterminate] .aksel-action-menu__indicator-icon--indeterminate{display:block}.aksel-action-menu__indicator-icon{font-size:14px}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-alert{border-radius:var(--ax-radius-12);padding:var(--ax-space-20);gap:var(--ax-space-12);border:1px solid;align-items:center;display:flex}@media (forced-colors: active){.aksel-alert{color:canvastext;background-color:canvas;border:1px solid canvastext}}.aksel-alert__wrapper--maxwidth{max-width:43.5rem}.aksel-alert__icon{height:var(--ax-font-line-height-xlarge);flex-shrink:0;align-self:flex-start;font-size:1.5rem}.aksel-alert--small{padding:var(--ax-space-16);gap:var(--ax-space-8)}.aksel-alert--small>.aksel-alert__icon{height:var(--ax-font-line-height-large);margin-block-start:0}.aksel-alert--info{border-color:var(--ax-border-info);background-color:var(--ax-bg-info-moderate)}.aksel-alert--info>.aksel-alert__icon{color:var(--ax-text-info-decoration)}.aksel-alert--success{border-color:var(--ax-border-success);background-color:var(--ax-bg-success-moderate)}.aksel-alert--success>.aksel-alert__icon{color:var(--ax-text-success-decoration)}.aksel-alert--warning{border-color:var(--ax-border-warning);background-color:var(--ax-bg-warning-moderate)}.aksel-alert--warning>.aksel-alert__icon{color:var(--ax-text-warning-decoration)}.aksel-alert--error{border-color:var(--ax-border-danger);background-color:var(--ax-bg-danger-moderate)}.aksel-alert--error>.aksel-alert__icon{color:var(--ax-text-danger-decoration)}.aksel-alert--full-width{border-radius:0}.aksel-alert--inline{background-color:#0000;border:none;padding:0}.aksel-alert__button-wrapper{flex-flow:row;flex:1;justify-content:flex-end;align-self:flex-start;display:flex}.aksel-alert--close-button>.aksel-alert__wrapper,.aksel-alert--close-button>.aksel-alert__icon{margin-block-start:var(--ax-space-2)}.aksel-alert--close-button.aksel-alert--small{align-items:flex-start}.aksel-alert--close-button.aksel-alert--small>.aksel-alert__wrapper,.aksel-alert--close-button.aksel-alert--small>.aksel-alert__icon{margin-block-start:var(--ax-space-4)}}
|
|
@@ -1,272 +0,0 @@
|
|
|
1
|
-
@layer aksel.components {
|
|
2
|
-
.aksel-button {
|
|
3
|
-
--__axc-button-icon-size: 1.5rem;
|
|
4
|
-
--__axc-button-icon-margin: -4px;
|
|
5
|
-
--__axc-button-border-color: transparent;
|
|
6
|
-
--__axc-button-border-width: 2px;
|
|
7
|
-
padding: var(--ax-space-12) var(--ax-space-20);
|
|
8
|
-
border-radius: var(--ax-radius-8);
|
|
9
|
-
cursor: pointer;
|
|
10
|
-
justify-content: center;
|
|
11
|
-
align-items: center;
|
|
12
|
-
gap: var(--ax-space-8);
|
|
13
|
-
box-shadow: inset 0 0 0 var(--__axc-button-border-width) var(--__axc-button-border-color);
|
|
14
|
-
background: none;
|
|
15
|
-
border: none;
|
|
16
|
-
text-decoration: none;
|
|
17
|
-
display: inline-flex;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.aksel-button:focus-visible {
|
|
21
|
-
outline: 3px solid var(--ax-border-focus);
|
|
22
|
-
outline-offset: 3px;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.aksel-button--small, .aksel-button--xsmall {
|
|
26
|
-
--__axc-button-icon-margin: -2px;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.aksel-button--small {
|
|
30
|
-
padding: var(--ax-space-4) var(--ax-space-12);
|
|
31
|
-
gap: var(--ax-space-6);
|
|
32
|
-
min-width: 2rem;
|
|
33
|
-
min-height: 2rem;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.aksel-button--xsmall {
|
|
37
|
-
padding: var(--ax-space-2) var(--ax-space-8);
|
|
38
|
-
gap: var(--ax-space-4);
|
|
39
|
-
--__axc-button-icon-size: 1.25rem;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.aksel-button--icon-only {
|
|
43
|
-
padding: var(--ax-space-12);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.aksel-button--icon-only.aksel-button--small {
|
|
47
|
-
padding: var(--ax-space-4);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.aksel-button--icon-only.aksel-button--xsmall {
|
|
51
|
-
padding: var(--ax-space-2);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
@supports not selector(:focus-visible) {
|
|
55
|
-
.aksel-button:focus {
|
|
56
|
-
outline: 3px solid var(--ax-border-focus);
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.aksel-button__icon {
|
|
61
|
-
font-size: var(--__axc-button-icon-size);
|
|
62
|
-
display: flex;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.aksel-button__icon:first-child {
|
|
66
|
-
margin-left: var(--__axc-button-icon-margin);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.aksel-button__icon:last-child {
|
|
70
|
-
margin-right: var(--__axc-button-icon-margin);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.aksel-button--icon-only .aksel-button__icon {
|
|
74
|
-
margin: 0;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.aksel-button--primary {
|
|
78
|
-
background-color: var(--ax-bg-accent-strong);
|
|
79
|
-
color: var(--ax-text-accent-contrast);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.aksel-button--primary:hover {
|
|
83
|
-
background-color: var(--ax-bg-accent-strong-hover);
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.aksel-button--primary:active {
|
|
87
|
-
background-color: var(--ax-bg-accent-strong-pressed);
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.aksel-button--primary:is(:disabled, .aksel-button--disabled) {
|
|
91
|
-
background-color: var(--ax-bg-accent-strong);
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
@media (forced-colors: active) {
|
|
95
|
-
.aksel-button--primary:not(:disabled) {
|
|
96
|
-
color: highlighttext;
|
|
97
|
-
background-color: highlight;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.aksel-button--primary span {
|
|
101
|
-
forced-color-adjust: none;
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.aksel-button--primary-neutral {
|
|
106
|
-
background-color: var(--ax-bg-neutral-strong);
|
|
107
|
-
color: var(--ax-text-neutral-contrast);
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.aksel-button--primary-neutral:hover {
|
|
111
|
-
background-color: var(--ax-bg-neutral-strong-hover);
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
.aksel-button--primary-neutral:active {
|
|
115
|
-
background-color: var(--ax-bg-neutral-strong-pressed);
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
.aksel-button--primary-neutral:is(:disabled, .aksel-button--disabled) {
|
|
119
|
-
background-color: var(--ax-bg-neutral-strong);
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
.aksel-button--secondary {
|
|
123
|
-
--__axc-button-border-color: var(--ax-border-accent);
|
|
124
|
-
color: var(--ax-text-accent-subtle);
|
|
125
|
-
background-color: rgba(0, 0, 0, 0);
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.aksel-button--secondary:hover {
|
|
129
|
-
--__axc-button-border-color: var(--ax-border-accent-strong);
|
|
130
|
-
background-color: var(--ax-bg-accent-moderate-hoverA);
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.aksel-button--secondary:active {
|
|
134
|
-
background-color: var(--ax-bg-accent-moderate-pressedA);
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
.aksel-button--secondary:is(:disabled, .aksel-button--disabled) {
|
|
138
|
-
--__axc-button-border-color: var(--ax-border-accent);
|
|
139
|
-
color: var(--ax-text-accent-subtle);
|
|
140
|
-
background-color: rgba(0, 0, 0, 0);
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
.aksel-button--secondary-neutral {
|
|
144
|
-
--__axc-button-border-color: var(--ax-border-neutral);
|
|
145
|
-
color: var(--ax-text-neutral);
|
|
146
|
-
background-color: rgba(0, 0, 0, 0);
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
.aksel-button--secondary-neutral:hover {
|
|
150
|
-
--__axc-button-border-color: var(--ax-border-neutral-strong);
|
|
151
|
-
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
.aksel-button--secondary-neutral:active {
|
|
155
|
-
background-color: var(--ax-bg-neutral-moderate-pressedA);
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
.aksel-button--secondary-neutral:is(:disabled, .aksel-button--disabled) {
|
|
159
|
-
--__axc-button-border-color: var(--ax-border-neutral);
|
|
160
|
-
color: var(--ax-text-neutral);
|
|
161
|
-
background-color: rgba(0, 0, 0, 0);
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
.aksel-button--tertiary {
|
|
165
|
-
color: var(--ax-text-accent-subtle);
|
|
166
|
-
background-color: rgba(0, 0, 0, 0);
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
.aksel-button--tertiary:hover {
|
|
170
|
-
background-color: var(--ax-bg-accent-moderate-hoverA);
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
.aksel-button--tertiary:active {
|
|
174
|
-
background-color: var(--ax-bg-accent-moderate-pressedA);
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
.aksel-button--tertiary:is(:disabled, .aksel-button--disabled) {
|
|
178
|
-
color: var(--ax-text-accent-subtle);
|
|
179
|
-
background-color: rgba(0, 0, 0, 0);
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
.aksel-button--tertiary-neutral {
|
|
183
|
-
color: var(--ax-text-neutral);
|
|
184
|
-
background-color: rgba(0, 0, 0, 0);
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
.aksel-button--tertiary-neutral:hover {
|
|
188
|
-
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
.aksel-button--tertiary-neutral:active {
|
|
192
|
-
background-color: var(--ax-bg-neutral-moderate-pressedA);
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
.aksel-button--tertiary-neutral:is(:disabled, .aksel-button--disabled) {
|
|
196
|
-
color: var(--ax-text-neutral);
|
|
197
|
-
background-color: rgba(0, 0, 0, 0);
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
.aksel-button--danger {
|
|
201
|
-
background-color: var(--ax-bg-danger-strong);
|
|
202
|
-
color: var(--ax-text-danger-contrast);
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
.aksel-button--danger:hover {
|
|
206
|
-
background-color: var(--ax-bg-danger-strong-hover);
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
.aksel-button--danger:active {
|
|
210
|
-
background-color: var(--ax-bg-danger-strong-pressed);
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
.aksel-button--danger:is(:disabled, .aksel-button--disabled) {
|
|
214
|
-
background-color: var(--ax-bg-danger-strong);
|
|
215
|
-
}
|
|
216
|
-
|
|
217
|
-
.aksel-button:where(:disabled, .aksel-button--disabled) {
|
|
218
|
-
cursor: not-allowed;
|
|
219
|
-
}
|
|
220
|
-
|
|
221
|
-
.aksel-button:not(.aksel-button--loading):where(:disabled, .aksel-button--disabled) {
|
|
222
|
-
opacity: var(--ax-opacity-disabled);
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
.aksel-button > .aksel-loader {
|
|
226
|
-
position: absolute;
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
.aksel-button .aksel-loader .aksel-loader__foreground {
|
|
230
|
-
stroke: currentColor;
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
.aksel-button--primary .aksel-loader .aksel-loader__background, .aksel-button--danger .aksel-loader .aksel-loader__background {
|
|
234
|
-
stroke: rgba(255, 255, 255, .3);
|
|
235
|
-
}
|
|
236
|
-
|
|
237
|
-
.aksel-button--loading > :not(.aksel-loader) {
|
|
238
|
-
visibility: hidden;
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
@media (forced-colors: active) {
|
|
242
|
-
.aksel-button:not(.aksel-button--loading):where(:disabled, .aksel-button--disabled) {
|
|
243
|
-
opacity: 1;
|
|
244
|
-
color: graytext;
|
|
245
|
-
}
|
|
246
|
-
|
|
247
|
-
.aksel-button {
|
|
248
|
-
color: buttontext;
|
|
249
|
-
background-color: buttonface;
|
|
250
|
-
border: 1px solid rgba(0, 0, 0, 0);
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
.aksel-button:not(:disabled):hover {
|
|
254
|
-
color: highlight;
|
|
255
|
-
box-shadow: none;
|
|
256
|
-
background-color: highlighttext;
|
|
257
|
-
border-color: highlight;
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
.aksel-button:not(:disabled):hover span {
|
|
261
|
-
forced-color-adjust: none;
|
|
262
|
-
}
|
|
263
|
-
|
|
264
|
-
.aksel-button .aksel-loader .aksel-loader__foreground {
|
|
265
|
-
stroke: canvas;
|
|
266
|
-
}
|
|
267
|
-
|
|
268
|
-
.aksel-button--primary .aksel-loader .aksel-loader__background, .aksel-button--danger .aksel-loader .aksel-loader__background {
|
|
269
|
-
stroke: canvastext;
|
|
270
|
-
}
|
|
271
|
-
}
|
|
272
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-button{--__axc-button-icon-size: 1.5rem;--__axc-button-icon-margin: -4px;--__axc-button-border-color: transparent;--__axc-button-border-width: 2px;padding:var(--ax-space-12) var(--ax-space-20);border-radius:var(--ax-radius-8);cursor:pointer;justify-content:center;align-items:center;gap:var(--ax-space-8);box-shadow:inset 0 0 0 var(--__axc-button-border-width) var(--__axc-button-border-color);background:none;border:none;text-decoration:none;display:inline-flex}.aksel-button:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-button--small,.aksel-button--xsmall{--__axc-button-icon-margin: -2px}.aksel-button--small{padding:var(--ax-space-4) var(--ax-space-12);gap:var(--ax-space-6);min-width:2rem;min-height:2rem}.aksel-button--xsmall{padding:var(--ax-space-2) var(--ax-space-8);gap:var(--ax-space-4);--__axc-button-icon-size: 1.25rem}.aksel-button--icon-only{padding:var(--ax-space-12)}.aksel-button--icon-only.aksel-button--small{padding:var(--ax-space-4)}.aksel-button--icon-only.aksel-button--xsmall{padding:var(--ax-space-2)}@supports not selector(:focus-visible){.aksel-button:focus{outline:3px solid var(--ax-border-focus)}}.aksel-button__icon{font-size:var(--__axc-button-icon-size);display:flex}.aksel-button__icon:first-child{margin-left:var(--__axc-button-icon-margin)}.aksel-button__icon:last-child{margin-right:var(--__axc-button-icon-margin)}.aksel-button--icon-only .aksel-button__icon{margin:0}.aksel-button--primary{background-color:var(--ax-bg-accent-strong);color:var(--ax-text-accent-contrast)}.aksel-button--primary:hover{background-color:var(--ax-bg-accent-strong-hover)}.aksel-button--primary:active{background-color:var(--ax-bg-accent-strong-pressed)}.aksel-button--primary:is(:disabled,.aksel-button--disabled){background-color:var(--ax-bg-accent-strong)}@media (forced-colors: active){.aksel-button--primary:not(:disabled){color:highlighttext;background-color:highlight}.aksel-button--primary span{forced-color-adjust:none}}.aksel-button--primary-neutral{background-color:var(--ax-bg-neutral-strong);color:var(--ax-text-neutral-contrast)}.aksel-button--primary-neutral:hover{background-color:var(--ax-bg-neutral-strong-hover)}.aksel-button--primary-neutral:active{background-color:var(--ax-bg-neutral-strong-pressed)}.aksel-button--primary-neutral:is(:disabled,.aksel-button--disabled){background-color:var(--ax-bg-neutral-strong)}.aksel-button--secondary{--__axc-button-border-color: var(--ax-border-accent);color:var(--ax-text-accent-subtle);background-color:#0000}.aksel-button--secondary:hover{--__axc-button-border-color: var(--ax-border-accent-strong);background-color:var(--ax-bg-accent-moderate-hoverA)}.aksel-button--secondary:active{background-color:var(--ax-bg-accent-moderate-pressedA)}.aksel-button--secondary:is(:disabled,.aksel-button--disabled){--__axc-button-border-color: var(--ax-border-accent);color:var(--ax-text-accent-subtle);background-color:#0000}.aksel-button--secondary-neutral{--__axc-button-border-color: var(--ax-border-neutral);color:var(--ax-text-neutral);background-color:#0000}.aksel-button--secondary-neutral:hover{--__axc-button-border-color: var(--ax-border-neutral-strong);background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-button--secondary-neutral:active{background-color:var(--ax-bg-neutral-moderate-pressedA)}.aksel-button--secondary-neutral:is(:disabled,.aksel-button--disabled){--__axc-button-border-color: var(--ax-border-neutral);color:var(--ax-text-neutral);background-color:#0000}.aksel-button--tertiary{color:var(--ax-text-accent-subtle);background-color:#0000}.aksel-button--tertiary:hover{background-color:var(--ax-bg-accent-moderate-hoverA)}.aksel-button--tertiary:active{background-color:var(--ax-bg-accent-moderate-pressedA)}.aksel-button--tertiary:is(:disabled,.aksel-button--disabled){color:var(--ax-text-accent-subtle);background-color:#0000}.aksel-button--tertiary-neutral{color:var(--ax-text-neutral);background-color:#0000}.aksel-button--tertiary-neutral:hover{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-button--tertiary-neutral:active{background-color:var(--ax-bg-neutral-moderate-pressedA)}.aksel-button--tertiary-neutral:is(:disabled,.aksel-button--disabled){color:var(--ax-text-neutral);background-color:#0000}.aksel-button--danger{background-color:var(--ax-bg-danger-strong);color:var(--ax-text-danger-contrast)}.aksel-button--danger:hover{background-color:var(--ax-bg-danger-strong-hover)}.aksel-button--danger:active{background-color:var(--ax-bg-danger-strong-pressed)}.aksel-button--danger:is(:disabled,.aksel-button--disabled){background-color:var(--ax-bg-danger-strong)}.aksel-button:where(:disabled,.aksel-button--disabled){cursor:not-allowed}.aksel-button:not(.aksel-button--loading):where(:disabled,.aksel-button--disabled){opacity:var(--ax-opacity-disabled)}.aksel-button>.aksel-loader{position:absolute}.aksel-button .aksel-loader .aksel-loader__foreground{stroke:currentColor}.aksel-button--primary .aksel-loader .aksel-loader__background,.aksel-button--danger .aksel-loader .aksel-loader__background{stroke:#ffffff4d}.aksel-button--loading>:not(.aksel-loader){visibility:hidden}@media (forced-colors: active){.aksel-button:not(.aksel-button--loading):where(:disabled,.aksel-button--disabled){opacity:1;color:graytext}.aksel-button{color:buttontext;background-color:buttonface;border:1px solid rgba(0,0,0,0)}.aksel-button:not(:disabled):hover{color:highlight;box-shadow:none;background-color:highlighttext;border-color:highlight}.aksel-button:not(:disabled):hover span{forced-color-adjust:none}.aksel-button .aksel-loader .aksel-loader__foreground{stroke:canvas}.aksel-button--primary .aksel-loader .aksel-loader__background,.aksel-button--danger .aksel-loader .aksel-loader__background{stroke:canvastext}}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-chat{align-items:flex-end;gap:var(--ax-space-12);max-width:40.75rem;display:flex}.aksel-chat--right{flex-direction:row-reverse}.aksel-chat--right .aksel-chat__bubble-wrapper{align-items:flex-end}.aksel-chat--right .aksel-chat__bubble{border-radius:var(--ax-radius-12);border-bottom-right-radius:var(--ax-radius-2)}.aksel-chat__avatar{background-color:var(--ax-bg-raised);border-radius:var(--ax-radius-full);border:1px solid var(--ax-border-neutral-subtleA);color:var(--ax-text-neutral);letter-spacing:.024rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.06rem;line-height:2.5rem;display:flex;overflow:hidden}.aksel-chat__avatar svg{align-self:center;width:100%;max-width:1.5rem;max-height:1.5rem}.aksel-chat__bubble-wrapper{gap:var(--ax-space-12);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.aksel-chat__bubble{padding:var(--ax-space-20);background-color:var(--ax-bg-raised);gap:var(--ax-space-8);border-radius:var(--ax-radius-12);border-bottom-left-radius:var(--ax-radius-2);border:1px solid var(--ax-border-neutral-subtleA);flex-direction:column;width:fit-content;display:flex}.aksel-chat--small .aksel-chat__bubble{padding:var(--ax-space-16)}.aksel-chat--info .aksel-chat__bubble,.aksel-chat--info .aksel-chat__avatar{background-color:var(--ax-bg-info-moderate)}.aksel-chat--neutral .aksel-chat__bubble,.aksel-chat--neutral .aksel-chat__avatar{background-color:var(--ax-bg-neutral-moderateA)}.aksel-chat__top-text{color:var(--ax-text-neutral);gap:var(--ax-space-8);align-items:baseline;margin:0;font-weight:400;display:flex}.aksel-chat--right .aksel-chat__top-text{align-self:flex-end}.aksel-chat--top-text-left .aksel-chat__top-text{align-self:flex-start}.aksel-chat--top-text-right .aksel-chat__top-text,.aksel-chat--left .aksel-chat__top-text--right{align-self:flex-end}.aksel-chat--right .aksel-chat__top-text--left{align-self:flex-start}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-chips{gap:var(--ax-space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.aksel-chips li{margin:0;padding:0;list-style:none;display:block}.aksel-chips__chip{all:unset;cursor:pointer;justify-content:center;align-items:center;gap:var(--ax-space-2);padding:0 var(--ax-space-12);border-radius:var(--ax-radius-full);min-height:2rem;margin:0;text-decoration:none;display:flex}.aksel-chips__chip:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-chips--readonly .aksel-chips__chip{background-color:var(--ax-bg-neutral-moderateA)}.aksel-chips--small .aksel-chips__chip{min-height:1.5rem;padding:0 var(--ax-space-8)}.aksel-chips--small .aksel-chips__toggle-icon{width:1rem;height:1rem}.aksel-chips--small .aksel-chips__toggle--with-checkmark{padding-left:var(--ax-space-4)}.aksel-chips--small .aksel-chips__removable-icon{width:1.25rem;height:1.25rem}.aksel-chips--small .aksel-chips__removable-icon>svg{width:1rem}.aksel-chips--small .aksel-chips--icon-right{padding-right:var(--ax-space-2)}.aksel-chips__toggle--action{box-shadow:inset 0 0 0 1px var(--ax-border-accent-subtleA);background-color:var(--ax-bg-accent-moderate);color:var(--ax-text-accent);transition:box-shadow .2s cubic-bezier(.15,1,.3,1)}.aksel-chips__toggle--action:hover{background-color:var(--ax-bg-accent-moderate-hover);box-shadow:inset 0 0 0 1px var(--ax-border-accent)}.aksel-chips__toggle--action[data-pressed=true]{box-shadow:none;background-color:var(--ax-bg-accent-strong-pressed);color:var(--ax-text-accent-contrast)}.aksel-chips__toggle--action[data-pressed=true]:hover{background-color:var(--ax-bg-accent-strong-hover)}.aksel-chips__toggle--neutral{box-shadow:inset 0 0 0 1px var(--ax-border-neutral-subtleA);background-color:var(--ax-bg-neutral-moderate);color:var(--ax-text-neutral);transition:box-shadow .2s cubic-bezier(.15,1,.3,1)}.aksel-chips__toggle--neutral:hover{background-color:var(--ax-bg-neutral-moderate-hover);box-shadow:inset 0 0 0 1px var(--ax-border-neutral)}.aksel-chips__toggle--neutral[data-pressed=true]{box-shadow:none;background-color:var(--ax-bg-neutral-strong-pressed);color:var(--ax-text-neutral-contrast)}.aksel-chips__toggle--neutral[data-pressed=true]:hover{background-color:var(--ax-bg-neutral-strong-hover)}.aksel-chips--medium .aksel-chips__toggle--with-checkmark{padding-left:var(--ax-space-6)}.aksel-chips__removable{gap:0}.aksel-chips__removable--action{background:var(--ax-bg-accent-strong-pressed);color:var(--ax-text-accent-contrast)}.aksel-chips__removable--action:hover{background:var(--ax-bg-accent-strong-hover)}.aksel-chips__removable--neutral{background:var(--ax-bg-neutral-strong-pressed);color:var(--ax-text-neutral-contrast)}.aksel-chips__removable--neutral:hover{background:var(--ax-bg-neutral-strong-hover)}.aksel-chips__removable-icon{border-radius:var(--ax-radius-full);place-items:center;width:1.5rem;height:1.5rem;font-size:1.25rem;display:grid}.aksel-chips--icon-left{padding-left:var(--ax-space-6)}.aksel-chips--icon-right{padding-right:var(--ax-space-6)}@media (forced-colors: active){.aksel-chips__chip{border:1px solid rgba(0,0,0,0)}.aksel-chips__chip:hover{color:highlight;background-color:highlighttext}.aksel-chips__chip:where([data-pressed=true],:active,:hover)>span{forced-color-adjust:none}.aksel-chips__toggle[data-pressed=true]{color:selecteditemtext;background-color:selecteditem;border:1px solid selecteditem}.aksel-chips__toggle[data-pressed=true]:hover{color:selecteditem;background-color:selecteditemtext}}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-date{padding:var(--ax-space-16)}.aksel-date .rdp-day_range_middle.rdp-day_disabled{color:var(--ax-text-neutral);background:var(--ax-bg-neutral-moderateA)}.aksel-date .rdp-day_range_middle.rdp-day_selected{background-color:var(--ax-bg-accent-moderate-pressedA);box-shadow:inset 0 0 0 1px var(--ax-border-accent-subtleA);color:var(--ax-text-neutral)}.aksel-date .rdp-month,.aksel-date.rdp-month{gap:var(--ax-space-20);display:grid}.aksel-date .aksel-date__caption-label{text-transform:capitalize}.aksel-date .rdp-head_cell{text-transform:capitalize;font-size:var(--ax-font-size-small)}.aksel-date .rdp-button{all:unset;text-align:center;border-radius:var(--ax-radius-8);width:2.5rem;height:2.5rem;display:block}.aksel-date .rdp-day_range_start{border-radius:100% var(--ax-radius-12) var(--ax-radius-12) 100%}.aksel-date .rdp-day_range_end:not(.rdp-day_range_start){border-radius:var(--ax-radius-8) 100% 100% var(--ax-radius-8)}.aksel-date .rdp-day_range_start.rdp-day_range_end{border-radius:var(--ax-radius-8)}.aksel-date .aksel-date__field{flex-direction:column;width:100%;display:flex;position:relative}.aksel-date .rdp-day_selected,.aksel-date .aksel-monthpicker__month--selected{color:var(--ax-text-accent-contrast);background:var(--ax-bg-accent-strong-pressed);cursor:pointer}.aksel-date .rdp-day_disabled{cursor:not-allowed;background-color:var(--ax-bg-neutral-moderateA);color:var(--ax-text-neutral-subtle);text-decoration:line-through}.aksel-date .rdp-button:where(:not(.rdp-day_selected,[disabled])):hover,.aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected,[disabled])):hover{background:var(--ax-bg-accent-moderate-hoverA);cursor:pointer}.aksel-date .rdp-day_today{position:relative}.aksel-date .rdp-day_today:before{background-color:var(--ax-text-accent-subtle);border-radius:var(--ax-radius-full);content:"";width:6px;height:6px;display:block;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}:is(.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle),.aksel-date .rdp-day_today:active):before{background-color:var(--ax-text-accent-contrast)}.aksel-date .rdp-day_outside{visibility:hidden;pointer-events:none}.aksel-date__modal .aksel-date,.aksel-date__modal-body>.aksel-date{padding:0}.aksel-date__caption{justify-content:space-between;align-items:center;gap:var(--ax-space-4);padding-inline:var(--ax-space-4);display:flex}.aksel-date__caption-button{width:2rem;height:2rem;color:var(--ax-text-neutral)}.aksel-date__caption__month .aksel-select__container select{text-transform:capitalize}.aksel-date__month-button{all:unset;text-align:center;text-transform:capitalize;border-radius:var(--ax-radius-8);cursor:pointer;width:3rem;height:3rem}.aksel-date__year-label{align-items:center;display:flex}.aksel-date__wrapper,.aksel-date__standalone-wrapper{width:fit-content;height:fit-content}:is(:is(.aksel-date__wrapper,.aksel-date__standalone-wrapper) .rdp-cell>button.rdp-day,:is(.aksel-date__wrapper,.aksel-date__standalone-wrapper) button.aksel-date__month-button):focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}:is(:is(.aksel-date__wrapper,.aksel-date__standalone-wrapper) .rdp-cell>button.rdp-day,:is(.aksel-date__wrapper,.aksel-date__standalone-wrapper) button.aksel-date__month-button):active:not(:disabled){color:var(--ax-text-accent-contrast);background-color:var(--ax-bg-accent-strong-pressed)}.aksel-date__field-input.aksel-text-field__input{padding-right:var(--ax-space-48)}.aksel-form-field--small .aksel-date__field-input{padding-right:var(--ax-space-32)}.aksel-date__field-button{color:var(--ax-text-neutral);cursor:pointer;border-radius:calc(var(--ax-radius-8) - 1px);padding:var(--ax-space-12);background:none;border:none;border-start-start-radius:0;border-end-start-radius:0;justify-content:center;align-items:center;height:calc(100% - .125rem);margin:0;font-size:1.5rem;text-decoration:none;display:inline-flex;position:absolute;top:50%;right:.0625rem;transform:translateY(-50%)}.aksel-form-field--small .aksel-date__field-button{padding:var(--ax-space-4)}.aksel-form-field--disabled .aksel-date__field-button{opacity:1;cursor:not-allowed}.aksel-date__field--readonly .aksel-date__field-button{cursor:default}.aksel-date__field-button:focus-visible{outline-color:var(--ax-border-focus)}.aksel-date__field-wrapper{align-items:center;width:fit-content;display:inline-flex;position:relative}.aksel-date__week-row{align-items:center;gap:var(--ax-space-2);display:flex}.aksel-date__weeknumber{--__axc-button-border-width: 1px}.aksel-date__weeknumber-number{color:var(--ax-text-neutral-subtle);font-size:.875rem}.aksel-date__week-wrapper{justify-content:center;align-items:center;width:2.5rem;margin:0;display:flex}.aksel-date__modal-body{padding:var(--ax-space-16);align-items:flex-end;gap:var(--ax-space-8);flex-direction:column;display:flex}@media (min-width: 480px){.aksel-date,.aksel-date__modal-body{padding:var(--ax-space-20)}.aksel-date__caption{gap:var(--ax-space-8)}.aksel-date .rdp-button,.aksel-date__caption-button{width:3rem;height:3rem}}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-expansioncard{--__axc-expansioncard-border-radius: calc(var(--ax-radius-12) - 1px);--__axc-expansioncard-padding-block: var(--ax-space-20);--__axc-expansioncard-padding-inline: var(--ax-space-20);border-radius:var(--ax-radius-12);background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-neutral);height:fit-content}.aksel-expansioncard:has(.aksel-expansioncard__header:hover){box-shadow:0 0 0 1px var(--ax-border-neutral-strong);border-color:var(--ax-border-neutral-strong)}.aksel-expansioncard--small{--__axc-expansioncard-padding-inline: var(--ax-space-16);--__axc-expansioncard-padding-block: var(--ax-space-16)}.aksel-expansioncard--small>.aksel-expansioncard__header .aksel-expansioncard__title--small{margin-top:var(--ax-space-2)}.aksel-expansioncard--small :is(.aksel-expansioncard__title--medium,.aksel-expansioncard__title--large){margin-top:0}.aksel-expansioncard--small>.aksel-expansioncard__header>.aksel-expansioncard__header-button{min-width:2rem;min-height:2rem}.aksel-expansioncard__header{gap:var(--ax-space-16);width:100%;padding:var(--__axc-expansioncard-padding-block) var(--__axc-expansioncard-padding-inline);border-radius:var(--__axc-expansioncard-border-radius);background-color:#0000;justify-content:space-between;display:flex;position:relative}.aksel-expansioncard__header:hover{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-expansioncard__header[data-open=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.aksel-expansioncard__header[data-open=true]:after{content:"";background-color:var(--ax-border-neutral-subtleA);bottom:0;left:var(--__axc-expansioncard-padding-inline);height:1px;width:calc(100% - 2 * var(--__axc-expansioncard-padding-inline));opacity:1;position:absolute}.aksel-expansioncard__header[data-open=true]:hover:after{opacity:0}.aksel-expansioncard__title--small{margin-top:.625rem}.aksel-expansioncard__title--medium{margin-top:var(--ax-space-8)}.aksel-expansioncard__title--large{margin-top:var(--ax-space-4)}.aksel-expansioncard__header-button{cursor:pointer;border-radius:var(--ax-radius-8);background:none;border:none;place-content:center;align-self:flex-start;min-width:3rem;min-height:3rem;margin:0;font-size:1.5rem;display:grid}.aksel-expansioncard__header-button:focus-visible{outline:3px solid var(--ax-border-focus)}.aksel-expansioncard__header-button:after{z-index:1;content:"";cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.aksel-expansioncard__header:hover>.aksel-expansioncard__header-button{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-expansioncard__header-chevron{transition:transform .25s cubic-bezier(.2,0,0,1)}.aksel-expansioncard__header[data-open=true] .aksel-expansioncard__header-chevron{transform:rotateX(-180deg)}.aksel-expansioncard__header[data-open=false] .aksel-expansioncard__header-chevron{transition-duration:.4s}.aksel-expansioncard__content{padding-inline:var(--__axc-expansioncard-padding-inline);visibility:hidden;border-end-end-radius:var(--__axc-expansioncard-border-radius);border-end-start-radius:var(--__axc-expansioncard-border-radius);grid-template-rows:0fr;padding-block:0;transition-property:visibility,padding-block,grid-template-rows;transition-duration:.25s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;overflow:hidden}.aksel-expansioncard__content[data-open=true]{visibility:visible;padding-block:var(--__axc-expansioncard-padding-block);grid-template-rows:1fr}.aksel-expansioncard__content[data-open=true] .aksel-expansioncard__content-inner{opacity:1}.aksel-expansioncard__content-inner{opacity:0;min-height:0;transition:opacity .25s cubic-bezier(.2,0,0,1)}.aksel-expansioncard--no-animation :is(.aksel-expansioncard__content,.aksel-expansioncard__content-inner){transition:none}}
|
|
@@ -1 +0,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-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-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-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-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:#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-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),ul:has(>li.aksel-file-item),li.aksel-file-item{margin:0;padding:0;list-style:none}.aksel-file-item__inner{background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-neutral-subtleA);outline-offset:-1px;border-radius:var(--ax-radius-12);padding:var(--ax-space-20);gap:var(--ax-space-12);align-items:flex-start;transition:outline-color .25s cubic-bezier(0,.3,.15,1);display:flex}.aksel-file-item--error>.aksel-file-item__inner{outline:2px solid var(--ax-border-danger-strong)}.aksel-file-item__icon{background-color:var(--ax-bg-neutral-moderateA);color:var(--ax-text-neutral);border-radius:var(--ax-radius-full);min-width:2.5rem;min-height:2.5rem;margin-top:var(--ax-space-2);place-content:center;transition:background-color .25s cubic-bezier(0,.3,.15,1);display:grid}.aksel-file-item__icon>svg{width:1.5rem;height:1.5rem}.aksel-file-item__icon--loading{background-color:#0000}.aksel-file-item__file-info{overflow-wrap:anywhere}.aksel-file-item__button{margin-left:auto}.aksel-file-item__error{grid-template-rows:0fr;transition-property:grid-template-rows,padding-top;transition-duration:.25s;transition-timing-function:cubic-bezier(0,.3,.15,1);display:grid;overflow:hidden}.aksel-file-item--error .aksel-file-item__error{padding-top:var(--ax-space-4);grid-template-rows:1fr}.aksel-form-field{justify-items:start;gap:var(--ax-space-8);display:grid}.aksel-form-field__description{color:var(--ax-text-neutral-subtle);margin-top:-.375rem}.aksel-form-field--disabled{opacity:var(--ax-opacity-disabled);cursor:not-allowed}.aksel-form-field__error:empty{display:none}.aksel-form-field__subdescription{color:var(--ax-text-neutral-subtle)}.aksel-form-field--readonly>:where(.aksel-form-field__label){display:inline-flex}.aksel-form-field__readonly-icon{margin-top:var(--ax-space-2);margin-right:var(--ax-space-4);flex-shrink:0;align-self:flex-start}@media (forced-colors: active){.aksel-form-field--disabled{opacity:1}}.aksel-error-summary{background-color:var(--ax-bg-default);padding:var(--ax-space-20);border:4px solid var(--ax-border-danger);border-radius:var(--ax-radius-12);outline-offset:3px}.aksel-error-summary:focus-visible,.aksel-error-summary:has(.aksel-error-summary__heading:focus-visible){outline:3px solid var(--ax-border-focus)}@supports not selector(:focus-visible){.aksel-error-summary:focus{outline:3px solid var(--ax-border-focus)}}.aksel-error-summary--small{padding:var(--ax-space-16)}.aksel-error-summary--small .aksel-error-summary__heading{scroll-margin-top:var(--ax-space-16)}.aksel-error-summary--small>.aksel-error-summary__list{margin:var(--ax-space-8) 0;gap:var(--ax-space-8);padding-left:var(--ax-space-20)}.aksel-error-summary__heading{scroll-margin-top:var(--ax-space-24)}.aksel-error-summary__heading:focus{outline:none}.aksel-error-summary__list{margin:var(--ax-space-12) 0;gap:var(--ax-space-12);padding-left:var(--ax-space-24);list-style:inherit;flex-direction:column;display:flex}.aksel-confirmation-panel__inner{gap:var(--ax-space-12);padding:var(--ax-space-16);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-default);background-color:var(--ax-bg-moderate);flex-direction:column;justify-self:stretch;transition:background-color .1s linear;display:flex;position:relative}.aksel-confirmation-panel__content{max-width:80ch}@media (forced-colors: active){.aksel-confirmation-panel__inner:before{content:"";forced-color-adjust:none;border-color:orange;border-left-style:solid;border-left-width:8px;border-start-start-radius:calc(var(--ax-radius-8) - 1px);border-end-start-radius:calc(var(--ax-radius-8) - 1px);height:100%;position:absolute;top:0;left:0}.aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before{border-color:green}.aksel-confirmation-panel--error .aksel-confirmation-panel__inner:before{border-color:red}}.aksel-checkbox,.aksel-radio{width:fit-content;position:relative}.aksel-checkbox__input,.aksel-radio__input{z-index:1;opacity:0;cursor:pointer;width:3rem;height:3rem;position:absolute;top:0;left:-.75rem}.aksel-checkbox__label,.aksel-radio__label{padding:var(--ax-space-12) 0;cursor:pointer;gap:var(--ax-space-8);--__axc-radio-checkbox-readonly-bg: var(--ax-bg-neutral-moderate);--__axc-radio-checkbox-readonly-border: var(--ax-border-neutral-subtle);display:flex}.aksel-checkbox__label:before,.aksel-radio__label:before{content:"";border-radius:var(--ax-radius-4);background-color:var(--ax-bg-input);border:2px solid var(--ax-border-neutral);flex-shrink:0;width:1.5rem;height:1.5rem}.aksel-radio__label:before{border-radius:var(--ax-radius-full)}.aksel-checkbox__content,.aksel-radio__content{flex-direction:column;gap:.125rem;display:flex}.aksel-checkbox--small>.aksel-checkbox__input,.aksel-radio--small>.aksel-radio__input{width:2rem;height:2rem;top:0;left:-.375rem}.aksel-checkbox--small>.aksel-checkbox__label,.aksel-radio--small>.aksel-radio__label{padding:var(--ax-space-6) 0}.aksel-checkbox--small>.aksel-checkbox__label:before,.aksel-radio--small>.aksel-radio__label:before{width:1.25rem;height:1.25rem}.aksel-checkbox__input:focus+.aksel-checkbox__label:after,.aksel-radio__input:focus+.aksel-radio__label:after{content:"";width:100%;height:calc(100% - var(--ax-space-24));border-radius:var(--ax-radius-4);outline:3px solid var(--ax-border-focus);outline-offset:3px;pointer-events:none;position:absolute}.aksel-checkbox--small>.aksel-checkbox__input:focus+.aksel-checkbox__label:after,.aksel-radio--small>.aksel-radio__input:focus+.aksel-radio__label:after{height:calc(100% - var(--ax-space-12))}.aksel-checkbox__icon-indeterminate{display:none}.aksel-checkbox__input:indeterminate+.aksel-checkbox__label>.aksel-checkbox__icon-indeterminate{background-color:var(--ax-bg-default);width:.75rem;height:.25rem;transform:translate(var(--ax-space-6),-50%);pointer-events:none;border-radius:1px;display:block;position:absolute;top:50%}.aksel-checkbox--small .aksel-checkbox__input:indeterminate+.aksel-checkbox__label>.aksel-checkbox__icon-indeterminate{transform:translate(var(--ax-space-4),-50%);height:.1875rem}.aksel-checkbox__input:where(:checked,:indeterminate)+.aksel-checkbox__label:before{background-color:var(--ax-bg-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:not(:disabled)+.aksel-checkbox__label:before,.aksel-checkbox--readonly>.aksel-checkbox__input:hover .aksel-checkbox__label:before,.aksel-radio--readonly>.aksel-radio__input:not(:disabled,:checked)+.aksel-radio__label:before,.aksel-radio--readonly>.aksel-radio__input:hover:not(:checked,:focus)+.aksel-radio__label:before{background-color:var(--__axc-radio-checkbox-readonly-bg);border-color:var(--__axc-radio-checkbox-readonly-border)}.aksel-checkbox--readonly>.aksel-checkbox__input:where(:checked,:indeterminate)+.aksel-checkbox__label:before{border-color:var(--__axc-radio-checkbox-readonly-border);background-color:var(--__axc-radio-checkbox-readonly-bg)}.aksel-checkbox--readonly>.aksel-checkbox__input:checked+.aksel-checkbox__label>.aksel-checkbox__icon{color:var(--ax-text-neutral-subtle)}.aksel-radio--readonly>.aksel-radio__input:checked+.aksel-radio__label:before{background-color:var(--ax-bg-neutral-strong);box-shadow:inset 0 0 0 2px var(--ax-border-neutral-subtle),inset 0 0 0 8px var(--ax-bg-neutral-moderate);border-width:0}.aksel-checkbox--readonly>.aksel-checkbox__input:indeterminate+.aksel-checkbox__label>.aksel-checkbox__icon-indeterminate{background-color:var(--ax-text-neutral-subtle)}@media (forced-colors: active){.aksel-checkbox,.aksel-radio{--__axc-radio-checkbox-high-contrast-bg: field;--__axc-radio-checkbox-high-contrast-text: fieldtext;--__axc-radio-checkbox-high-contrast-highlight: highlight;--ax-border-focus: Highlight}.aksel-checkbox__label:before,.aksel-radio__label:before{border:1px solid var(--__axc-radio-checkbox-high-contrast-text);background-color:var(--__axc-radio-checkbox-high-contrast-bg)}.aksel-checkbox__input:checked+.aksel-checkbox__label>.aksel-checkbox__icon{color:var(--__axc-radio-checkbox-high-contrast-text)}.aksel-checkbox__input:indeterminate+.aksel-checkbox__label>.aksel-checkbox__icon-indeterminate{background-color:var(--__axc-radio-checkbox-high-contrast-text)}.aksel-radio__input:checked+.aksel-radio__label:before{border:6px solid var(--__axc-radio-checkbox-high-contrast-text)}:not(.aksel-checkbox--readonly)>.aksel-checkbox__input:hover:not(:disabled)+.aksel-checkbox__label,:not(.aksel-radio--readonly)>.aksel-radio__input:hover:not(:disabled)+.aksel-radio__label{color:highlight}.aksel-checkbox--readonly>.aksel-checkbox__input:checked+.aksel-checkbox__label:before{border:1px solid var(--__axc-radio-checkbox-high-contrast-text);background-color:var(--__axc-radio-checkbox-high-contrast-bg)}.aksel-checkbox--readonly>.aksel-checkbox__input:indeterminate+.aksel-checkbox__label>.aksel-checkbox__icon-indeterminate{background-color:var(--__axc-radio-checkbox-high-contrast-text)}.aksel-radio--readonly>.aksel-radio__input:checked+.aksel-radio__label:before{border-width:6px}.aksel-checkbox--disabled,.aksel-radio--disabled{opacity:1;--__axc-radio-checkbox-high-contrast-bg: field;--__axc-radio-checkbox-high-contrast-text: graytext}:is(.aksel-checkbox--disabled,.aksel-radio--disabled) :is(.aksel-checkbox__label,.aksel-radio__label){color:graytext}}.aksel-select__input{appearance:none;background-color:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);color:var(--ax-text-neutral);box-sizing:border-box;width:100%;min-height:3rem;padding:var(--ax-space-8);padding-right:var(--ax-space-40);display:inline-block;position:relative}.aksel-select__input:hover{border-color:var(--ax-border-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:hover,.aksel-select--error>* select:focus{box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}.aksel-select__input:disabled{background-color:var(--ax-bg-input);border:1px solid var(--ax-border-neutral);box-shadow:none;cursor:not-allowed;opacity:1;color:var(--ax-text-neutral)}.aksel-select__input:disabled>option{color:var(--ax-text-neutral)}@media (forced-colors: active){.aksel-select__input:disabled+.aksel-select__chevron{color:graytext}}.aksel-select--readonly .aksel-select__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}@media (forced-colors: active){.aksel-select--readonly .aksel-select__input:is(:hover,:focus){color:buttontext;background-color:buttonface;border-color:buttontext}}.aksel-select--readonly .aksel-select__chevron{color:var(--ax-text-neutral-subtle)}.aksel-switch{width:fit-content;min-height:3rem;position:relative}.aksel-switch--small{min-height:2rem}.aksel-switch__input{cursor:pointer;z-index:1;opacity:0;width:3rem;height:3rem;position:absolute;top:0}.aksel-switch--small>.aksel-switch__input{height:2rem;top:0}.aksel-switch__label-wrapper{cursor:pointer;color:var(--ax-text-neutral)}.aksel-switch__content{--__axc-switch-block-padding: .75rem;gap:var(--ax-space-2);padding:var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) 3.25rem;flex-direction:column;display:flex;position:relative}.aksel-switch--right .aksel-switch__content{padding:var(--__axc-switch-block-padding) 3.25rem var(--__axc-switch-block-padding) 0}.aksel-switch--small .aksel-switch__content{--__axc-switch-block-padding: .375rem}.aksel-switch__content.aksel-switch--with-description{padding-bottom:0}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content:after{content:"";width:100%;height:calc(100% - var(--__axc-switch-block-padding) * 2);border-radius:var(--ax-radius-4);outline:3px solid var(--ax-border-focus);outline-offset:3px;pointer-events:none;position:absolute;left:0}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content.aksel-switch--with-description:after{height:calc(100% - var(--__axc-switch-block-padding) * 1)}.aksel-switch__input: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-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-radius-full);justify-content:center;align-items:center;width:1.125rem;height:1.125rem;transition:transform .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:.0625rem;left:.0625rem;transform:translate(0)}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{background-color:var(--ax-bg-raised);color:var(--ax-text-accent-subtle);width:1.25rem;height:1.25rem;top:0;left:0;transform:translate(1.25rem)}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb>.aksel-switch__checkmark{visibility:visible;opacity:1}.aksel-switch__checkmark{visibility:hidden;opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1)}@media (hover: hover) and (pointer: fine){.aksel-switch__input:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(.0625rem)}.aksel-switch__input:checked:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(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__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__input:hover~.aksel-switch__label-wrapper,.aksel-switch--readonly .aksel-switch__label-wrapper:hover{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:translate(0)}.aksel-switch--readonly>.aksel-switch__input:checked:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1.25rem)}}@media (forced-colors: active){.aksel-switch__input:hover~.aksel-switch__label-wrapper,.aksel-switch__label-wrapper:hover{color:highlight}.aksel-switch__thumb,.aksel-switch--readonly .aksel-switch__thumb{background-color:fieldtext!important}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb,.aksel-switch--readonly .aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{color:field}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content:after,.aksel-switch--standalone>.aksel-switch__input:focus~.aksel-switch__track{outline:3px solid highlight}.aksel-switch--disabled:not(.aksel-switch--loading){opacity:1}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__thumb{background-color:graytext!important}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__track{border-color:graytext!important}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper,.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper:hover{color:graytext!important}}.aksel-text-field__input{appearance:none;padding:var(--ax-space-8);background:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);width:100%;min-height:3rem;color:var(--ax-text-neutral)}.aksel-text-field__input:hover{border-color:var(--ax-border-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-radius-8);border:1px solid var(--ax-border-neutral);resize:none;width:100%;color:var(--ax-text-neutral);display:block}.aksel-textarea__input::placeholder{color:var(--ax-text-neutral-subtle)}.aksel-textarea__input:hover{border-color:var(--ax-border-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-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-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__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-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__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-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: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-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-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-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-radius-8) - 1px) calc(var(--ax-radius-8) - 1px) 0 0;outline:2px solid var(--ax-border-focus);outline-offset:-2px}.aksel-combobox__list-item--new-option--focus:only-child{border-radius:calc(var(--ax-radius-8) - 1px)}@media (max-width: 479px){.aksel-combobox__button-toggle-list{right:.5rem}.aksel-combobox__input{min-width:min-content;padding:.75rem 0}.aksel-combobox__selected-options{gap:var(--ax-space-4)}}@media (forced-colors: active){.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible){outline-color:highlight}.aksel-combobox__list-item--focus,.aksel-combobox__list--with-hover .aksel-combobox__list-item:not([data-no-focus=true],.aksel-combobox__list-item--new-option):hover{color:highlight;border-left-color:highlight}.aksel-combobox__list-item[data-no-focus=true]{opacity:1;color:graytext}.aksel-combobox__list-item--selected{color:selecteditemtext;background-color:highlight}.aksel-combobox__list-item--selected *{color:#000}.aksel-combobox__list-item--selected>*{forced-color-adjust:none}.aksel-combobox__list-item--selected.aksel-combobox__list-item--focus,.aksel-combobox__list--with-hover .aksel-combobox__list-item--selected:hover{color:highlight;border-left-color:highlight}.aksel-combobox__list--with-hover .aksel-combobox__list-item--new-option:hover{color:highlight}.aksel-combobox__list-item--new-option--focus{outline-offset:0;outline:2px solid highlight}.aksel-combobox--disabled{opacity:1}.aksel-combobox--disabled *{color:graytext;opacity:1;border-color:graytext}.aksel-combobox__list-item--new-option svg{color:canvastext}.aksel-combobox__list-item--new-option:hover{color:highlight}.aksel-combobox__list-item--new-option:hover svg{color:highlight}}.aksel-form-summary{border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-12);background:var(--ax-bg-raised);overflow:hidden}.aksel-form-summary__header{background:var(--ax-bg-neutral-moderateA);padding:var(--ax-space-20) var(--ax-space-20) var(--ax-space-16) var(--ax-space-20);justify-content:space-between;gap:0 var(--ax-space-12);display:flex}@media (max-width: 479px){.aksel-form-summary__header{padding:var(--ax-space-16) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);flex-direction:column}}.aksel-form-summary__edit{margin-top:var(--ax-space-4);flex-shrink:0;align-self:flex-start}.aksel-form-summary>.aksel-form-summary__answers{border-top:1px solid var(--ax-border-neutral-subtleA)}.aksel-form-summary__answers{padding:var(--ax-space-16) var(--ax-space-20) var(--ax-space-20) var(--ax-space-20);margin:0}@media (max-width: 479px){.aksel-form-summary__answers{padding:var(--ax-space-12) var(--ax-space-16) var(--ax-space-16) var(--ax-space-16)}}.aksel-form-summary__answer:not(:last-child){margin-bottom:var(--ax-space-16);padding-bottom:var(--ax-space-16);border-bottom:1px solid var(--ax-border-neutral-subtleA)}.aksel-form-summary__answer:has(.aksel-form-summary__answer){padding-bottom:var(--ax-space-24)}.aksel-form-summary__answer:has(.aksel-form-summary__answer):last-child{padding-bottom:0}@media (max-width: 479px){.aksel-form-summary__answer:not(:last-child){margin-bottom:var(--ax-space-12);padding-bottom:var(--ax-space-12)}.aksel-form-summary__answer:has(.aksel-form-summary__answer){padding-bottom:var(--ax-space-20)}}.aksel-form-summary__value:first-of-type{margin-top:var(--ax-space-4)}.aksel-form-summary__value .aksel-form-summary__answers{margin-top:var(--ax-space-8);padding:var(--ax-space-16);background:var(--ax-bg-info-moderateA);border-radius:var(--ax-radius-8);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-radius-12);background:var(--ax-bg-raised);padding-inline:var(--ax-space-20);opacity:.001;grid-template-rows:0fr;margin-top:-2px;padding-block:0;transition-property:margin-top,opacity,visibility,padding-block-start,grid-template-rows;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;overflow:hidden}.aksel-form-progress__collapsible[hidden]{display:grid}.aksel-form-progress__collapsible[data-state=open]{margin-top:var(--ax-space-4);visibility:visible;padding-block:var(--ax-space-20);opacity:1;grid-template-rows:1fr}.aksel-form-progress__collapsible-content{min-height:0}}
|
|
@@ -1 +0,0 @@
|
|
|
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-radius-full);width:var(--__axc-guide-panel-guide-size);height:var(--__axc-guide-panel-guide-size);flex-shrink:0;overflow:hidden}.aksel-guide svg,.aksel-guide img{width:100%;height:100%}.aksel-guide-panel__content{background-color:var(--ax-bg-raised);border:2px solid var(--ax-border-info);border-radius:var(--ax-radius-12);position:relative}.aksel-guide-panel:is([data-poster=true],[data-responsive=true])>.aksel-guide-panel__content{margin-top:var(--ax-space-20)}.aksel-guide-panel[data-poster=false]>.aksel-guide-panel__content{margin-left:var(--ax-space-20)}@media (min-width: 480px){.aksel-guide-panel[data-responsive=true]>.aksel-guide-panel__content{margin-top:0;margin-left:var(--ax-space-20)}}.aksel-guide-panel__content-inner{padding:var(--ax-space-16);border-radius:var(--ax-radius-12);background-color:var(--ax-bg-raised);height:100%;position:relative}.aksel-guide-panel[data-poster=false] .aksel-guide-panel__content-inner{min-height:var(--__axc-guide-panel-guide-size)}@media (min-width: 480px){.aksel-guide-panel__content-inner{padding:var(--ax-space-20)}.aksel-guide-panel[data-responsive=true] .aksel-guide-panel__content-inner{min-height:var(--__axc-guide-panel-guide-size)}}.aksel-guide-panel__tail{z-index:0;position:absolute}.aksel-guide-panel:is([data-poster=true],[data-responsive=true]) .aksel-guide-panel__tail{left:50%;top:calc(var(--ax-space-16) * -1 - 2px);transform:translate(-48%)}.aksel-guide-panel[data-poster=false] .aksel-guide-panel__tail{top:calc(var(--__axc-guide-panel-guide-size) / 2);left:calc(var(--ax-space-20) * -1 - 2px);transform:translateY(-48%)rotate(-90deg)scaleX(-1)}@media (min-width: 480px){.aksel-guide-panel[data-responsive=true] .aksel-guide-panel__tail{top:calc(var(--__axc-guide-panel-guide-size) / 2);left:calc(var(--ax-space-20) * -1 - 2px);transform:translateY(-48%)rotate(-90deg)scaleX(-1)}}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-help-text__button{cursor:pointer;border-radius:var(--ax-radius-full);color:var(--ax-bg-info-strong);padding:calc(var(--ax-space-4) / 2);background-color:#0000;border:0;justify-content:center;align-items:center;margin:0;font-size:1.25rem;display:flex}.aksel-help-text__icon{border-radius:var(--ax-radius-full)}.aksel-help-text__popover.aksel-popover{background-color:var(--ax-bg-info-moderate);max-width:min(65ch,calc(100vw - var(--ax-space-24)));border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-info)}.aksel-help-text__icon--filled,.aksel-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.aksel-help-text__icon{display:none}.aksel-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.aksel-help-text__icon--filled{display:inherit;color:var(--ax-bg-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 +0,0 @@
|
|
|
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:hover,.aksel-link:active{text-decoration-thickness:.111em}.aksel-link:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-radius:1px}.aksel-link.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 +0,0 @@
|
|
|
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}: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}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-loader{stroke-width:6px;--__axc-loader-stroke-width: 5.9;width:1.5rem;animation:1.8s linear infinite loader-rotate;display:inline-block;position:relative}.aksel-loader.aksel-loader--3xlarge{stroke-width:5px;--__axc-loader-stroke-width: 4.8;width:5.5rem}.aksel-loader.aksel-loader--2xlarge{stroke-width:6px;--__axc-loader-stroke-width: 5.8;width:4rem}.aksel-loader.aksel-loader--xlarge{stroke-width:6px;--__axc-loader-stroke-width: 5.8;width:2.5rem}.aksel-loader.aksel-loader--large{stroke-width:7px;--__axc-loader-stroke-width: 6.8;width:2rem}.aksel-loader.aksel-loader--medium{stroke-width:7px;--__axc-loader-stroke-width: 6.8;width:1.5rem}.aksel-loader.aksel-loader--small{stroke-width:8px;--__axc-loader-stroke-width: 7.8;width:1.25rem}.aksel-loader.aksel-loader--xsmall{stroke-width:8px;--__axc-loader-stroke-width: 7.8;width:1rem}.aksel-loader__foreground{stroke-dasharray:80 200;stroke-dashoffset:0;stroke:var(--ax-border-neutral-strong);stroke-linecap:round;stroke-width:var(--__axc-loader-stroke-width);animation:1.5s ease-in-out infinite loader-dasharray}.aksel-loader__background{stroke:var(--ax-border-neutral-subtleA);stroke-width:var(--__axc-loader-stroke-width)}.aksel-loader--neutral .aksel-loader__foreground{stroke:var(--ax-border-neutral-strong)}.aksel-loader--interaction .aksel-loader__foreground{stroke:var(--ax-border-accent-strong)}.aksel-loader--interaction .aksel-loader__background{stroke:var(--ax-border-accent-subtleA)}.aksel-loader--inverted .aksel-loader__foreground{stroke:var(--ax-border-neutral-subtle)}.aksel-loader--inverted .aksel-loader__background{stroke:var(--ax-border-neutral-strong)}.aksel-loader--transparent .aksel-loader__background{stroke:#0000}@keyframes loader-rotate{to{transform:rotate(360deg)}}@keyframes loader-dasharray{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:100 200;stroke-dashoffset:-15px}to{stroke-dasharray:100 200;stroke-dashoffset:-120px}}@media (forced-colors: active){.aksel-loader__background{stroke:canvastext}}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-progress-bar{background:var(--ax-bg-neutral-moderateA);border-radius:var(--ax-radius-full);box-shadow:inset 0 0 0 1px var(--ax-border-neutral-subtleA);position:relative;overflow:hidden}.aksel-progress-bar--small{min-width:.75rem;height:.75rem}.aksel-progress-bar--medium{min-width:1rem;height:1rem}.aksel-progress-bar--large{min-width:1.5rem;height:1.5rem}.aksel-progress-bar__foreground{--__ac-progress-bar-translate: initial;transform:translate(var(--__ac-progress-bar-translate));background:var(--ax-bg-info-strong);transform-origin:0;border-radius:inherit;width:100%;transition:transform .2s;position:absolute;top:0;bottom:0;left:0}.aksel-progress-bar__foreground--indeterminate{--__ac-progress-bar-simulated: initial;animation-name:aksel-progress-bar-indeterminate-grow,aksel-progress-bar-indeterminate;animation-timing-function:ease-in-out,ease-in-out;animation-duration:var(--__ac-progress-bar-simulated),2.5s;animation-iteration-count:1,infinite;animation-fill-mode:forwards,none;animation-delay:0s,var(--__ac-progress-bar-simulated)}@keyframes aksel-progress-bar-indeterminate{0%{width:50%;left:-50%;transform:translate(0)}50%{width:50%;animation-direction:reverse;left:100%;transform:translate(0)}to{width:50%;left:-50%;transform:translate(0)}}@keyframes aksel-progress-bar-indeterminate-grow{0%{transform:translate(-100%)}20%{transform:translate(-80%)}30%{transform:translate(-40%)}50%{transform:translate(-20%)}75%{transform:translate(-10%)}to{transform:translate(-10%)}}@media (forced-colors: active){.aksel-progress-bar__foreground{background:highlight}.aksel-progress-bar{outline-offset:-1px;outline:1px solid rgba(0,0,0,0)}}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-read-more{--__axc-read-more-icon-size: 1.5rem;--__axc-read-more-pi-start: 0px;--__axc-read-more-pi-end: var(--ax-space-4);--__axc-read-more-pb: var(--ax-space-4)}.aksel-read-more__button{cursor:pointer;align-items:flex-start;gap:var(--ax-space-4);color:var(--ax-text-accent-subtle);padding-inline:var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);padding-block:var(--__axc-read-more-pb);text-align:start;background:none;border:none;margin:0;display:flex}.aksel-read-more__button:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-read-more__button[data-state=open] .aksel-read-more__expand-icon{transform:rotateX(-180deg)}.aksel-read-more:is([data-volume=low],:not([data-volume])) .aksel-read-more__button{border-radius:var(--ax-radius-4)}.aksel-read-more:is([data-volume=low],:not([data-volume])) .aksel-read-more__button:hover{background-color:var(--ax-bg-neutral-moderate-hoverA)}.aksel-read-more[data-volume=high] .aksel-read-more__button{background-color:var(--ax-bg-accent-moderate);border-radius:var(--ax-radius-full)}.aksel-read-more[data-volume=high] .aksel-read-more__button:hover{background-color:var(--ax-bg-accent-moderate-hoverA);color:var(--ax-text-accent)}.aksel-read-more[data-volume=high].aksel-read-more--large{--__axc-read-more-pi-start: var(--ax-space-12);--__axc-read-more-pi-end: var(--ax-space-24)}.aksel-read-more[data-volume=high].aksel-read-more--small,.aksel-read-more[data-volume=high].aksel-read-more--medium{--__axc-read-more-pi-start: var(--ax-space-8);--__axc-read-more-pi-end: var(--ax-space-16)}.aksel-read-more__content{margin-top:var(--ax-space-8);border-left:2px solid var(--ax-border-neutral-subtleA);color:var(--ax-text-neutral);margin-left:calc(var(--__axc-read-more-pi-start) + var(--__axc-read-more-icon-size) / 2 - 1px);padding-left:calc(var(--__axc-read-more-icon-size) / 2 - 1px + var(--ax-space-4))}.aksel-read-more__content[data-state=closed]{display:none}.aksel-read-more__expand-icon{font-size:var(--__axc-read-more-icon-size);flex-shrink:0;transition:transform .1s cubic-bezier(.2,0,0,1)}.aksel-read-more--large{--__axc-read-more-pb: var(--ax-space-12)}.aksel-read-more--small{--__axc-read-more-icon-size: 1.25rem;--__axc-read-more-pb: var(--ax-space-2)}@media (forced-colors: active){.aksel-read-more__button{color:buttontext;background-color:buttonface;border:1px solid buttontext}}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-stepper{--__axc-stepper-circle-size: 1.75rem;--__axc-stepper-border-width: 2px;--__axc-stepper-line-length: 1rem;color:var(--ax-text-accent-subtle);font-weight:var(--ax-font-weight-bold);margin:0;padding-left:0;line-height:1;list-style:none}.aksel-stepper__item{grid-template-rows:[line-1] auto [step-start] var(--__axc-stepper-circle-size) [line-2 step-end] auto;grid-template-columns:var(--__axc-stepper-circle-size) auto;justify-items:flex-start;gap:var(--ax-space-8);display:grid}.aksel-stepper__line{background-color:var(--ax-border-accent);width:var(--__axc-stepper-border-width);height:100%;min-height:var(--__axc-stepper-line-length);grid-column:1;justify-self:center}.aksel-stepper__item--non-interactive .aksel-stepper__line{background-color:var(--ax-border-neutral-strong)}.aksel-stepper__item:has(+.aksel-stepper__item>.aksel-stepper__step[data-interactive=false]) .aksel-stepper__line--2{background-color:var(--ax-border-neutral-strong)}.aksel-stepper__line--1{grid-row:line-1;display:none}.aksel-stepper__line--2{grid-row:line-2}.aksel-stepper__item:last-of-type .aksel-stepper__line--2{display:none}.aksel-stepper__step{grid-area:2 / 1 / -1 / -1;grid-template-columns:[circle] var(--__axc-stepper-circle-size) [content] auto;gap:var(--ax-space-8);cursor:pointer;padding:var(--__axc-stepper-border-width);margin:calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1) var(--__axc-stepper-circle-size);justify-content:flex-start;width:100%;display:grid}.aksel-stepper__step:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;isolation:isolate}.aksel-stepper__item:last-child .aksel-stepper__step{margin-bottom:0}.aksel-stepper__step:is(button){appearance:none;font:inherit;color:inherit;text-align:inherit;background-color:#0000;border:none}.aksel-stepper__circle{width:var(--__axc-stepper-circle-size);height:var(--__axc-stepper-circle-size);border:var(--__axc-stepper-border-width) solid currentColor;border-radius:var(--ax-radius-full);grid-column:circle;place-items:center;line-height:1;display:inline-grid}.aksel-stepper__circle--success{font-size:var(--__axc-stepper-circle-size);background:none}.aksel-stepper__step[data-interactive=true]{color:var(--ax-text-accent-subtle);border-radius:var(--ax-radius-4);text-decoration:none}.aksel-stepper__step[data-interactive=true] .aksel-stepper__content{text-underline-offset:.1em;text-decoration:underline;text-decoration-thickness:.05em}:is(.aksel-stepper__step[data-interactive=true]:hover,.aksel-stepper__step[data-interactive=true]:active) .aksel-stepper__content{text-decoration-thickness:.111em}.aksel-stepper__step[data-interactive=true] .aksel-stepper__circle{color:var(--ax-text-accent-subtle);border-color:var(--ax-border-accent-strong)}.aksel-stepper__step[data-interactive=true][data-active=true] .aksel-stepper__content{text-decoration:none}.aksel-stepper__step[data-interactive=true][data-active=true] .aksel-stepper__circle{color:var(--ax-text-accent-contrast);background-color:var(--ax-bg-accent-strong-pressed);border-color:var(--ax-bg-accent-strong-pressed)}.aksel-stepper__step[data-interactive=true][data-active=false]:hover .aksel-stepper__circle{background-color:var(--ax-bg-accent-moderate-hoverA);border-color:var(--ax-border-accent-strong)}.aksel-stepper__step[data-interactive=false]{color:var(--ax-text-neutral-subtle);cursor:default}.aksel-stepper__step[data-interactive=false] .aksel-stepper__circle{border-color:var(--ax-border-neutral-strong)}.aksel-stepper__step[data-interactive=false][data-active=true] .aksel-stepper__circle{color:var(--ax-text-neutral-contrast);background-color:var(--ax-bg-neutral-strong-pressed);border-color:var(--ax-bg-neutral-strong-pressed)}.aksel-stepper__content{grid-column:content;min-width:fit-content;padding-top:.035rem;line-height:1.5}.aksel-stepper[data-orientation=horizontal]{text-align:center;align-items:flex-start;display:flex}.aksel-stepper[data-orientation=horizontal] .aksel-stepper__line{height:var(--__axc-stepper-border-width);grid-row:1;align-self:center;width:100%;min-height:auto;display:block}.aksel-stepper[data-orientation=horizontal] .aksel-stepper__line--1{grid-column:line-1}.aksel-stepper[data-orientation=horizontal] .aksel-stepper__line--2{grid-column:line-2}.aksel-stepper[data-orientation=horizontal] .aksel-stepper__item{grid-template-columns:[line-1-start] 1fr [step-start] auto [line-1-end] var(--__axc-stepper-circle-size) [line-2-start] auto [step-end] 1fr [line-2-end];grid-template-rows:var(--__axc-stepper-circle-size) auto;flex:100%}.aksel-stepper[data-orientation=horizontal] .aksel-stepper__item:first-of-type .aksel-stepper__line--1,.aksel-stepper[data-orientation=horizontal] .aksel-stepper__item:last-of-type .aksel-stepper__line--2{visibility:hidden}.aksel-stepper[data-orientation=horizontal] .aksel-stepper__step{grid-area:1 / step / -1;grid-template-rows:[circle] var(--__axc-stepper-circle-size) [content] auto;grid-template-columns:[content-start] auto [circle] var(--__axc-stepper-circle-size) [content-end] auto;place-items:center;margin-bottom:0;display:grid}.aksel-stepper[data-orientation=horizontal] .aksel-stepper__circle{grid-area:circle / 2}.aksel-stepper[data-orientation=horizontal] .aksel-stepper__content{grid-area:content / 1 / content / -1;max-width:24ch}@media (forced-colors: active){.aksel-stepper__circle.aksel-stepper__circle{outline-offset:2px;border:0;outline:2px solid buttontext}.aksel-stepper__line.aksel-stepper__line{background-color:buttontext}.aksel-stepper__step[data-active=true][data-interactive] .aksel-stepper__circle{forced-color-adjust:none;color:highlighttext;background-color:highlight}}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-table{border-collapse:collapse;width:100%;display:table}.aksel-table__header{display:table-header-group}.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-accent-moderate-hoverA)}.aksel-table__row{display:table-row}.aksel-table__row--selected{background-color:var(--ax-bg-accent-softA)}.aksel-table__row--selected+.aksel-table__expanded-row{background-color:var(--ax-bg-accent-softA)}.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-accent-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-accent-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-accent-moderate-pressedA);color:var(--ax-text-accent)}.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-accent-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-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 +0,0 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-tabs__tablist-wrapper{box-shadow:inset 0 -1px var(--ax-border-neutral-subtleA);width:100%;display:flex}.aksel-tabs__tablist{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;width:100%;max-width:100%;display:flex;overflow-x:scroll}.aksel-tabs__tablist::-webkit-scrollbar{display:none}.aksel-tabs__scroll-button{padding:var(--ax-space-12) var(--ax-space-16);cursor:pointer;justify-content:center;align-items:center;width:2.75rem;display:flex}.aksel-tabs__scroll-button svg{flex-shrink:0;font-size:1.25rem}.aksel-tabs--small .aksel-tabs__scroll-button{padding:var(--ax-space-6) var(--ax-space-16);width:2rem}.aksel-tabs__scroll-button--hidden{visibility:hidden}.aksel-tabs__tab{min-height:3rem;padding:var(--ax-space-12) var(--ax-space-16);color:var(--ax-text-neutral);cursor:pointer;--__axc-tabs-line-width: 0;--__axc-tabs-line-color: var(--ax-border-neutral-subtleA);box-shadow:inset 0 var(--__axc-tabs-line-width) var(--__axc-tabs-line-color);background:none;border:none;justify-content:center;align-items:center;transition:box-shadow .2s cubic-bezier(.2,0,0,1);display:inline-flex}.aksel-tabs__tab:hover{--__axc-tabs-line-width: -4px}.aksel-tabs__tab[data-state=active]{--__axc-tabs-line-width: -4px;--__axc-tabs-line-color: var(--ax-border-accent-strong)}.aksel-tabs__tab:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-3px}.aksel-tabs__tab-inner{align-items:center;gap:var(--ax-space-4);display:flex}.aksel-tabs__tab-inner>*{display:inline-flex}.aksel-tabs__tab-inner svg{flex-shrink:0}.aksel-tabs__tab-icon--top>.aksel-tabs__tab-inner{flex-direction:column;gap:0}.aksel-tabs__tab--small{min-height:2rem;padding:var(--ax-space-6) var(--ax-space-16)}.aksel-tabs__tab-icon--top,.aksel-tabs__tab--small.aksel-tabs__tab-icon--top{padding:var(--ax-space-4) var(--ax-space-16)}:is(.aksel-tabs__tab,.aksel-tabs__tab--small.aksel-tabs__tab--icon-only,.aksel-tabs__tab--small.aksel-tabs__tab-icon--top) svg{font-size:1.25rem}.aksel-tabs__tab--small svg{font-size:1rem}:is(.aksel-tabs__tab--icon-only,.aksel-tabs__tab-icon--top) svg{font-size:1.5rem}.aksel-tabs__tab--fill{flex:100%}.aksel-tabs__tabpanel:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-3px}@media (forced-colors: active){.aksel-tabs__tab[data-state=active]{border-bottom:3px solid canvastext;padding-block-end:calc(var(--ax-space-12) - 3px)}.aksel-tabs__tab--small[data-state=active]{padding-block-end:calc(var(--ax-space-6) - 3px)}.aksel-tabs__tab-icon--top[data-state=active],.aksel-tabs__tab--small.aksel-tabs__tab-icon--top[data-state=active]{padding-block-end:calc(var(--ax-space-4) - 3px)}}}
|