@navikt/ds-css 7.21.1 → 7.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/darkside/accordion.darkside.css +2 -2
- package/darkside/action-menu.darkside.css +5 -5
- package/darkside/alert.darkside.css +5 -5
- package/darkside/button.darkside.css +1 -1
- package/darkside/chat.darkside.css +5 -5
- package/darkside/chips.darkside.css +2 -2
- package/darkside/date.darkside.css +7 -7
- package/darkside/dropdown.darkside.css +1 -1
- package/darkside/expansioncard.darkside.css +3 -3
- package/darkside/form/combobox.darkside.css +7 -7
- package/darkside/form/confirmation-panel.darkside.css +3 -3
- package/darkside/form/error-summary.darkside.css +1 -1
- package/darkside/form/file-upload.darkside.css +5 -5
- package/darkside/form/form-progress.darkside.css +1 -1
- package/darkside/form/form-summary.darkside.css +2 -2
- package/darkside/form/radio-checkbox.darkside.css +3 -3
- package/darkside/form/search.darkside.css +3 -3
- package/darkside/form/select.darkside.css +1 -1
- package/darkside/form/switch.darkside.css +3 -3
- package/darkside/form/text-field.darkside.css +1 -1
- package/darkside/form/textarea.darkside.css +1 -1
- package/darkside/guide-panel.darkside.css +3 -3
- package/darkside/help-text.darkside.css +3 -3
- package/darkside/modal.darkside.css +1 -1
- package/darkside/panel.darkside.css +1 -1
- package/darkside/popover.darkside.css +1 -1
- package/darkside/primitives/box.darkside.css +19 -19
- package/darkside/progress-bar.darkside.css +1 -1
- package/darkside/read-more.darkside.css +2 -2
- package/darkside/skeleton.darkside.css +3 -3
- package/darkside/stepper.darkside.css +2 -2
- package/darkside/table.darkside.css +1 -1
- package/darkside/tag.darkside.css +1 -1
- package/darkside/timeline.darkside.css +12 -12
- package/darkside/toggle-group.darkside.css +2 -2
- package/darkside/tooltip.darkside.css +2 -2
- package/dist/component/primitives.css +13 -13
- package/dist/component/primitives.min.css +1 -1
- package/dist/components.css +13 -13
- package/dist/components.min.css +1 -1
- package/dist/darkside/component/accordion.css +2 -2
- package/dist/darkside/component/accordion.min.css +1 -1
- package/dist/darkside/component/actionmenu.css +5 -5
- package/dist/darkside/component/actionmenu.min.css +1 -1
- package/dist/darkside/component/alert.css +5 -5
- package/dist/darkside/component/alert.min.css +1 -1
- package/dist/darkside/component/button.css +1 -1
- package/dist/darkside/component/button.min.css +1 -1
- package/dist/darkside/component/chat.css +5 -5
- package/dist/darkside/component/chat.min.css +1 -1
- package/dist/darkside/component/chips.css +2 -2
- package/dist/darkside/component/chips.min.css +1 -1
- package/dist/darkside/component/date.css +7 -7
- package/dist/darkside/component/date.min.css +1 -1
- package/dist/darkside/component/dropdown.css +1 -1
- package/dist/darkside/component/dropdown.min.css +1 -1
- package/dist/darkside/component/expansioncard.css +3 -3
- package/dist/darkside/component/expansioncard.min.css +1 -1
- package/dist/darkside/component/form.css +31 -31
- package/dist/darkside/component/form.min.css +1 -1
- package/dist/darkside/component/guidepanel.css +3 -3
- package/dist/darkside/component/guidepanel.min.css +1 -1
- package/dist/darkside/component/helptext.css +3 -3
- package/dist/darkside/component/helptext.min.css +1 -1
- package/dist/darkside/component/modal.css +1 -1
- package/dist/darkside/component/modal.min.css +1 -1
- package/dist/darkside/component/panel.css +1 -1
- package/dist/darkside/component/panel.min.css +1 -1
- package/dist/darkside/component/popover.css +1 -1
- package/dist/darkside/component/popover.min.css +1 -1
- package/dist/darkside/component/primitives.css +19 -19
- package/dist/darkside/component/primitives.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 +2 -2
- package/dist/darkside/component/readmore.min.css +1 -1
- package/dist/darkside/component/skeleton.css +3 -3
- package/dist/darkside/component/skeleton.min.css +1 -1
- package/dist/darkside/component/stepper.css +2 -2
- package/dist/darkside/component/stepper.min.css +1 -1
- package/dist/darkside/component/table.css +1 -1
- package/dist/darkside/component/table.min.css +1 -1
- package/dist/darkside/component/tag.css +1 -1
- package/dist/darkside/component/tag.min.css +1 -1
- package/dist/darkside/component/timeline.css +12 -12
- package/dist/darkside/component/timeline.min.css +1 -1
- package/dist/darkside/component/togglegroup.css +2 -2
- package/dist/darkside/component/togglegroup.min.css +1 -1
- package/dist/darkside/component/tooltip.css +2 -2
- package/dist/darkside/component/tooltip.min.css +1 -1
- package/dist/darkside/components.css +116 -116
- package/dist/darkside/components.min.css +1 -1
- package/dist/darkside/global/tokens.css +29 -24
- package/dist/darkside/global/tokens.min.css +1 -1
- package/dist/darkside/index.css +145 -140
- package/dist/darkside/index.min.css +1 -1
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/accordion.css +2 -2
- package/dist/darkside/version/7.22.0/component/accordion.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/actionmenu.css +5 -5
- package/dist/darkside/version/7.22.0/component/actionmenu.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/alert.css +5 -5
- package/dist/darkside/version/7.22.0/component/alert.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/button.css +1 -1
- package/dist/darkside/version/7.22.0/component/button.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/chat.css +5 -5
- package/dist/darkside/version/7.22.0/component/chat.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/chips.css +2 -2
- package/dist/darkside/version/7.22.0/component/chips.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/date.css +7 -7
- package/dist/darkside/version/7.22.0/component/date.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/dropdown.css +1 -1
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/dropdown.min.css +1 -1
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/expansioncard.css +3 -3
- package/dist/darkside/version/7.22.0/component/expansioncard.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/form.css +31 -31
- package/dist/darkside/version/7.22.0/component/form.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/guidepanel.css +3 -3
- package/dist/darkside/version/7.22.0/component/guidepanel.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/helptext.css +3 -3
- package/dist/darkside/version/7.22.0/component/helptext.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/modal.css +1 -1
- package/dist/darkside/version/7.22.0/component/modal.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/panel.css +1 -1
- package/dist/darkside/version/7.22.0/component/panel.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/popover.css +1 -1
- package/dist/darkside/version/7.22.0/component/popover.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/primitives.css +19 -19
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/primitives.min.css +1 -1
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/progressbar.css +1 -1
- package/dist/darkside/version/7.22.0/component/progressbar.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/readmore.css +2 -2
- package/dist/darkside/version/7.22.0/component/readmore.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/skeleton.css +3 -3
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/skeleton.min.css +1 -1
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/stepper.css +2 -2
- package/dist/darkside/version/7.22.0/component/stepper.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/table.css +1 -1
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/table.min.css +1 -1
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/tag.css +1 -1
- package/dist/darkside/version/7.22.0/component/tag.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/timeline.css +12 -12
- package/dist/darkside/version/7.22.0/component/timeline.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/togglegroup.css +2 -2
- package/dist/darkside/version/7.22.0/component/togglegroup.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/component/tooltip.css +2 -2
- package/dist/darkside/version/7.22.0/component/tooltip.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/components.css +116 -116
- package/dist/darkside/version/7.22.0/components.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/global/tokens.css +29 -24
- package/dist/darkside/version/7.22.0/global/tokens.min.css +1 -0
- package/dist/darkside/version/{7.21.1 → 7.22.0}/index.css +145 -140
- package/dist/darkside/version/7.22.0/index.min.css +1 -0
- package/dist/global/tokens.css +6 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +19 -14
- package/dist/index.min.css +2 -2
- package/package.json +6 -5
- package/primitives/box.css +13 -13
- package/dist/darkside/version/7.21.1/component/accordion.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/actionmenu.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/alert.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/button.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/chat.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/chips.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/date.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/expansioncard.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/form.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/guidepanel.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/helptext.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/modal.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/panel.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/popover.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/progressbar.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/readmore.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/stepper.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/tag.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/timeline.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/togglegroup.min.css +0 -1
- package/dist/darkside/version/7.21.1/component/tooltip.min.css +0 -1
- package/dist/darkside/version/7.21.1/components.min.css +0 -1
- package/dist/darkside/version/7.21.1/global/tokens.min.css +0 -1
- package/dist/darkside/version/7.21.1/index.min.css +0 -1
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/copybutton.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/copybutton.min.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/internalheader.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/internalheader.min.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/link.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/link.min.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/linkpanel.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/linkpanel.min.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/list.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/list.min.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/loader.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/loader.min.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/pagination.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/pagination.min.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/tabs.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/tabs.min.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/theme.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/theme.min.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/typography.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/component/typography.min.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/global/baseline.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/global/baseline.min.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/global/fonts.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/global/fonts.min.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/global/print.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/global/print.min.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/global/reset.css +0 -0
- /package/dist/darkside/version/{7.21.1 → 7.22.0}/global/reset.min.css +0 -0
|
@@ -800,15 +800,15 @@
|
|
|
800
800
|
border-width: var(--__axc-box-border-width, 0);
|
|
801
801
|
}
|
|
802
802
|
|
|
803
|
-
.aksel-box-
|
|
804
|
-
--__axc-box-
|
|
805
|
-
--__axc-box-
|
|
806
|
-
--__axc-box-
|
|
807
|
-
--__axc-box-
|
|
808
|
-
--__axc-box-
|
|
809
|
-
--__axc-box-
|
|
810
|
-
--__axc-box-
|
|
811
|
-
border-radius: var(--__axc-box-
|
|
803
|
+
.aksel-box-radius {
|
|
804
|
+
--__axc-box-radius-xs: initial;
|
|
805
|
+
--__axc-box-radius-sm: var(--__axc-box-radius-xs);
|
|
806
|
+
--__axc-box-radius-md: var(--__axc-box-radius-sm);
|
|
807
|
+
--__axc-box-radius-lg: var(--__axc-box-radius-md);
|
|
808
|
+
--__axc-box-radius-xl: var(--__axc-box-radius-lg);
|
|
809
|
+
--__axc-box-radius-2xl: var(--__axc-box-radius-xl);
|
|
810
|
+
--__axc-box-radius: var(--__axc-box-radius-xs);
|
|
811
|
+
border-radius: var(--__axc-box-radius);
|
|
812
812
|
}
|
|
813
813
|
|
|
814
814
|
.aksel-box-shadow {
|
|
@@ -817,32 +817,32 @@
|
|
|
817
817
|
}
|
|
818
818
|
|
|
819
819
|
@media (min-width: 480px) {
|
|
820
|
-
.aksel-box-
|
|
821
|
-
--__axc-box-
|
|
820
|
+
.aksel-box-radius {
|
|
821
|
+
--__axc-box-radius: var(--__axc-box-radius-sm);
|
|
822
822
|
}
|
|
823
823
|
}
|
|
824
824
|
|
|
825
825
|
@media (min-width: 768px) {
|
|
826
|
-
.aksel-box-
|
|
827
|
-
--__axc-box-
|
|
826
|
+
.aksel-box-radius {
|
|
827
|
+
--__axc-box-radius: var(--__axc-box-radius-md);
|
|
828
828
|
}
|
|
829
829
|
}
|
|
830
830
|
|
|
831
831
|
@media (min-width: 1024px) {
|
|
832
|
-
.aksel-box-
|
|
833
|
-
--__axc-box-
|
|
832
|
+
.aksel-box-radius {
|
|
833
|
+
--__axc-box-radius: var(--__axc-box-radius-lg);
|
|
834
834
|
}
|
|
835
835
|
}
|
|
836
836
|
|
|
837
837
|
@media (min-width: 1280px) {
|
|
838
|
-
.aksel-box-
|
|
839
|
-
--__axc-box-
|
|
838
|
+
.aksel-box-radius {
|
|
839
|
+
--__axc-box-radius: var(--__axc-box-radius-xl);
|
|
840
840
|
}
|
|
841
841
|
}
|
|
842
842
|
|
|
843
843
|
@media (min-width: 1440px) {
|
|
844
|
-
.aksel-box-
|
|
845
|
-
--__axc-box-
|
|
844
|
+
.aksel-box-radius {
|
|
845
|
+
--__axc-box-radius: var(--__axc-box-radius-2xl);
|
|
846
846
|
}
|
|
847
847
|
}
|
|
848
848
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.layout{.aksel-r-p{--__axc-r-p-xs: initial;--__axc-r-p-sm: var(--__axc-r-p-xs);--__axc-r-p-md: var(--__axc-r-p-sm);--__axc-r-p-lg: var(--__axc-r-p-md);--__axc-r-p-xl: var(--__axc-r-p-lg);--__axc-r-p-2xl: var(--__axc-r-p-xl);--__axc-r-padding: var(--__axc-r-p-xs);padding:var(--__axc-r-padding)}.aksel-r-pi{--__axc-r-pi-xs: initial;--__axc-r-pi-sm: var(--__axc-r-pi-xs);--__axc-r-pi-md: var(--__axc-r-pi-sm);--__axc-r-pi-lg: var(--__axc-r-pi-md);--__axc-r-pi-xl: var(--__axc-r-pi-lg);--__axc-r-pi-2xl: var(--__axc-r-pi-xl);--__axc-r-pi: var(--__axc-r-pi-xs);padding-inline:var(--__axc-r-pi, var(--__axc-r-padding))}.aksel-r-pb{--__axc-r-pb-xs: initial;--__axc-r-pb-sm: var(--__axc-r-pb-xs);--__axc-r-pb-md: var(--__axc-r-pb-sm);--__axc-r-pb-lg: var(--__axc-r-pb-md);--__axc-r-pb-xl: var(--__axc-r-pb-lg);--__axc-r-pb-2xl: var(--__axc-r-pb-xl);--__axc-r-pb: var(--__axc-r-pb-xs);padding-block:var(--__axc-r-pb, var(--__axc-r-padding))}.aksel-r-m{--__axc-r-m-xs: initial;--__axc-r-m-sm: var(--__axc-r-m-xs);--__axc-r-m-md: var(--__axc-r-m-sm);--__axc-r-m-lg: var(--__axc-r-m-md);--__axc-r-m-xl: var(--__axc-r-m-lg);--__axc-r-m-2xl: var(--__axc-r-m-xl);--__axc-r-margin: var(--__axc-r-m-xs);margin:var(--__axc-r-margin)}.aksel-r-mi{--__axc-r-mi-xs: initial;--__axc-r-mi-sm: var(--__axc-r-mi-xs);--__axc-r-mi-md: var(--__axc-r-mi-sm);--__axc-r-mi-lg: var(--__axc-r-mi-md);--__axc-r-mi-xl: var(--__axc-r-mi-lg);--__axc-r-mi-2xl: var(--__axc-r-mi-xl);--__axc-r-mi: var(--__axc-r-mi-xs);margin-inline:var(--__axc-r-mi, var(--__axc-r-margin))}.aksel-r-mb{--__axc-r-mb-xs: initial;--__axc-r-mb-sm: var(--__axc-r-mb-xs);--__axc-r-mb-md: var(--__axc-r-mb-sm);--__axc-r-mb-lg: var(--__axc-r-mb-md);--__axc-r-mb-xl: var(--__axc-r-mb-lg);--__axc-r-mb-2xl: var(--__axc-r-mb-xl);--__axc-r-mb: var(--__axc-r-mb-xs);margin-block:var(--__axc-r-mb, var(--__axc-r-margin))}.aksel-r-w{--__axc-r-w-xs: initial;--__axc-r-w-sm: var(--__axc-r-w-xs);--__axc-r-w-md: var(--__axc-r-w-sm);--__axc-r-w-lg: var(--__axc-r-w-md);--__axc-r-w-xl: var(--__axc-r-w-lg);--__axc-r-w-2xl: var(--__axc-r-w-xl);--__axc-r-w: var(--__axc-r-w-xs);width:var(--__axc-r-w)}.aksel-r-minw{--__axc-r-minw-xs: initial;--__axc-r-minw-sm: var(--__axc-r-minw-xs);--__axc-r-minw-md: var(--__axc-r-minw-sm);--__axc-r-minw-lg: var(--__axc-r-minw-md);--__axc-r-minw-xl: var(--__axc-r-minw-lg);--__axc-r-minw-2xl: var(--__axc-r-minw-xl);--__axc-r-minw: var(--__axc-r-minw-xs);min-width:var(--__axc-r-minw)}.aksel-r-maxw{--__axc-r-maxw-xs: initial;--__axc-r-maxw-sm: var(--__axc-r-maxw-xs);--__axc-r-maxw-md: var(--__axc-r-maxw-sm);--__axc-r-maxw-lg: var(--__axc-r-maxw-md);--__axc-r-maxw-xl: var(--__axc-r-maxw-lg);--__axc-r-maxw-2xl: var(--__axc-r-maxw-xl);--__axc-r-maxw: var(--__axc-r-maxw-xs);max-width:var(--__axc-r-maxw)}.aksel-r-h{--__axc-r-h-xs: initial;--__axc-r-h-sm: var(--__axc-r-h-xs);--__axc-r-h-md: var(--__axc-r-h-sm);--__axc-r-h-lg: var(--__axc-r-h-md);--__axc-r-h-xl: var(--__axc-r-h-lg);--__axc-r-h-2xl: var(--__axc-r-h-xl);--__axc-r-h: var(--__axc-r-h-xs);height:var(--__axc-r-h)}.aksel-r-minh{--__axc-r-minh-xs: initial;--__axc-r-minh-sm: var(--__axc-r-minh-xs);--__axc-r-minh-md: var(--__axc-r-minh-sm);--__axc-r-minh-lg: var(--__axc-r-minh-md);--__axc-r-minh-xl: var(--__axc-r-minh-lg);--__axc-r-minh-2xl: var(--__axc-r-minh-xl);--__axc-r-minh: var(--__axc-r-minh-xs);min-height:var(--__axc-r-minh)}.aksel-r-maxh{--__axc-r-maxh-xs: initial;--__axc-r-maxh-sm: var(--__axc-r-maxh-xs);--__axc-r-maxh-md: var(--__axc-r-maxh-sm);--__axc-r-maxh-lg: var(--__axc-r-maxh-md);--__axc-r-maxh-xl: var(--__axc-r-maxh-lg);--__axc-r-maxh-2xl: var(--__axc-r-maxh-xl);--__axc-r-maxh: var(--__axc-r-maxh-xs);max-height:var(--__axc-r-maxh)}.aksel-r-position{--__axc-r-position-xs: initial;--__axc-r-position-sm: var(--__axc-r-position-xs);--__axc-r-position-md: var(--__axc-r-position-sm);--__axc-r-position-lg: var(--__axc-r-position-md);--__axc-r-position-xl: var(--__axc-r-position-lg);--__axc-r-position-2xl: var(--__axc-r-position-xl);--__axc-r-position: var(--__axc-r-position-xs);position:var(--__axc-r-position)}.aksel-r-inset{--__axc-r-inset-xs: initial;--__axc-r-inset-sm: var(--__axc-r-inset-xs);--__axc-r-inset-md: var(--__axc-r-inset-sm);--__axc-r-inset-lg: var(--__axc-r-inset-md);--__axc-r-inset-xl: var(--__axc-r-inset-lg);--__axc-r-inset-2xl: var(--__axc-r-inset-xl);--__axc-r-inset: var(--__axc-r-inset-xs);inset:var(--__axc-r-inset)}.aksel-r-top{--__axc-r-top-xs: initial;--__axc-r-top-sm: var(--__axc-r-top-xs);--__axc-r-top-md: var(--__axc-r-top-sm);--__axc-r-top-lg: var(--__axc-r-top-md);--__axc-r-top-xl: var(--__axc-r-top-lg);--__axc-r-top-2xl: var(--__axc-r-top-xl);--__axc-r-top: var(--__axc-r-top-xs);top:var(--__axc-r-top)}.aksel-r-right{--__axc-r-right-xs: initial;--__axc-r-right-sm: var(--__axc-r-right-xs);--__axc-r-right-md: var(--__axc-r-right-sm);--__axc-r-right-lg: var(--__axc-r-right-md);--__axc-r-right-xl: var(--__axc-r-right-lg);--__axc-r-right-2xl: var(--__axc-r-right-xl);--__axc-r-right: var(--__axc-r-right-xs);right:var(--__axc-r-right)}.aksel-r-bottom{--__axc-r-bottom-xs: initial;--__axc-r-bottom-sm: var(--__axc-r-bottom-xs);--__axc-r-bottom-md: var(--__axc-r-bottom-sm);--__axc-r-bottom-lg: var(--__axc-r-bottom-md);--__axc-r-bottom-xl: var(--__axc-r-bottom-lg);--__axc-r-bottom-2xl: var(--__axc-r-bottom-xl);--__axc-r-bottom: var(--__axc-r-bottom-xs);bottom:var(--__axc-r-bottom)}.aksel-r-left{--__axc-r-left-xs: initial;--__axc-r-left-sm: var(--__axc-r-left-xs);--__axc-r-left-md: var(--__axc-r-left-sm);--__axc-r-left-lg: var(--__axc-r-left-md);--__axc-r-left-xl: var(--__axc-r-left-lg);--__axc-r-left-2xl: var(--__axc-r-left-xl);--__axc-r-left: var(--__axc-r-left-xs);left:var(--__axc-r-left)}.aksel-r-overflow{--__axc-r-overflow-xs: initial;--__axc-r-overflow-sm: var(--__axc-r-overflow-xs);--__axc-r-overflow-md: var(--__axc-r-overflow-sm);--__axc-r-overflow-lg: var(--__axc-r-overflow-md);--__axc-r-overflow-xl: var(--__axc-r-overflow-lg);--__axc-r-overflow-2xl: var(--__axc-r-overflow-xl);--__axc-r-overflow: var(--__axc-r-overflow-xs);overflow:var(--__axc-r-overflow)}.aksel-r-overflowx{--__axc-r-overflowx-xs: initial;--__axc-r-overflowx-sm: var(--__axc-r-overflowx-xs);--__axc-r-overflowx-md: var(--__axc-r-overflowx-sm);--__axc-r-overflowx-lg: var(--__axc-r-overflowx-md);--__axc-r-overflowx-xl: var(--__axc-r-overflowx-lg);--__axc-r-overflowx-2xl: var(--__axc-r-overflowx-xl);--__axc-r-overflowx: var(--__axc-r-overflowx-xs);overflow-x:var(--__axc-r-overflowx)}.aksel-r-overflowy{--__axc-r-overflowy-xs: initial;--__axc-r-overflowy-sm: var(--__axc-r-overflowy-xs);--__axc-r-overflowy-md: var(--__axc-r-overflowy-sm);--__axc-r-overflowy-lg: var(--__axc-r-overflowy-md);--__axc-r-overflowy-xl: var(--__axc-r-overflowy-lg);--__axc-r-overflowy-2xl: var(--__axc-r-overflowy-xl);--__axc-r-overflowy: var(--__axc-r-overflowy-xs);overflow-y:var(--__axc-r-overflowy)}.aksel-r-flex-basis{--__axc-r-flex-basis-xs: initial;--__axc-r-flex-basis-sm: var(--__axc-r-flex-basis-xs);--__axc-r-flex-basis-md: var(--__axc-r-flex-basis-sm);--__axc-r-flex-basis-lg: var(--__axc-r-flex-basis-md);--__axc-r-flex-basis-xl: var(--__axc-r-flex-basis-lg);--__axc-r-flex-basis-2xl: var(--__axc-r-flex-basis-xl);--__axc-r-flex-basis: var(--__axc-r-flex-basis-xs);flex-basis:var(--__axc-r-flex-basis)}.aksel-r-flex-grow{--__axc-r-flex-grow-xs: initial;--__axc-r-flex-grow-sm: var(--__axc-r-flex-grow-xs);--__axc-r-flex-grow-md: var(--__axc-r-flex-grow-sm);--__axc-r-flex-grow-lg: var(--__axc-r-flex-grow-md);--__axc-r-flex-grow-xl: var(--__axc-r-flex-grow-lg);--__axc-r-flex-grow-2xl: var(--__axc-r-flex-grow-xl);--__axc-r-flex-grow: var(--__axc-r-flex-grow-xs);flex-grow:var(--__axc-r-flex-grow)}.aksel-r-flex-shrink{--__axc-r-flex-shrink-xs: initial;--__axc-r-flex-shrink-sm: var(--__axc-r-flex-shrink-xs);--__axc-r-flex-shrink-md: var(--__axc-r-flex-shrink-sm);--__axc-r-flex-shrink-lg: var(--__axc-r-flex-shrink-md);--__axc-r-flex-shrink-xl: var(--__axc-r-flex-shrink-lg);--__axc-r-flex-shrink-2xl: var(--__axc-r-flex-shrink-xl);--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-xs);flex-shrink:var(--__axc-r-flex-shrink)}.aksel-r-grid-column{--__axc-r-grid-column-xs: initial;--__axc-r-grid-column-sm: var(--__axc-r-grid-column-xs);--__axc-r-grid-column-md: var(--__axc-r-grid-column-sm);--__axc-r-grid-column-lg: var(--__axc-r-grid-column-md);--__axc-r-grid-column-xl: var(--__axc-r-grid-column-lg);--__axc-r-grid-column-2xl: var(--__axc-r-grid-column-xl);--__axc-r-grid-column: var(--__axc-r-grid-column-xs);grid-column:var(--__axc-r-grid-column)}@media (min-width: 480px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-sm)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-sm)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-sm)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-sm)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-sm)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-sm)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-sm)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-sm)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-sm)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-sm)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-sm)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-sm)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-sm)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-sm)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-sm)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-sm)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-sm)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-sm)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-sm)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-sm)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-sm)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-sm)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-sm)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-sm)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-sm)}}@media (min-width: 768px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-md)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-md)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-md)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-md)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-md)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-md)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-md)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-md)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-md)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-md)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-md)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-md)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-md)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-md)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-md)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-md)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-md)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-md)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-md)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-md)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-md)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-md)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-md)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-md)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-md)}}@media (min-width: 1024px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-lg)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-lg)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-lg)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-lg)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-lg)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-lg)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-lg)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-lg)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-lg)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-lg)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-lg)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-lg)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-lg)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-lg)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-lg)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-lg)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-lg)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-lg)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-lg)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-lg)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-lg)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-lg)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-lg)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-lg)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-lg)}}@media (min-width: 1280px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-xl)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-xl)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-xl)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-xl)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-xl)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-xl)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-xl)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-xl)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-xl)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-xl)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-xl)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-xl)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-xl)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-xl)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-xl)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-xl)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-xl)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-xl)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-xl)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-xl)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-xl)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-xl)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-xl)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-xl)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-xl)}}@media (min-width: 1440px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-2xl)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-2xl)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-2xl)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-2xl)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-2xl)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-2xl)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-2xl)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-2xl)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-2xl)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-2xl)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-2xl)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-2xl)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-2xl)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-2xl)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-2xl)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-2xl)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-2xl)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-2xl)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-2xl)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-2xl)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-2xl)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-2xl)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-2xl)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-2xl)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-2xl)}}.aksel-box-bg{--__axc-box-background: initial;background-color:var(--__axc-box-background)}.aksel-box-border-color{--__axc-box-border-color: initial;border-color:var(--__axc-box-border-color)}.aksel-box-border-width{--__axc-box-border-width: initial;border-style:solid;border-width:var(--__axc-box-border-width, 0)}.aksel-box-border-radius{--__axc-box-border-radius-xs: initial;--__axc-box-border-radius-sm: var(--__axc-box-border-radius-xs);--__axc-box-border-radius-md: var(--__axc-box-border-radius-sm);--__axc-box-border-radius-lg: var(--__axc-box-border-radius-md);--__axc-box-border-radius-xl: var(--__axc-box-border-radius-lg);--__axc-box-border-radius-2xl: var(--__axc-box-border-radius-xl);--__axc-box-border-radius: var(--__axc-box-border-radius-xs);border-radius:var(--__axc-box-border-radius)}.aksel-box-shadow{--__axc-box-shadow: initial;box-shadow:var(--__axc-box-shadow)}@media (min-width: 480px){.aksel-box-border-radius{--__axc-box-border-radius: var(--__axc-box-border-radius-sm)}}@media (min-width: 768px){.aksel-box-border-radius{--__axc-box-border-radius: var(--__axc-box-border-radius-md)}}@media (min-width: 1024px){.aksel-box-border-radius{--__axc-box-border-radius: var(--__axc-box-border-radius-lg)}}@media (min-width: 1280px){.aksel-box-border-radius{--__axc-box-border-radius: var(--__axc-box-border-radius-xl)}}@media (min-width: 1440px){.aksel-box-border-radius{--__axc-box-border-radius: var(--__axc-box-border-radius-2xl)}}.aksel-bleed{--__axc-bleed-margin-inline-xs: initial;--__axc-bleed-margin-inline-sm: var(--__axc-bleed-margin-inline-xs);--__axc-bleed-margin-inline-md: var(--__axc-bleed-margin-inline-sm);--__axc-bleed-margin-inline-lg: var(--__axc-bleed-margin-inline-md);--__axc-bleed-margin-inline-xl: var(--__axc-bleed-margin-inline-lg);--__axc-bleed-margin-inline-2xl: var(--__axc-bleed-margin-inline-xl);--__axc-bleed-margin-block-xs: initial;--__axc-bleed-margin-block-sm: var(--__axc-bleed-margin-block-xs);--__axc-bleed-margin-block-md: var(--__axc-bleed-margin-block-sm);--__axc-bleed-margin-block-lg: var(--__axc-bleed-margin-block-md);--__axc-bleed-margin-block-xl: var(--__axc-bleed-margin-block-lg);--__axc-bleed-margin-block-2xl: var(--__axc-bleed-margin-block-xl);--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-xs);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-xs);margin-inline:var(--__axc-bleed-margin-inline);margin-block:var(--__axc-bleed-margin-block)}.aksel-bleed--padding{--__axc-bleed-padding-inline-xs: initial;--__axc-bleed-padding-inline-sm: var(--__axc-bleed-padding-inline-xs);--__axc-bleed-padding-inline-md: var(--__axc-bleed-padding-inline-sm);--__axc-bleed-padding-inline-lg: var(--__axc-bleed-padding-inline-md);--__axc-bleed-padding-inline-xl: var(--__axc-bleed-padding-inline-lg);--__axc-bleed-padding-inline-2xl: var(--__axc-bleed-padding-inline-xl);--__axc-bleed-padding-block-xs: initial;--__axc-bleed-padding-block-sm: var(--__axc-bleed-padding-block-xs);--__axc-bleed-padding-block-md: var(--__axc-bleed-padding-block-sm);--__axc-bleed-padding-block-lg: var(--__axc-bleed-padding-block-md);--__axc-bleed-padding-block-xl: var(--__axc-bleed-padding-block-lg);--__axc-bleed-padding-block-2xl: var(--__axc-bleed-padding-block-xl);--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-xs);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-xs);padding-inline:var(--__axc-bleed-padding-inline);padding-block:var(--__axc-bleed-padding-block)}@media (min-width: 480px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-sm);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-sm)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-sm);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-sm)}}@media (min-width: 768px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-md);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-md)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-md);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-md)}}@media (min-width: 1024px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-lg);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-lg)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-lg);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-lg)}}@media (min-width: 1280px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-xl);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-xl)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-xl);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-xl)}}@media (min-width: 1440px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-2xl);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-2xl)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-2xl);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-2xl)}}.aksel-page{flex-direction:column;min-height:100lvh;display:flex}.aksel-pageblock{--__axc-page-padding-inline: 0px;width:100%;margin-inline:auto}.aksel-page__content--grow{flex-grow:1}.aksel-page__content--fullheight{min-height:100lvh}.aksel-page__content--padding{padding-block-end:var(--ax-space-64)}.aksel-pageblock--text{max-width:calc(576px + var(--__axc-page-padding-inline) + var(--__axc-page-padding-inline))}.aksel-pageblock--md{max-width:768px}.aksel-pageblock--lg{max-width:1024px}.aksel-pageblock--xl{max-width:1280px}.aksel-pageblock--2xl{max-width:1440px}.aksel-pageblock--gutters{--__axc-page-padding-inline: var(--ax-space-16);padding-inline:var(--__axc-page-padding-inline)}@media (min-width: 1024px){.aksel-pageblock--gutters{--__axc-page-padding-inline: var(--ax-space-48)}}.aksel-hgrid{--__axc-hgrid-columns-xs: initial;--__axc-hgrid-columns-sm: var(--__axc-hgrid-columns-xs);--__axc-hgrid-columns-md: var(--__axc-hgrid-columns-sm);--__axc-hgrid-columns-lg: var(--__axc-hgrid-columns-md);--__axc-hgrid-columns-xl: var(--__axc-hgrid-columns-lg);--__axc-hgrid-columns-2xl: var(--__axc-hgrid-columns-xl);--__axc-hgrid-columns: var(--__axc-hgrid-columns-xs);grid-template-columns:var(--__axc-hgrid-columns);display:grid}.aksel-hgrid-gap{--__axc-hgrid-gap-xs: initial;--__axc-hgrid-gap-sm: var(--__axc-hgrid-gap-xs);--__axc-hgrid-gap-md: var(--__axc-hgrid-gap-sm);--__axc-hgrid-gap-lg: var(--__axc-hgrid-gap-md);--__axc-hgrid-gap-xl: var(--__axc-hgrid-gap-lg);--__axc-hgrid-gap-2xl: var(--__axc-hgrid-gap-xl);--__axc-hgrid-gap: var(--__axc-hgrid-gap-xs);gap:var(--__axc-hgrid-gap)}.aksel-hgrid-align{--__axc-hgrid-align: initial;align-items:var(--__axc-hgrid-align)}@media (min-width: 480px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-sm)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-sm)}}@media (min-width: 768px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-md)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-md)}}@media (min-width: 1024px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-lg)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-lg)}}@media (min-width: 1280px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-xl)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-xl)}}@media (min-width: 1440px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-2xl)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-2xl)}}.aksel-stack{display:flex}.aksel-stack-gap{--__axc-stack-gap-xs: initial;--__axc-stack-gap-sm: var(--__axc-stack-gap-xs);--__axc-stack-gap-md: var(--__axc-stack-gap-sm);--__axc-stack-gap-lg: var(--__axc-stack-gap-md);--__axc-stack-gap-xl: var(--__axc-stack-gap-lg);--__axc-stack-gap-2xl: var(--__axc-stack-gap-xl);--__axc-stack-gap: var(--__axc-stack-gap-xs);gap:var(--__axc-stack-gap)}.aksel-stack-align{--__axc-stack-align-xs: initial;--__axc-stack-align-sm: var(--__axc-stack-align-xs);--__axc-stack-align-md: var(--__axc-stack-align-sm);--__axc-stack-align-lg: var(--__axc-stack-align-md);--__axc-stack-align-xl: var(--__axc-stack-align-lg);--__axc-stack-align-2xl: var(--__axc-stack-align-xl);--__axc-stack-align: var(--__axc-stack-align-xs);align-items:var(--__axc-stack-align)}.aksel-stack-justify{--__axc-stack-justify-xs: initial;--__axc-stack-justify-sm: var(--__axc-stack-justify-xs);--__axc-stack-justify-md: var(--__axc-stack-justify-sm);--__axc-stack-justify-lg: var(--__axc-stack-justify-md);--__axc-stack-justify-xl: var(--__axc-stack-justify-lg);--__axc-stack-justify-2xl: var(--__axc-stack-justify-xl);--__axc-stack-justify: var(--__axc-stack-justify-xs);justify-content:var(--__axc-stack-justify)}.aksel-stack-direction{--__axc-stack-direction-xs: initial;--__axc-stack-direction-sm: var(--__axc-stack-direction-xs);--__axc-stack-direction-md: var(--__axc-stack-direction-sm);--__axc-stack-direction-lg: var(--__axc-stack-direction-md);--__axc-stack-direction-xl: var(--__axc-stack-direction-lg);--__axc-stack-direction-2xl: var(--__axc-stack-direction-xl);--__axc-stack-direction: var(--__axc-stack-direction-xs);flex-direction:var(--__axc-stack-direction)}.aksel-stack-wrap{flex-wrap:wrap}.aksel-stack__spacer{flex:1;place-content:stretch}.aksel-stack>.aksel-stack__spacer{margin-block-start:calc(var(--__axc-stack-gap) * -1);margin-inline-start:calc(var(--__axc-stack-gap) * -1)}@media (min-width: 480px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-sm)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-sm)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-sm)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-sm)}}@media (min-width: 768px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-md)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-md)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-md)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-md)}}@media (min-width: 1024px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-lg)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-lg)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-lg)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-lg)}}@media (min-width: 1280px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-xl)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-xl)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-xl)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-xl)}}@media (min-width: 1440px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-2xl)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-2xl)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-2xl)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-2xl)}}@media (min-width: 480px){.aksel-responsive__below--sm{display:none!important}}@media (max-width: 479px){.aksel-responsive__above--sm{display:none!important}}@media (min-width: 768px){.aksel-responsive__below--md{display:none!important}}@media (max-width: 767px){.aksel-responsive__above--md{display:none!important}}@media (min-width: 1024px){.aksel-responsive__below--lg{display:none!important}}@media (max-width: 1023px){.aksel-responsive__above--lg{display:none!important}}@media (min-width: 1280px){.aksel-responsive__below--xl{display:none!important}}@media (max-width: 1279px){.aksel-responsive__above--xl{display:none!important}}@media (min-width: 1440px){.aksel-responsive__below--2xl{display:none!important}}@media (max-width: 1439px){.aksel-responsive__above--2xl{display:none!important}}}
|
|
1
|
+
@layer aksel.layout{.aksel-r-p{--__axc-r-p-xs: initial;--__axc-r-p-sm: var(--__axc-r-p-xs);--__axc-r-p-md: var(--__axc-r-p-sm);--__axc-r-p-lg: var(--__axc-r-p-md);--__axc-r-p-xl: var(--__axc-r-p-lg);--__axc-r-p-2xl: var(--__axc-r-p-xl);--__axc-r-padding: var(--__axc-r-p-xs);padding:var(--__axc-r-padding)}.aksel-r-pi{--__axc-r-pi-xs: initial;--__axc-r-pi-sm: var(--__axc-r-pi-xs);--__axc-r-pi-md: var(--__axc-r-pi-sm);--__axc-r-pi-lg: var(--__axc-r-pi-md);--__axc-r-pi-xl: var(--__axc-r-pi-lg);--__axc-r-pi-2xl: var(--__axc-r-pi-xl);--__axc-r-pi: var(--__axc-r-pi-xs);padding-inline:var(--__axc-r-pi, var(--__axc-r-padding))}.aksel-r-pb{--__axc-r-pb-xs: initial;--__axc-r-pb-sm: var(--__axc-r-pb-xs);--__axc-r-pb-md: var(--__axc-r-pb-sm);--__axc-r-pb-lg: var(--__axc-r-pb-md);--__axc-r-pb-xl: var(--__axc-r-pb-lg);--__axc-r-pb-2xl: var(--__axc-r-pb-xl);--__axc-r-pb: var(--__axc-r-pb-xs);padding-block:var(--__axc-r-pb, var(--__axc-r-padding))}.aksel-r-m{--__axc-r-m-xs: initial;--__axc-r-m-sm: var(--__axc-r-m-xs);--__axc-r-m-md: var(--__axc-r-m-sm);--__axc-r-m-lg: var(--__axc-r-m-md);--__axc-r-m-xl: var(--__axc-r-m-lg);--__axc-r-m-2xl: var(--__axc-r-m-xl);--__axc-r-margin: var(--__axc-r-m-xs);margin:var(--__axc-r-margin)}.aksel-r-mi{--__axc-r-mi-xs: initial;--__axc-r-mi-sm: var(--__axc-r-mi-xs);--__axc-r-mi-md: var(--__axc-r-mi-sm);--__axc-r-mi-lg: var(--__axc-r-mi-md);--__axc-r-mi-xl: var(--__axc-r-mi-lg);--__axc-r-mi-2xl: var(--__axc-r-mi-xl);--__axc-r-mi: var(--__axc-r-mi-xs);margin-inline:var(--__axc-r-mi, var(--__axc-r-margin))}.aksel-r-mb{--__axc-r-mb-xs: initial;--__axc-r-mb-sm: var(--__axc-r-mb-xs);--__axc-r-mb-md: var(--__axc-r-mb-sm);--__axc-r-mb-lg: var(--__axc-r-mb-md);--__axc-r-mb-xl: var(--__axc-r-mb-lg);--__axc-r-mb-2xl: var(--__axc-r-mb-xl);--__axc-r-mb: var(--__axc-r-mb-xs);margin-block:var(--__axc-r-mb, var(--__axc-r-margin))}.aksel-r-w{--__axc-r-w-xs: initial;--__axc-r-w-sm: var(--__axc-r-w-xs);--__axc-r-w-md: var(--__axc-r-w-sm);--__axc-r-w-lg: var(--__axc-r-w-md);--__axc-r-w-xl: var(--__axc-r-w-lg);--__axc-r-w-2xl: var(--__axc-r-w-xl);--__axc-r-w: var(--__axc-r-w-xs);width:var(--__axc-r-w)}.aksel-r-minw{--__axc-r-minw-xs: initial;--__axc-r-minw-sm: var(--__axc-r-minw-xs);--__axc-r-minw-md: var(--__axc-r-minw-sm);--__axc-r-minw-lg: var(--__axc-r-minw-md);--__axc-r-minw-xl: var(--__axc-r-minw-lg);--__axc-r-minw-2xl: var(--__axc-r-minw-xl);--__axc-r-minw: var(--__axc-r-minw-xs);min-width:var(--__axc-r-minw)}.aksel-r-maxw{--__axc-r-maxw-xs: initial;--__axc-r-maxw-sm: var(--__axc-r-maxw-xs);--__axc-r-maxw-md: var(--__axc-r-maxw-sm);--__axc-r-maxw-lg: var(--__axc-r-maxw-md);--__axc-r-maxw-xl: var(--__axc-r-maxw-lg);--__axc-r-maxw-2xl: var(--__axc-r-maxw-xl);--__axc-r-maxw: var(--__axc-r-maxw-xs);max-width:var(--__axc-r-maxw)}.aksel-r-h{--__axc-r-h-xs: initial;--__axc-r-h-sm: var(--__axc-r-h-xs);--__axc-r-h-md: var(--__axc-r-h-sm);--__axc-r-h-lg: var(--__axc-r-h-md);--__axc-r-h-xl: var(--__axc-r-h-lg);--__axc-r-h-2xl: var(--__axc-r-h-xl);--__axc-r-h: var(--__axc-r-h-xs);height:var(--__axc-r-h)}.aksel-r-minh{--__axc-r-minh-xs: initial;--__axc-r-minh-sm: var(--__axc-r-minh-xs);--__axc-r-minh-md: var(--__axc-r-minh-sm);--__axc-r-minh-lg: var(--__axc-r-minh-md);--__axc-r-minh-xl: var(--__axc-r-minh-lg);--__axc-r-minh-2xl: var(--__axc-r-minh-xl);--__axc-r-minh: var(--__axc-r-minh-xs);min-height:var(--__axc-r-minh)}.aksel-r-maxh{--__axc-r-maxh-xs: initial;--__axc-r-maxh-sm: var(--__axc-r-maxh-xs);--__axc-r-maxh-md: var(--__axc-r-maxh-sm);--__axc-r-maxh-lg: var(--__axc-r-maxh-md);--__axc-r-maxh-xl: var(--__axc-r-maxh-lg);--__axc-r-maxh-2xl: var(--__axc-r-maxh-xl);--__axc-r-maxh: var(--__axc-r-maxh-xs);max-height:var(--__axc-r-maxh)}.aksel-r-position{--__axc-r-position-xs: initial;--__axc-r-position-sm: var(--__axc-r-position-xs);--__axc-r-position-md: var(--__axc-r-position-sm);--__axc-r-position-lg: var(--__axc-r-position-md);--__axc-r-position-xl: var(--__axc-r-position-lg);--__axc-r-position-2xl: var(--__axc-r-position-xl);--__axc-r-position: var(--__axc-r-position-xs);position:var(--__axc-r-position)}.aksel-r-inset{--__axc-r-inset-xs: initial;--__axc-r-inset-sm: var(--__axc-r-inset-xs);--__axc-r-inset-md: var(--__axc-r-inset-sm);--__axc-r-inset-lg: var(--__axc-r-inset-md);--__axc-r-inset-xl: var(--__axc-r-inset-lg);--__axc-r-inset-2xl: var(--__axc-r-inset-xl);--__axc-r-inset: var(--__axc-r-inset-xs);inset:var(--__axc-r-inset)}.aksel-r-top{--__axc-r-top-xs: initial;--__axc-r-top-sm: var(--__axc-r-top-xs);--__axc-r-top-md: var(--__axc-r-top-sm);--__axc-r-top-lg: var(--__axc-r-top-md);--__axc-r-top-xl: var(--__axc-r-top-lg);--__axc-r-top-2xl: var(--__axc-r-top-xl);--__axc-r-top: var(--__axc-r-top-xs);top:var(--__axc-r-top)}.aksel-r-right{--__axc-r-right-xs: initial;--__axc-r-right-sm: var(--__axc-r-right-xs);--__axc-r-right-md: var(--__axc-r-right-sm);--__axc-r-right-lg: var(--__axc-r-right-md);--__axc-r-right-xl: var(--__axc-r-right-lg);--__axc-r-right-2xl: var(--__axc-r-right-xl);--__axc-r-right: var(--__axc-r-right-xs);right:var(--__axc-r-right)}.aksel-r-bottom{--__axc-r-bottom-xs: initial;--__axc-r-bottom-sm: var(--__axc-r-bottom-xs);--__axc-r-bottom-md: var(--__axc-r-bottom-sm);--__axc-r-bottom-lg: var(--__axc-r-bottom-md);--__axc-r-bottom-xl: var(--__axc-r-bottom-lg);--__axc-r-bottom-2xl: var(--__axc-r-bottom-xl);--__axc-r-bottom: var(--__axc-r-bottom-xs);bottom:var(--__axc-r-bottom)}.aksel-r-left{--__axc-r-left-xs: initial;--__axc-r-left-sm: var(--__axc-r-left-xs);--__axc-r-left-md: var(--__axc-r-left-sm);--__axc-r-left-lg: var(--__axc-r-left-md);--__axc-r-left-xl: var(--__axc-r-left-lg);--__axc-r-left-2xl: var(--__axc-r-left-xl);--__axc-r-left: var(--__axc-r-left-xs);left:var(--__axc-r-left)}.aksel-r-overflow{--__axc-r-overflow-xs: initial;--__axc-r-overflow-sm: var(--__axc-r-overflow-xs);--__axc-r-overflow-md: var(--__axc-r-overflow-sm);--__axc-r-overflow-lg: var(--__axc-r-overflow-md);--__axc-r-overflow-xl: var(--__axc-r-overflow-lg);--__axc-r-overflow-2xl: var(--__axc-r-overflow-xl);--__axc-r-overflow: var(--__axc-r-overflow-xs);overflow:var(--__axc-r-overflow)}.aksel-r-overflowx{--__axc-r-overflowx-xs: initial;--__axc-r-overflowx-sm: var(--__axc-r-overflowx-xs);--__axc-r-overflowx-md: var(--__axc-r-overflowx-sm);--__axc-r-overflowx-lg: var(--__axc-r-overflowx-md);--__axc-r-overflowx-xl: var(--__axc-r-overflowx-lg);--__axc-r-overflowx-2xl: var(--__axc-r-overflowx-xl);--__axc-r-overflowx: var(--__axc-r-overflowx-xs);overflow-x:var(--__axc-r-overflowx)}.aksel-r-overflowy{--__axc-r-overflowy-xs: initial;--__axc-r-overflowy-sm: var(--__axc-r-overflowy-xs);--__axc-r-overflowy-md: var(--__axc-r-overflowy-sm);--__axc-r-overflowy-lg: var(--__axc-r-overflowy-md);--__axc-r-overflowy-xl: var(--__axc-r-overflowy-lg);--__axc-r-overflowy-2xl: var(--__axc-r-overflowy-xl);--__axc-r-overflowy: var(--__axc-r-overflowy-xs);overflow-y:var(--__axc-r-overflowy)}.aksel-r-flex-basis{--__axc-r-flex-basis-xs: initial;--__axc-r-flex-basis-sm: var(--__axc-r-flex-basis-xs);--__axc-r-flex-basis-md: var(--__axc-r-flex-basis-sm);--__axc-r-flex-basis-lg: var(--__axc-r-flex-basis-md);--__axc-r-flex-basis-xl: var(--__axc-r-flex-basis-lg);--__axc-r-flex-basis-2xl: var(--__axc-r-flex-basis-xl);--__axc-r-flex-basis: var(--__axc-r-flex-basis-xs);flex-basis:var(--__axc-r-flex-basis)}.aksel-r-flex-grow{--__axc-r-flex-grow-xs: initial;--__axc-r-flex-grow-sm: var(--__axc-r-flex-grow-xs);--__axc-r-flex-grow-md: var(--__axc-r-flex-grow-sm);--__axc-r-flex-grow-lg: var(--__axc-r-flex-grow-md);--__axc-r-flex-grow-xl: var(--__axc-r-flex-grow-lg);--__axc-r-flex-grow-2xl: var(--__axc-r-flex-grow-xl);--__axc-r-flex-grow: var(--__axc-r-flex-grow-xs);flex-grow:var(--__axc-r-flex-grow)}.aksel-r-flex-shrink{--__axc-r-flex-shrink-xs: initial;--__axc-r-flex-shrink-sm: var(--__axc-r-flex-shrink-xs);--__axc-r-flex-shrink-md: var(--__axc-r-flex-shrink-sm);--__axc-r-flex-shrink-lg: var(--__axc-r-flex-shrink-md);--__axc-r-flex-shrink-xl: var(--__axc-r-flex-shrink-lg);--__axc-r-flex-shrink-2xl: var(--__axc-r-flex-shrink-xl);--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-xs);flex-shrink:var(--__axc-r-flex-shrink)}.aksel-r-grid-column{--__axc-r-grid-column-xs: initial;--__axc-r-grid-column-sm: var(--__axc-r-grid-column-xs);--__axc-r-grid-column-md: var(--__axc-r-grid-column-sm);--__axc-r-grid-column-lg: var(--__axc-r-grid-column-md);--__axc-r-grid-column-xl: var(--__axc-r-grid-column-lg);--__axc-r-grid-column-2xl: var(--__axc-r-grid-column-xl);--__axc-r-grid-column: var(--__axc-r-grid-column-xs);grid-column:var(--__axc-r-grid-column)}@media (min-width: 480px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-sm)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-sm)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-sm)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-sm)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-sm)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-sm)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-sm)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-sm)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-sm)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-sm)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-sm)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-sm)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-sm)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-sm)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-sm)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-sm)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-sm)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-sm)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-sm)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-sm)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-sm)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-sm)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-sm)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-sm)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-sm)}}@media (min-width: 768px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-md)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-md)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-md)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-md)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-md)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-md)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-md)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-md)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-md)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-md)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-md)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-md)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-md)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-md)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-md)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-md)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-md)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-md)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-md)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-md)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-md)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-md)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-md)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-md)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-md)}}@media (min-width: 1024px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-lg)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-lg)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-lg)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-lg)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-lg)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-lg)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-lg)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-lg)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-lg)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-lg)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-lg)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-lg)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-lg)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-lg)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-lg)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-lg)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-lg)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-lg)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-lg)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-lg)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-lg)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-lg)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-lg)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-lg)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-lg)}}@media (min-width: 1280px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-xl)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-xl)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-xl)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-xl)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-xl)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-xl)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-xl)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-xl)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-xl)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-xl)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-xl)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-xl)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-xl)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-xl)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-xl)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-xl)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-xl)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-xl)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-xl)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-xl)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-xl)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-xl)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-xl)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-xl)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-xl)}}@media (min-width: 1440px){.aksel-r-p{--__axc-r-padding: var(--__axc-r-p-2xl)}.aksel-r-pi{--__axc-r-pi: var(--__axc-r-pi-2xl)}.aksel-r-pb{--__axc-r-pb: var(--__axc-r-pb-2xl)}.aksel-r-m{--__axc-r-margin: var(--__axc-r-m-2xl)}.aksel-r-mi{--__axc-r-mi: var(--__axc-r-mi-2xl)}.aksel-r-mb{--__axc-r-mb: var(--__axc-r-mb-2xl)}.aksel-r-w{--__axc-r-w: var(--__axc-r-w-2xl)}.aksel-r-minw{--__axc-r-minw: var(--__axc-r-minw-2xl)}.aksel-r-maxw{--__axc-r-maxw: var(--__axc-r-maxw-2xl)}.aksel-r-h{--__axc-r-h: var(--__axc-r-h-2xl)}.aksel-r-minh{--__axc-r-minh: var(--__axc-r-minh-2xl)}.aksel-r-maxh{--__axc-r-maxh: var(--__axc-r-maxh-2xl)}.aksel-r-position{--__axc-r-position: var(--__axc-r-position-2xl)}.aksel-r-inset{--__axc-r-inset: var(--__axc-r-inset-2xl)}.aksel-r-top{--__axc-r-top: var(--__axc-r-top-2xl)}.aksel-r-right{--__axc-r-right: var(--__axc-r-right-2xl)}.aksel-r-bottom{--__axc-r-bottom: var(--__axc-r-bottom-2xl)}.aksel-r-left{--__axc-r-left: var(--__axc-r-left-2xl)}.aksel-r-overflow{--__axc-r-overflow: var(--__axc-r-overflow-2xl)}.aksel-r-overflowx{--__axc-r-overflowx: var(--__axc-r-overflowx-2xl)}.aksel-r-overflowy{--__axc-r-overflowy: var(--__axc-r-overflowy-2xl)}.aksel-r-flex-basis{--__axc-r-flex-basis: var(--__axc-r-flex-basis-2xl)}.aksel-r-flex-grow{--__axc-r-flex-grow: var(--__axc-r-flex-grow-2xl)}.aksel-r-flex-shrink{--__axc-r-flex-shrink: var(--__axc-r-flex-shrink-2xl)}.aksel-r-grid-column{--__axc-r-grid-column: var(--__axc-r-grid-column-2xl)}}.aksel-box-bg{--__axc-box-background: initial;background-color:var(--__axc-box-background)}.aksel-box-border-color{--__axc-box-border-color: initial;border-color:var(--__axc-box-border-color)}.aksel-box-border-width{--__axc-box-border-width: initial;border-style:solid;border-width:var(--__axc-box-border-width, 0)}.aksel-box-radius{--__axc-box-radius-xs: initial;--__axc-box-radius-sm: var(--__axc-box-radius-xs);--__axc-box-radius-md: var(--__axc-box-radius-sm);--__axc-box-radius-lg: var(--__axc-box-radius-md);--__axc-box-radius-xl: var(--__axc-box-radius-lg);--__axc-box-radius-2xl: var(--__axc-box-radius-xl);--__axc-box-radius: var(--__axc-box-radius-xs);border-radius:var(--__axc-box-radius)}.aksel-box-shadow{--__axc-box-shadow: initial;box-shadow:var(--__axc-box-shadow)}@media (min-width: 480px){.aksel-box-radius{--__axc-box-radius: var(--__axc-box-radius-sm)}}@media (min-width: 768px){.aksel-box-radius{--__axc-box-radius: var(--__axc-box-radius-md)}}@media (min-width: 1024px){.aksel-box-radius{--__axc-box-radius: var(--__axc-box-radius-lg)}}@media (min-width: 1280px){.aksel-box-radius{--__axc-box-radius: var(--__axc-box-radius-xl)}}@media (min-width: 1440px){.aksel-box-radius{--__axc-box-radius: var(--__axc-box-radius-2xl)}}.aksel-bleed{--__axc-bleed-margin-inline-xs: initial;--__axc-bleed-margin-inline-sm: var(--__axc-bleed-margin-inline-xs);--__axc-bleed-margin-inline-md: var(--__axc-bleed-margin-inline-sm);--__axc-bleed-margin-inline-lg: var(--__axc-bleed-margin-inline-md);--__axc-bleed-margin-inline-xl: var(--__axc-bleed-margin-inline-lg);--__axc-bleed-margin-inline-2xl: var(--__axc-bleed-margin-inline-xl);--__axc-bleed-margin-block-xs: initial;--__axc-bleed-margin-block-sm: var(--__axc-bleed-margin-block-xs);--__axc-bleed-margin-block-md: var(--__axc-bleed-margin-block-sm);--__axc-bleed-margin-block-lg: var(--__axc-bleed-margin-block-md);--__axc-bleed-margin-block-xl: var(--__axc-bleed-margin-block-lg);--__axc-bleed-margin-block-2xl: var(--__axc-bleed-margin-block-xl);--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-xs);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-xs);margin-inline:var(--__axc-bleed-margin-inline);margin-block:var(--__axc-bleed-margin-block)}.aksel-bleed--padding{--__axc-bleed-padding-inline-xs: initial;--__axc-bleed-padding-inline-sm: var(--__axc-bleed-padding-inline-xs);--__axc-bleed-padding-inline-md: var(--__axc-bleed-padding-inline-sm);--__axc-bleed-padding-inline-lg: var(--__axc-bleed-padding-inline-md);--__axc-bleed-padding-inline-xl: var(--__axc-bleed-padding-inline-lg);--__axc-bleed-padding-inline-2xl: var(--__axc-bleed-padding-inline-xl);--__axc-bleed-padding-block-xs: initial;--__axc-bleed-padding-block-sm: var(--__axc-bleed-padding-block-xs);--__axc-bleed-padding-block-md: var(--__axc-bleed-padding-block-sm);--__axc-bleed-padding-block-lg: var(--__axc-bleed-padding-block-md);--__axc-bleed-padding-block-xl: var(--__axc-bleed-padding-block-lg);--__axc-bleed-padding-block-2xl: var(--__axc-bleed-padding-block-xl);--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-xs);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-xs);padding-inline:var(--__axc-bleed-padding-inline);padding-block:var(--__axc-bleed-padding-block)}@media (min-width: 480px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-sm);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-sm)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-sm);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-sm)}}@media (min-width: 768px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-md);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-md)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-md);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-md)}}@media (min-width: 1024px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-lg);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-lg)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-lg);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-lg)}}@media (min-width: 1280px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-xl);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-xl)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-xl);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-xl)}}@media (min-width: 1440px){.aksel-bleed{--__axc-bleed-margin-inline: var(--__axc-bleed-margin-inline-2xl);--__axc-bleed-margin-block: var(--__axc-bleed-margin-block-2xl)}.aksel-bleed--padding{--__axc-bleed-padding-inline: var(--__axc-bleed-padding-inline-2xl);--__axc-bleed-padding-block: var(--__axc-bleed-padding-block-2xl)}}.aksel-page{flex-direction:column;min-height:100lvh;display:flex}.aksel-pageblock{--__axc-page-padding-inline: 0px;width:100%;margin-inline:auto}.aksel-page__content--grow{flex-grow:1}.aksel-page__content--fullheight{min-height:100lvh}.aksel-page__content--padding{padding-block-end:var(--ax-space-64)}.aksel-pageblock--text{max-width:calc(576px + var(--__axc-page-padding-inline) + var(--__axc-page-padding-inline))}.aksel-pageblock--md{max-width:768px}.aksel-pageblock--lg{max-width:1024px}.aksel-pageblock--xl{max-width:1280px}.aksel-pageblock--2xl{max-width:1440px}.aksel-pageblock--gutters{--__axc-page-padding-inline: var(--ax-space-16);padding-inline:var(--__axc-page-padding-inline)}@media (min-width: 1024px){.aksel-pageblock--gutters{--__axc-page-padding-inline: var(--ax-space-48)}}.aksel-hgrid{--__axc-hgrid-columns-xs: initial;--__axc-hgrid-columns-sm: var(--__axc-hgrid-columns-xs);--__axc-hgrid-columns-md: var(--__axc-hgrid-columns-sm);--__axc-hgrid-columns-lg: var(--__axc-hgrid-columns-md);--__axc-hgrid-columns-xl: var(--__axc-hgrid-columns-lg);--__axc-hgrid-columns-2xl: var(--__axc-hgrid-columns-xl);--__axc-hgrid-columns: var(--__axc-hgrid-columns-xs);grid-template-columns:var(--__axc-hgrid-columns);display:grid}.aksel-hgrid-gap{--__axc-hgrid-gap-xs: initial;--__axc-hgrid-gap-sm: var(--__axc-hgrid-gap-xs);--__axc-hgrid-gap-md: var(--__axc-hgrid-gap-sm);--__axc-hgrid-gap-lg: var(--__axc-hgrid-gap-md);--__axc-hgrid-gap-xl: var(--__axc-hgrid-gap-lg);--__axc-hgrid-gap-2xl: var(--__axc-hgrid-gap-xl);--__axc-hgrid-gap: var(--__axc-hgrid-gap-xs);gap:var(--__axc-hgrid-gap)}.aksel-hgrid-align{--__axc-hgrid-align: initial;align-items:var(--__axc-hgrid-align)}@media (min-width: 480px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-sm)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-sm)}}@media (min-width: 768px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-md)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-md)}}@media (min-width: 1024px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-lg)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-lg)}}@media (min-width: 1280px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-xl)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-xl)}}@media (min-width: 1440px){.aksel-hgrid{--__axc-hgrid-columns: var(--__axc-hgrid-columns-2xl)}.aksel-hgrid-gap{--__axc-hgrid-gap: var(--__axc-hgrid-gap-2xl)}}.aksel-stack{display:flex}.aksel-stack-gap{--__axc-stack-gap-xs: initial;--__axc-stack-gap-sm: var(--__axc-stack-gap-xs);--__axc-stack-gap-md: var(--__axc-stack-gap-sm);--__axc-stack-gap-lg: var(--__axc-stack-gap-md);--__axc-stack-gap-xl: var(--__axc-stack-gap-lg);--__axc-stack-gap-2xl: var(--__axc-stack-gap-xl);--__axc-stack-gap: var(--__axc-stack-gap-xs);gap:var(--__axc-stack-gap)}.aksel-stack-align{--__axc-stack-align-xs: initial;--__axc-stack-align-sm: var(--__axc-stack-align-xs);--__axc-stack-align-md: var(--__axc-stack-align-sm);--__axc-stack-align-lg: var(--__axc-stack-align-md);--__axc-stack-align-xl: var(--__axc-stack-align-lg);--__axc-stack-align-2xl: var(--__axc-stack-align-xl);--__axc-stack-align: var(--__axc-stack-align-xs);align-items:var(--__axc-stack-align)}.aksel-stack-justify{--__axc-stack-justify-xs: initial;--__axc-stack-justify-sm: var(--__axc-stack-justify-xs);--__axc-stack-justify-md: var(--__axc-stack-justify-sm);--__axc-stack-justify-lg: var(--__axc-stack-justify-md);--__axc-stack-justify-xl: var(--__axc-stack-justify-lg);--__axc-stack-justify-2xl: var(--__axc-stack-justify-xl);--__axc-stack-justify: var(--__axc-stack-justify-xs);justify-content:var(--__axc-stack-justify)}.aksel-stack-direction{--__axc-stack-direction-xs: initial;--__axc-stack-direction-sm: var(--__axc-stack-direction-xs);--__axc-stack-direction-md: var(--__axc-stack-direction-sm);--__axc-stack-direction-lg: var(--__axc-stack-direction-md);--__axc-stack-direction-xl: var(--__axc-stack-direction-lg);--__axc-stack-direction-2xl: var(--__axc-stack-direction-xl);--__axc-stack-direction: var(--__axc-stack-direction-xs);flex-direction:var(--__axc-stack-direction)}.aksel-stack-wrap{flex-wrap:wrap}.aksel-stack__spacer{flex:1;place-content:stretch}.aksel-stack>.aksel-stack__spacer{margin-block-start:calc(var(--__axc-stack-gap) * -1);margin-inline-start:calc(var(--__axc-stack-gap) * -1)}@media (min-width: 480px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-sm)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-sm)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-sm)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-sm)}}@media (min-width: 768px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-md)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-md)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-md)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-md)}}@media (min-width: 1024px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-lg)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-lg)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-lg)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-lg)}}@media (min-width: 1280px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-xl)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-xl)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-xl)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-xl)}}@media (min-width: 1440px){.aksel-stack-gap{--__axc-stack-gap: var(--__axc-stack-gap-2xl)}.aksel-stack-align{--__axc-stack-align: var(--__axc-stack-align-2xl)}.aksel-stack-justify{--__axc-stack-justify: var(--__axc-stack-justify-2xl)}.aksel-stack-direction{--__axc-stack-direction: var(--__axc-stack-direction-2xl)}}@media (min-width: 480px){.aksel-responsive__below--sm{display:none!important}}@media (max-width: 479px){.aksel-responsive__above--sm{display:none!important}}@media (min-width: 768px){.aksel-responsive__below--md{display:none!important}}@media (max-width: 767px){.aksel-responsive__above--md{display:none!important}}@media (min-width: 1024px){.aksel-responsive__below--lg{display:none!important}}@media (max-width: 1023px){.aksel-responsive__above--lg{display:none!important}}@media (min-width: 1280px){.aksel-responsive__below--xl{display:none!important}}@media (max-width: 1279px){.aksel-responsive__above--xl{display:none!important}}@media (min-width: 1440px){.aksel-responsive__below--2xl{display:none!important}}@media (max-width: 1439px){.aksel-responsive__above--2xl{display:none!important}}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@layer aksel.components {
|
|
2
2
|
.aksel-progress-bar {
|
|
3
3
|
background: var(--ax-bg-neutral-moderateA);
|
|
4
|
-
border-radius: var(--ax-
|
|
4
|
+
border-radius: var(--ax-radius-full);
|
|
5
5
|
box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
|
|
6
6
|
position: relative;
|
|
7
7
|
overflow: hidden;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-progress-bar{background:var(--ax-bg-neutral-moderateA);border-radius:var(--ax-
|
|
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)}}}
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.aksel-read-more:is([data-volume="low"], :not([data-volume])) .aksel-read-more__button {
|
|
33
|
-
border-radius: var(--ax-
|
|
33
|
+
border-radius: var(--ax-radius-4);
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.aksel-read-more:is([data-volume="low"], :not([data-volume])) .aksel-read-more__button:hover {
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
|
|
40
40
|
.aksel-read-more[data-volume="high"] .aksel-read-more__button {
|
|
41
41
|
background-color: var(--ax-bg-accent-moderate);
|
|
42
|
-
border-radius: var(--ax-
|
|
42
|
+
border-radius: var(--ax-radius-full);
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
.aksel-read-more[data-volume="high"] .aksel-read-more__button:hover {
|
|
@@ -1 +1 @@
|
|
|
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-
|
|
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}}}
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
|
|
29
29
|
.aksel-skeleton--text {
|
|
30
30
|
transform-origin: 0 55%;
|
|
31
|
-
border-radius: var(--ax-
|
|
31
|
+
border-radius: var(--ax-radius-8);
|
|
32
32
|
height: auto;
|
|
33
33
|
transform: scale(1, .6);
|
|
34
34
|
}
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
.aksel-skeleton--circle {
|
|
41
|
-
border-radius: var(--ax-
|
|
41
|
+
border-radius: var(--ax-radius-full);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
.aksel-skeleton--rectangle {
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.aksel-skeleton--rounded {
|
|
49
|
-
border-radius: var(--ax-
|
|
49
|
+
border-radius: var(--ax-radius-12);
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
@keyframes akselSkeletonAnimation {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-skeleton{background-color:var(--ax-bg-neutral-moderateA);pointer-events:none;height:1.3em;animation:2s cubic-bezier(.4,0,.6,1) infinite akselSkeletonAnimation}.aksel-skeleton--inline{display:inline-block}.aksel-skeleton--has-children{color:#0000}.aksel-skeleton--has-children>*{visibility:hidden}.aksel-skeleton--has-children.aksel-skeleton--no-height{height:auto}.aksel-skeleton--has-children.aksel-skeleton--no-width{width:fit-content}.aksel-skeleton--text{transform-origin:0 55%;border-radius:var(--ax-
|
|
1
|
+
@layer aksel.components{.aksel-skeleton{background-color:var(--ax-bg-neutral-moderateA);pointer-events:none;height:1.3em;animation:2s cubic-bezier(.4,0,.6,1) infinite akselSkeletonAnimation}.aksel-skeleton--inline{display:inline-block}.aksel-skeleton--has-children{color:#0000}.aksel-skeleton--has-children>*{visibility:hidden}.aksel-skeleton--has-children.aksel-skeleton--no-height{height:auto}.aksel-skeleton--has-children.aksel-skeleton--no-width{width:fit-content}.aksel-skeleton--text{transform-origin:0 55%;border-radius:var(--ax-radius-8);height:auto;transform:scaleY(.6)}.aksel-skeleton--text:empty:before{content:"\a0"}.aksel-skeleton--circle{border-radius:var(--ax-radius-full)}.aksel-skeleton--rectangle{border-radius:0}.aksel-skeleton--rounded{border-radius:var(--ax-radius-12)}@keyframes akselSkeletonAnimation{50%{opacity:.5}}@media (forced-colors: active){.aksel-skeleton{forced-color-adjust:none;opacity:.2;background-color:canvastext;animation-duration:2s}}}
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
width: var(--__axc-stepper-circle-size);
|
|
85
85
|
height: var(--__axc-stepper-circle-size);
|
|
86
86
|
border: var(--__axc-stepper-border-width) solid currentColor;
|
|
87
|
-
border-radius: var(--ax-
|
|
87
|
+
border-radius: var(--ax-radius-full);
|
|
88
88
|
grid-column: circle;
|
|
89
89
|
place-items: center;
|
|
90
90
|
line-height: 1;
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
|
|
99
99
|
.aksel-stepper__step[data-interactive="true"] {
|
|
100
100
|
color: var(--ax-text-accent-subtle);
|
|
101
|
-
border-radius: var(--ax-
|
|
101
|
+
border-radius: var(--ax-radius-4);
|
|
102
102
|
text-decoration: none;
|
|
103
103
|
}
|
|
104
104
|
|
|
@@ -1 +1 @@
|
|
|
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-
|
|
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 +1 @@
|
|
|
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-
|
|
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)}}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
--__axc-tag-bg-strong: ;
|
|
8
8
|
--__axc-tag-text: ;
|
|
9
9
|
--__axc-tag-text-strong: ;
|
|
10
|
-
border-radius: var(--ax-
|
|
10
|
+
border-radius: var(--ax-radius-4);
|
|
11
11
|
padding: var(--ax-space-2) var(--ax-space-8);
|
|
12
12
|
justify-content: center;
|
|
13
13
|
align-items: center;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-tag{--__axc-tag-icon-size: 1.5rem;--__axc-tag-icon-margin: -2px;--__axc-tag-border: ;--__axc-tag-bg: ;--__axc-tag-bg-strong: ;--__axc-tag-text: ;--__axc-tag-text-strong: ;border-radius:var(--ax-
|
|
1
|
+
@layer aksel.components{.aksel-tag{--__axc-tag-icon-size: 1.5rem;--__axc-tag-icon-margin: -2px;--__axc-tag-border: ;--__axc-tag-bg: ;--__axc-tag-bg-strong: ;--__axc-tag-text: ;--__axc-tag-text-strong: ;border-radius:var(--ax-radius-4);padding:var(--ax-space-2) var(--ax-space-8);justify-content:center;align-items:center;min-height:2rem;line-height:1;text-decoration:none;display:inline-flex}.aksel-tag:has(.aksel-tag__icon--left){gap:var(--ax-space-2)}.aksel-tag--info,.aksel-tag--alt3{--__axc-tag-border: var(--ax-border-info);--__axc-tag-bg: var(--ax-bg-info-moderateA);--__axc-tag-bg-strong: var(--ax-bg-info-strong);--__axc-tag-text: var(--ax-text-info);--__axc-tag-text-strong: var(--ax-text-info-contrast)}.aksel-tag--success{--__axc-tag-border: var(--ax-border-success);--__axc-tag-bg: var(--ax-bg-success-moderateA);--__axc-tag-bg-strong: var(--ax-bg-success-strong);--__axc-tag-text: var(--ax-text-success);--__axc-tag-text-strong: var(--ax-text-success-contrast)}.aksel-tag--warning{--__axc-tag-border: var(--ax-border-warning);--__axc-tag-bg: var(--ax-bg-warning-moderateA);--__axc-tag-bg-strong: var(--ax-bg-warning-strong);--__axc-tag-text: var(--ax-text-warning);--__axc-tag-text-strong: var(--ax-text-warning-contrast)}.aksel-tag--error{--__axc-tag-border: var(--ax-border-danger);--__axc-tag-bg: var(--ax-bg-danger-moderateA);--__axc-tag-bg-strong: var(--ax-bg-danger-strong);--__axc-tag-text: var(--ax-text-danger);--__axc-tag-text-strong: var(--ax-text-danger-contrast)}.aksel-tag--neutral{--__axc-tag-border: var(--ax-border-neutral);--__axc-tag-bg: var(--ax-bg-neutral-moderateA);--__axc-tag-bg-strong: var(--ax-bg-neutral-strong);--__axc-tag-text: var(--ax-text-neutral);--__axc-tag-text-strong: var(--ax-text-neutral-contrast)}.aksel-tag--meta-purple,.aksel-tag--alt1{--__axc-tag-border: var(--ax-border-meta-purple);--__axc-tag-bg: var(--ax-bg-meta-purple-moderateA);--__axc-tag-bg-strong: var(--ax-bg-meta-purple-strong);--__axc-tag-text: var(--ax-text-meta-purple);--__axc-tag-text-strong: var(--ax-text-meta-purple-contrast)}.aksel-tag--meta-lime,.aksel-tag--alt2{--__axc-tag-border: var(--ax-border-meta-lime);--__axc-tag-bg: var(--ax-bg-meta-lime-moderateA);--__axc-tag-bg-strong: var(--ax-bg-meta-lime-strong);--__axc-tag-text: var(--ax-text-meta-lime);--__axc-tag-text-strong: var(--ax-text-meta-lime-contrast)}.aksel-tag--small{min-height:1.5rem;padding:0 var(--ax-space-6);--__axc-tag-icon-size: 1.25rem}.aksel-tag--xsmall{min-height:1.25rem;padding:0 var(--ax-space-4);--__axc-tag-icon-size: 1rem;--__axc-tag-icon-margin: -1px}.aksel-tag__icon--left{font-size:var(--__axc-tag-icon-size);margin-inline-start:var(--__axc-tag-icon-margin);display:flex}.aksel-tag--outline{box-shadow:inset 0 0 0 1px var(--__axc-tag-border);background:var(--__axc-tag-bg);color:var(--__axc-tag-text)}.aksel-tag--moderate{background:var(--__axc-tag-bg);color:var(--__axc-tag-text)}.aksel-tag--strong{background:var(--__axc-tag-bg-strong);color:var(--__axc-tag-text-strong)}@media (forced-colors: active){.aksel-tag{forced-color-adjust:none;color:canvastext}.aksel-tag--moderate{box-shadow:inset 0 0 0 1px var(--__axc-tag-bg-strong)}.aksel-tag--strong{color:canvas}}}
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
.aksel-timeline__period {
|
|
77
|
-
border-radius: var(--ax-
|
|
77
|
+
border-radius: var(--ax-radius-full);
|
|
78
78
|
z-index: 2;
|
|
79
79
|
border: none;
|
|
80
80
|
align-items: center;
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
.aksel-timeline__period--success {
|
|
107
107
|
background: var(--ax-bg-success-moderate);
|
|
108
108
|
border: solid 1px var(--ax-border-success);
|
|
109
|
-
color: var(--ax-text-success-
|
|
109
|
+
color: var(--ax-text-success-decoration);
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
.aksel-timeline__period--success.aksel-timeline__period--clickable:hover {
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
.aksel-timeline__period--warning {
|
|
124
124
|
background: var(--ax-bg-warning-moderate);
|
|
125
125
|
border: solid 1px var(--ax-border-warning);
|
|
126
|
-
color: var(--ax-text-warning-
|
|
126
|
+
color: var(--ax-text-warning-decoration);
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
.aksel-timeline__period--warning.aksel-timeline__period--clickable:hover {
|
|
@@ -140,7 +140,7 @@
|
|
|
140
140
|
.aksel-timeline__period--danger {
|
|
141
141
|
background: var(--ax-bg-danger-moderate);
|
|
142
142
|
border: solid 1px var(--ax-border-danger);
|
|
143
|
-
color: var(--ax-text-danger-
|
|
143
|
+
color: var(--ax-text-danger-decoration);
|
|
144
144
|
}
|
|
145
145
|
|
|
146
146
|
.aksel-timeline__period--danger.aksel-timeline__period--clickable:hover {
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
.aksel-timeline__period--info {
|
|
158
158
|
background: var(--ax-bg-info-moderate);
|
|
159
159
|
border: solid 1px var(--ax-border-info);
|
|
160
|
-
color: var(--ax-text-info-
|
|
160
|
+
color: var(--ax-text-info-decoration);
|
|
161
161
|
}
|
|
162
162
|
|
|
163
163
|
.aksel-timeline__period--info.aksel-timeline__period--clickable:hover {
|
|
@@ -174,7 +174,7 @@
|
|
|
174
174
|
.aksel-timeline__period--neutral {
|
|
175
175
|
background: var(--ax-bg-neutral-moderate);
|
|
176
176
|
border: solid 1px var(--ax-border-neutral);
|
|
177
|
-
color: var(--ax-text-neutral-
|
|
177
|
+
color: var(--ax-text-neutral-decoration);
|
|
178
178
|
}
|
|
179
179
|
|
|
180
180
|
.aksel-timeline__period--neutral.aksel-timeline__period--clickable:hover {
|
|
@@ -218,7 +218,7 @@
|
|
|
218
218
|
background: var(--ax-bg-default);
|
|
219
219
|
box-shadow: inset 0 0 0 4px var(--ax-bg-danger-strong);
|
|
220
220
|
z-index: 2;
|
|
221
|
-
border-radius: var(--ax-
|
|
221
|
+
border-radius: var(--ax-radius-full);
|
|
222
222
|
padding: var(--ax-space-8);
|
|
223
223
|
border: none;
|
|
224
224
|
position: relative;
|
|
@@ -226,7 +226,7 @@
|
|
|
226
226
|
|
|
227
227
|
.aksel-timeline__pin-button:before {
|
|
228
228
|
content: "";
|
|
229
|
-
border-radius: var(--ax-
|
|
229
|
+
border-radius: var(--ax-radius-full);
|
|
230
230
|
width: 25px;
|
|
231
231
|
height: 25px;
|
|
232
232
|
position: absolute;
|
|
@@ -269,16 +269,16 @@
|
|
|
269
269
|
}
|
|
270
270
|
|
|
271
271
|
.aksel-timeline__zoom li:first-child .aksel-timeline__zoom-button {
|
|
272
|
-
border-radius: var(--ax-
|
|
272
|
+
border-radius: var(--ax-radius-4) 0 0 var(--ax-radius-4);
|
|
273
273
|
}
|
|
274
274
|
|
|
275
275
|
.aksel-timeline__zoom li:last-child .aksel-timeline__zoom-button {
|
|
276
|
-
border-radius: 0 var(--ax-
|
|
276
|
+
border-radius: 0 var(--ax-radius-4) var(--ax-radius-4) 0;
|
|
277
277
|
border-width: 1px;
|
|
278
278
|
}
|
|
279
279
|
|
|
280
280
|
.aksel-timeline__zoom li:only-child .aksel-timeline__zoom-button {
|
|
281
|
-
border-radius: var(--ax-
|
|
281
|
+
border-radius: var(--ax-radius-4);
|
|
282
282
|
}
|
|
283
283
|
|
|
284
284
|
.aksel-timeline__zoom-button:not([aria-pressed="true"]):hover {
|
|
@@ -311,7 +311,7 @@
|
|
|
311
311
|
box-shadow: var(--ax-shadow-dialog);
|
|
312
312
|
border: 1px solid;
|
|
313
313
|
border-color: var(--ax-border-neutral-subtleA);
|
|
314
|
-
border-radius: var(--ax-
|
|
314
|
+
border-radius: var(--ax-radius-8);
|
|
315
315
|
padding: var(--ax-space-16) var(--ax-space-20);
|
|
316
316
|
}
|
|
317
317
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-timeline{grid-template-columns:auto minmax(0,1fr);align-items:center;width:100%;min-width:fit-content;display:grid;position:relative}.aksel-timeline__axislabels{box-sizing:content-box;height:1rem;margin-bottom:var(--ax-space-4);grid-column:2;position:relative}.aksel-timeline__row-label{white-space:nowrap;width:auto;margin-right:var(--ax-space-16);align-items:center;gap:var(--ax-space-8);grid-column:1;min-height:1.5rem;display:flex}.aksel-timeline__row-label:where(:nth-last-child(2)){align-self:flex-end}.aksel-timeline__axislabels-label{color:var(--ax-text-neutral-subtle);white-space:nowrap;position:absolute}.aksel-timeline__row{background:var(--ax-bg-neutral-softA);margin:var(--ax-space-16) 0;grid-column:2;display:flex}.aksel-timeline__row--active{background:var(--ax-bg-accent-moderate)}.aksel-timeline__row:last-of-type{margin-bottom:0}.aksel-timeline__row-periods{width:100%;min-height:1.5rem;margin:0;position:relative}.aksel-timeline__row-periods>li{list-style-type:none}.aksel-timeline__period:focus-visible{z-index:4;outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-timeline__period:focus-visible.aksel-timeline__period:focus-visible{box-shadow:0 0 0 3px var(--ax-bg-default)}.aksel-timeline__period{border-radius:var(--ax-
|
|
1
|
+
@layer aksel.components{.aksel-timeline{grid-template-columns:auto minmax(0,1fr);align-items:center;width:100%;min-width:fit-content;display:grid;position:relative}.aksel-timeline__axislabels{box-sizing:content-box;height:1rem;margin-bottom:var(--ax-space-4);grid-column:2;position:relative}.aksel-timeline__row-label{white-space:nowrap;width:auto;margin-right:var(--ax-space-16);align-items:center;gap:var(--ax-space-8);grid-column:1;min-height:1.5rem;display:flex}.aksel-timeline__row-label:where(:nth-last-child(2)){align-self:flex-end}.aksel-timeline__axislabels-label{color:var(--ax-text-neutral-subtle);white-space:nowrap;position:absolute}.aksel-timeline__row{background:var(--ax-bg-neutral-softA);margin:var(--ax-space-16) 0;grid-column:2;display:flex}.aksel-timeline__row--active{background:var(--ax-bg-accent-moderate)}.aksel-timeline__row:last-of-type{margin-bottom:0}.aksel-timeline__row-periods{width:100%;min-height:1.5rem;margin:0;position:relative}.aksel-timeline__row-periods>li{list-style-type:none}.aksel-timeline__period:focus-visible{z-index:4;outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-timeline__period:focus-visible.aksel-timeline__period:focus-visible{box-shadow:0 0 0 3px var(--ax-bg-default)}.aksel-timeline__period{border-radius:var(--ax-radius-full);z-index:2;border:none;align-items:center;height:100%;padding:0;font-size:1rem;display:flex;position:absolute}.aksel-timeline__period--inner{margin:0 var(--ax-space-8);white-space:nowrap;text-overflow:clip;text-align:left;align-items:center;display:flex;overflow:hidden}.aksel-timeline__period--inner svg{flex-shrink:0}.aksel-timeline__period--clickable{cursor:pointer}.aksel-timeline__period--success{background:var(--ax-bg-success-moderate);border:solid 1px var(--ax-border-success);color:var(--ax-text-success-decoration)}.aksel-timeline__period--success.aksel-timeline__period--clickable:hover{background:var(--ax-bg-success-moderate-hover);border-color:var(--ax-border-success-strong)}.aksel-timeline__period--success.aksel-timeline__period--clickable.aksel-timeline__period--selected{background:var(--ax-bg-success-strong-pressed);color:var(--ax-text-success-contrast);border:none}.aksel-timeline__period--warning{background:var(--ax-bg-warning-moderate);border:solid 1px var(--ax-border-warning);color:var(--ax-text-warning-decoration)}.aksel-timeline__period--warning.aksel-timeline__period--clickable:hover{background:var(--ax-bg-warning-moderate-hover);border-color:var(--ax-border-warning-strong)}.aksel-timeline__period--warning.aksel-timeline__period--clickable.aksel-timeline__period--selected{background:var(--ax-bg-warning-strong-pressed);color:var(--ax-text-warning-contrast);border:none}.aksel-timeline__period--danger{background:var(--ax-bg-danger-moderate);border:solid 1px var(--ax-border-danger);color:var(--ax-text-danger-decoration)}.aksel-timeline__period--danger.aksel-timeline__period--clickable:hover{background:var(--ax-bg-danger-moderate-hover);border-color:var(--ax-border-danger-strong)}.aksel-timeline__period--danger.aksel-timeline__period--clickable.aksel-timeline__period--selected{background:var(--ax-bg-danger-strong-pressed);color:var(--ax-text-danger-contrast);border:none}.aksel-timeline__period--info{background:var(--ax-bg-info-moderate);border:solid 1px var(--ax-border-info);color:var(--ax-text-info-decoration)}.aksel-timeline__period--info.aksel-timeline__period--clickable:hover{background:var(--ax-bg-info-moderate-hover);border-color:var(--ax-border-info-strong)}.aksel-timeline__period--info.aksel-timeline__period--clickable.aksel-timeline__period--selected{background:var(--ax-bg-info-strong-pressed);color:var(--ax-text-info-contrast);border:none}.aksel-timeline__period--neutral{background:var(--ax-bg-neutral-moderate);border:solid 1px var(--ax-border-neutral);color:var(--ax-text-neutral-decoration)}.aksel-timeline__period--neutral.aksel-timeline__period--clickable:hover{background:var(--ax-bg-neutral-moderate-hover);border-color:var(--ax-border-neutral-strong)}.aksel-timeline__period--neutral.aksel-timeline__period--clickable.aksel-timeline__period--selected{background:var(--ax-bg-neutral-strong-pressed);color:var(--ax-text-neutral-contrast);border:none}.aksel-timeline__period--connected-both{border-radius:0}.aksel-timeline__period--connected-right{border-top-right-radius:0;border-bottom-right-radius:0}.aksel-timeline__period--connected-left{border-top-left-radius:0;border-bottom-left-radius:0}.aksel-timeline__pin-wrapper{z-index:1;isolation:isolate;flex-direction:column-reverse;grid-column:2;height:100%;display:flex;position:absolute;top:0}.aksel-timeline__pin-button{cursor:pointer;background:var(--ax-bg-default);box-shadow:inset 0 0 0 4px var(--ax-bg-danger-strong);z-index:2;border-radius:var(--ax-radius-full);padding:var(--ax-space-8);border:none;position:relative}.aksel-timeline__pin-button:before{content:"";border-radius:var(--ax-radius-full);width:25px;height:25px;position:absolute;inset:-9px 0 0 -9px}.aksel-timeline__pin-button:hover{box-shadow:inset 0 0 0 4px var(--ax-bg-danger-strong-hover)}.aksel-timeline__pin-button:focus-visible{box-shadow:inset 0 0 0 4px var(--ax-border-danger-strong),0 0 0 3px var(--ax-bg-default);outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-timeline__pin-wrapper:before{content:"";background:var(--ax-border-neutral-strong);width:1px;height:calc(100% - 1.8rem);margin:0 auto;top:.9rem}.aksel-timeline__zoom{margin-top:var(--ax-space-24);float:right;list-style-type:none;display:flex}.aksel-timeline__zoom-button{all:unset;cursor:pointer;border:1px solid var(--ax-border-neutral);background:var(--ax-bg-default);border-width:1px 0 1px 1px;padding:6px 9px 6px 8px}.aksel-timeline__zoom li:first-child .aksel-timeline__zoom-button{border-radius:var(--ax-radius-4) 0 0 var(--ax-radius-4)}.aksel-timeline__zoom li:last-child .aksel-timeline__zoom-button{border-radius:0 var(--ax-radius-4) var(--ax-radius-4) 0;border-width:1px}.aksel-timeline__zoom li:only-child .aksel-timeline__zoom-button{border-radius:var(--ax-radius-4)}.aksel-timeline__zoom-button:not([aria-pressed=true]):hover{background:var(--ax-bg-neutral-moderate-hoverA)}.aksel-timeline__zoom-button[aria-pressed=true]{background:var(--ax-bg-neutral-strong-pressed);border-color:var(--ax-bg-neutral-strong-pressed);color:var(--ax-text-neutral-contrast)}.aksel-timeline__zoom li:focus-within{z-index:5}.aksel-timeline__zoom-button:focus-visible{box-shadow:0 0 0 1px var(--ax-bg-default),0 0 0 4px var(--ax-border-focus);border-width:1px}.aksel-timeline__zoom li:not(:last-child) .aksel-timeline__zoom-button:focus-visible{margin-right:2px;padding-right:6px}.aksel-timeline__popover{z-index:5;background-color:var(--ax-bg-raised);box-shadow:var(--ax-shadow-dialog);border:1px solid;border-color:var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-8);padding:var(--ax-space-16) var(--ax-space-20)}.aksel-timeline__popover:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}@media (forced-colors: active){.aksel-timeline__period:focus{outline-offset:3px;outline:3px solid highlight}.aksel-timeline__period--success,.aksel-timeline__period--warning,.aksel-timeline__period--info,.aksel-timeline__period--neutral,.aksel-timeline__period--danger{forced-color-adjust:none}.aksel-timeline__row,.aksel-timeline__pin-wrapper:before{border:1px solid rgba(0,0,0,0)}.aksel-timeline__pin-button{outline:4px solid rgba(0,0,0,0)}.aksel-timeline__pin-button:focus,.aksel-timeline__pin-button:focus-visible{outline-offset:3px;box-shadow:none;outline:4px solid highlight}}}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
.aksel-toggle-group {
|
|
13
|
-
border-radius: var(--ax-
|
|
13
|
+
border-radius: var(--ax-radius-8);
|
|
14
14
|
background-color: var(--ax-bg-input);
|
|
15
15
|
box-shadow: inset 0 0 0 1px var(--ax-border-neutral);
|
|
16
16
|
grid-auto-columns: 1fr;
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
cursor: pointer;
|
|
25
25
|
min-height: 3rem;
|
|
26
26
|
color: var(--ax-text-neutral);
|
|
27
|
-
border-radius: var(--ax-
|
|
27
|
+
border-radius: var(--ax-radius-8);
|
|
28
28
|
background-color: rgba(0, 0, 0, 0);
|
|
29
29
|
border: none;
|
|
30
30
|
justify-content: center;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-toggle-group__wrapper{justify-items:start;gap:var(--ax-space-8);display:grid}.aksel-toggle-group__wrapper--fill{justify-items:initial}.aksel-toggle-group{border-radius:var(--ax-
|
|
1
|
+
@layer aksel.components{.aksel-toggle-group__wrapper{justify-items:start;gap:var(--ax-space-8);display:grid}.aksel-toggle-group__wrapper--fill{justify-items:initial}.aksel-toggle-group{border-radius:var(--ax-radius-8);background-color:var(--ax-bg-input);box-shadow:inset 0 0 0 1px var(--ax-border-neutral);grid-auto-columns:1fr;grid-auto-flow:column;gap:1px;display:inline-grid}.aksel-toggle-group__button{padding:var(--ax-space-4) var(--ax-space-12);cursor:pointer;min-height:3rem;color:var(--ax-text-neutral);border-radius:var(--ax-radius-8);background-color:#0000;border:none;justify-content:center;align-items:center;min-width:fit-content;display:inline-flex;position:relative}.aksel-toggle-group__button:hover{background-color:var(--ax-bg-accent-moderate-hoverA);color:var(--ax-text-neutral)}.aksel-toggle-group__button:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;z-index:1}.aksel-toggle-group__button[data-selected=true]{background-color:var(--ax-bg-accent-strong-pressed);color:var(--ax-text-accent-contrast)}.aksel-toggle-group__button:not([data-selected=true],:first-child,.aksel-toggle-group__button[data-selected=true]+.aksel-toggle-group__button):before{content:"";background-color:var(--ax-border-neutral-subtleA);width:1px;height:50%;display:block;position:absolute;left:-1px}.aksel-toggle-group__button-inner{align-items:center;gap:var(--ax-space-8);display:flex}.aksel-toggle-group__button-inner>*{flex-shrink:0}.aksel-toggle-group__button-inner>svg{font-size:var(--ax-font-size-heading-medium)}:where(.aksel-toggle-group--neutral) .aksel-toggle-group__button:hover{background-color:var(--ax-bg-neutral-moderate-hoverA)}:where(.aksel-toggle-group--neutral) .aksel-toggle-group__button[data-selected=true]{background-color:var(--ax-bg-neutral-strong-pressed);color:var(--ax-text-neutral-contrast)}.aksel-toggle-group--small .aksel-toggle-group__button{padding:var(--ax-space-2) var(--ax-space-12);min-height:2rem}.aksel-toggle-group--small .aksel-toggle-group__button-inner>svg{font-size:var(--ax-font-size-xlarge)}@media (forced-colors: active){.aksel-toggle-group{border:2px solid rgba(0,0,0,0)}.aksel-toggle-group__button:hover{color:highlight;background-color:highlighttext;outline:1px solid highlight}.aksel-toggle-group__button[data-selected=true]{color:selecteditemtext;forced-color-adjust:none;background-color:selecteditem}.aksel-toggle-group__button:focus-visible{outline-color:highlight}}}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
z-index: 3000;
|
|
4
4
|
background-color: var(--ax-bg-neutral-strong);
|
|
5
5
|
color: var(--ax-text-neutral-contrast);
|
|
6
|
-
border-radius: var(--ax-
|
|
6
|
+
border-radius: var(--ax-radius-4);
|
|
7
7
|
padding: 0 var(--ax-space-6);
|
|
8
8
|
text-align: center;
|
|
9
9
|
box-shadow: var(--ax-shadow-dialog);
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
font-family: var(--ax-font-family);
|
|
112
112
|
color: var(--ax-text-neutral);
|
|
113
113
|
padding: 0 var(--ax-space-4);
|
|
114
|
-
border-radius: var(--ax-
|
|
114
|
+
border-radius: var(--ax-radius-2);
|
|
115
115
|
background: var(--ax-bg-neutral-moderate);
|
|
116
116
|
justify-content: center;
|
|
117
117
|
align-items: center;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-tooltip{z-index:3000;background-color:var(--ax-bg-neutral-strong);color:var(--ax-text-neutral-contrast);border-radius:var(--ax-
|
|
1
|
+
@layer aksel.components{.aksel-tooltip{z-index:3000;background-color:var(--ax-bg-neutral-strong);color:var(--ax-text-neutral-contrast);border-radius:var(--ax-radius-4);padding:0 var(--ax-space-6);text-align:center;box-shadow:var(--ax-shadow-dialog);border:1px solid rgba(0,0,0,0);flex-direction:column;align-items:center;animation-duration:.15s;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex}.aksel-tooltip:focus{outline:0}.navds-tooltip__arrow{z-index:-1;background-color:var(--ax-bg-neutral-strong);border-radius:1px;width:.5rem;height:.5rem;position:absolute;transform:rotate(45deg)}@media (forced-colors: active){.navds-tooltip__arrow{display:none}}.aksel-tooltip:where([data-state=open]):where([data-side=bottom]){animation-name:aksel-tooltip-from-bottom,aksel-tooltip-fade-in}.aksel-tooltip:where([data-state=open]):where([data-side=top]){animation-name:aksel-tooltip-from-top,aksel-tooltip-fade-in}.aksel-tooltip:where([data-state=open]):where([data-side=left]){animation-name:aksel-tooltip-from-left,aksel-tooltip-fade-in}.aksel-tooltip:where([data-state=open]):where([data-side=right]){animation-name:aksel-tooltip-from-right,aksel-tooltip-fade-in}@keyframes aksel-tooltip-from-bottom{0%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes aksel-tooltip-from-top{0%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes aksel-tooltip-from-left{0%{transform:translate(4px)}to{transform:translateY(0)}}@keyframes aksel-tooltip-from-right{0%{transform:translate(-4px)}to{transform:translateY(0)}}@keyframes aksel-tooltip-fade-in{0%{opacity:.01}to{opacity:1}}.aksel-tooltip__keys{padding-bottom:var(--ax-space-4);gap:var(--ax-space-4);display:flex}.aksel-tooltip__key{font-family:var(--ax-font-family);color:var(--ax-text-neutral);padding:0 var(--ax-space-4);border-radius:var(--ax-radius-2);background:var(--ax-bg-neutral-moderate);justify-content:center;align-items:center;min-width:1.125rem;height:1.125rem;display:inline-flex}@media (forced-colors: active){.aksel-tooltip__key{outline:1px solid}}}
|