@navikt/ds-css 7.33.5 → 7.35.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 +22 -0
- package/alert.css +255 -0
- package/config/_mappings.js +16 -0
- package/darkside/alert.darkside.css +99 -0
- package/darkside/form/search.darkside.css +1 -0
- package/darkside/index.css +1 -0
- package/darkside/inline-message.darkside.css +15 -0
- package/darkside/link-panel.darkside.css +1 -1
- package/darkside/stepper.darkside.css +1 -1
- package/darkside/tooltip.darkside.css +1 -1
- package/dist/component/alert.css +226 -0
- package/dist/component/alert.min.css +1 -1
- package/dist/component/inlinemessage.css +45 -0
- package/dist/component/inlinemessage.min.css +1 -0
- package/dist/components.css +272 -0
- package/dist/components.min.css +2 -2
- package/dist/darkside/component/alert.css +95 -0
- package/dist/darkside/component/alert.min.css +1 -1
- package/dist/darkside/component/form.css +1 -0
- package/dist/darkside/component/form.min.css +1 -1
- package/dist/darkside/component/inlinemessage.css +17 -0
- package/dist/darkside/component/inlinemessage.min.css +1 -0
- package/dist/darkside/component/linkpanel.css +1 -1
- package/dist/darkside/component/linkpanel.min.css +1 -1
- package/dist/darkside/component/stepper.css +1 -1
- package/dist/darkside/component/stepper.min.css +1 -1
- package/dist/darkside/component/tooltip.css +1 -1
- package/dist/darkside/component/tooltip.min.css +1 -1
- package/dist/darkside/components.css +115 -3
- package/dist/darkside/components.min.css +1 -1
- package/dist/darkside/global/tokens.css +1 -1
- package/dist/darkside/global/tokens.min.css +1 -1
- package/dist/darkside/index.css +116 -4
- package/dist/darkside/index.min.css +1 -1
- package/dist/darkside/version/7.35.0/component/alert.css +170 -0
- package/dist/darkside/version/7.35.0/component/alert.min.css +1 -0
- package/dist/darkside/version/{7.33.5 → 7.35.0}/component/form.css +1 -0
- package/dist/darkside/version/{7.33.5 → 7.35.0}/component/form.min.css +1 -1
- package/dist/darkside/version/7.35.0/component/inlinemessage.css +17 -0
- package/dist/darkside/version/7.35.0/component/inlinemessage.min.css +1 -0
- package/dist/darkside/version/{7.33.5 → 7.35.0}/component/linkpanel.css +1 -1
- package/dist/darkside/version/{7.33.5 → 7.35.0}/component/linkpanel.min.css +1 -1
- package/dist/darkside/version/{7.33.5 → 7.35.0}/component/stepper.css +1 -1
- package/dist/darkside/version/7.35.0/component/stepper.min.css +1 -0
- package/dist/darkside/version/{7.33.5 → 7.35.0}/component/tooltip.css +1 -1
- package/dist/darkside/version/7.35.0/component/tooltip.min.css +1 -0
- package/dist/darkside/version/{7.33.5 → 7.35.0}/components.css +115 -3
- package/dist/darkside/version/7.35.0/components.min.css +1 -0
- package/dist/darkside/version/{7.33.5 → 7.35.0}/global/tokens.css +1 -1
- package/dist/darkside/version/{7.33.5 → 7.35.0}/global/tokens.min.css +1 -1
- package/dist/darkside/version/{7.33.5 → 7.35.0}/index.css +116 -4
- package/dist/darkside/version/7.35.0/index.min.css +1 -0
- package/dist/global/tokens.css +2 -2
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +274 -2
- package/dist/index.min.css +3 -3
- package/index.css +1 -0
- package/inline-message.css +45 -0
- package/package.json +2 -2
- package/dist/darkside/version/7.33.5/component/alert.css +0 -75
- package/dist/darkside/version/7.33.5/component/alert.min.css +0 -1
- package/dist/darkside/version/7.33.5/component/stepper.min.css +0 -1
- package/dist/darkside/version/7.33.5/component/tooltip.min.css +0 -1
- package/dist/darkside/version/7.33.5/components.min.css +0 -1
- package/dist/darkside/version/7.33.5/index.min.css +0 -1
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/accordion.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/accordion.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/actionmenu.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/actionmenu.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/button.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/button.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/chat.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/chat.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/chips.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/chips.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/copybutton.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/copybutton.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/date.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/date.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/dropdown.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/dropdown.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/expansioncard.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/expansioncard.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/guidepanel.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/guidepanel.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/helptext.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/helptext.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/internalheader.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/internalheader.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/link.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/link.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/linkanchor.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/linkanchor.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/linkcard.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/linkcard.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/list.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/list.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/loader.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/loader.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/modal.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/modal.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/pagination.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/pagination.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/panel.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/panel.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/popover.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/popover.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/primitives.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/primitives.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/process.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/process.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/progressbar.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/progressbar.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/readmore.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/readmore.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/skeleton.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/skeleton.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/table.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/table.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/tabs.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/tabs.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/tag.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/tag.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/theme.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/theme.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/timeline.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/timeline.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/togglegroup.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/togglegroup.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/typography.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/component/typography.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/global/baseline.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/global/baseline.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/global/fonts.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/global/fonts.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/global/print.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/global/print.min.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/global/reset.css +0 -0
- /package/dist/darkside/version/{7.33.5 → 7.35.0}/global/reset.min.css +0 -0
|
@@ -0,0 +1,170 @@
|
|
|
1
|
+
@layer aksel.components {
|
|
2
|
+
.aksel-alert {
|
|
3
|
+
border-radius: var(--ax-radius-12);
|
|
4
|
+
padding: var(--ax-space-16) var(--ax-space-20);
|
|
5
|
+
gap: var(--ax-space-12);
|
|
6
|
+
border: 1px solid;
|
|
7
|
+
border-color: var(--ax-border-default);
|
|
8
|
+
background-color: var(--ax-bg-moderate);
|
|
9
|
+
align-items: center;
|
|
10
|
+
display: flex;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.aksel-alert > .aksel-alert__icon {
|
|
14
|
+
color: var(--ax-text-decoration);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@media (forced-colors: active) {
|
|
18
|
+
.aksel-alert {
|
|
19
|
+
color: canvastext;
|
|
20
|
+
background-color: canvas;
|
|
21
|
+
border: 1px solid canvastext;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.aksel-alert__wrapper--maxwidth {
|
|
26
|
+
max-width: 43.5rem;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.aksel-alert__icon {
|
|
30
|
+
height: var(--ax-font-line-height-xlarge);
|
|
31
|
+
flex-shrink: 0;
|
|
32
|
+
align-self: flex-start;
|
|
33
|
+
font-size: 1.5rem;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.aksel-alert--small {
|
|
37
|
+
padding: var(--ax-space-12) var(--ax-space-16);
|
|
38
|
+
gap: var(--ax-space-8);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.aksel-alert--small > .aksel-alert__icon {
|
|
42
|
+
height: var(--ax-font-line-height-large);
|
|
43
|
+
margin-block-start: 0;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.aksel-alert--full-width {
|
|
47
|
+
border-radius: 0;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.aksel-alert--inline {
|
|
51
|
+
background-color: rgba(0, 0, 0, 0);
|
|
52
|
+
border: none;
|
|
53
|
+
padding: 0;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.aksel-alert__button-wrapper {
|
|
57
|
+
flex-flow: row;
|
|
58
|
+
flex: 1;
|
|
59
|
+
justify-content: flex-end;
|
|
60
|
+
align-self: flex-start;
|
|
61
|
+
display: flex;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.aksel-alert--close-button > .aksel-alert__wrapper, .aksel-alert--close-button > .aksel-alert__icon {
|
|
65
|
+
margin-block-start: var(--ax-space-2);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.aksel-alert--close-button.aksel-alert--small {
|
|
69
|
+
align-items: flex-start;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper, .aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
|
|
73
|
+
margin-block-start: var(--ax-space-4);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.aksel-base-alert {
|
|
77
|
+
border-radius: var(--ax-radius-12);
|
|
78
|
+
--__axc-base-alert-pi: var(--ax-space-20);
|
|
79
|
+
--__axc-base-alert-content-p: var(--ax-space-12) var(--__axc-base-alert-pi) var(--ax-space-16) var(--__axc-base-alert-pi);
|
|
80
|
+
--__axc-base-alert-title-pb: var(--ax-space-2);
|
|
81
|
+
--__axc-base-alert-header-max-width: 37.5rem;
|
|
82
|
+
height: fit-content;
|
|
83
|
+
display: grid;
|
|
84
|
+
overflow: clip;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.aksel-base-alert[data-size="small"] {
|
|
88
|
+
--__axc-base-alert-pi: var(--ax-space-16);
|
|
89
|
+
--__axc-base-alert-content-p: var(--ax-space-8) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);
|
|
90
|
+
--__axc-base-alert-title-pb: var(--ax-space-4);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.aksel-base-alert[data-variant="moderate"] {
|
|
94
|
+
outline: 1px solid var(--ax-border-default);
|
|
95
|
+
outline-offset: -1px;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.aksel-base-alert[data-variant="strong"] {
|
|
99
|
+
outline: 4px solid var(--ax-border-default);
|
|
100
|
+
outline-offset: -4px;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.aksel-base-alert[data-variant="strong"][data-color="neutral"] {
|
|
104
|
+
outline-color: var(--ax-border-strong);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.aksel-base-alert[data-global="true"] {
|
|
108
|
+
border-radius: 0;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.aksel-base-alert__header {
|
|
112
|
+
align-items: flex-start;
|
|
113
|
+
gap: var(--ax-space-8);
|
|
114
|
+
padding: var(--ax-space-8) var(--__axc-base-alert-pi);
|
|
115
|
+
border-bottom: 1px solid;
|
|
116
|
+
display: flex;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.aksel-base-alert[data-global="true"] .aksel-base-alert__header {
|
|
120
|
+
padding-inline: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.aksel-base-alert[data-variant="moderate"] .aksel-base-alert__header {
|
|
124
|
+
background: var(--ax-bg-moderate);
|
|
125
|
+
color: var(--ax-text-default);
|
|
126
|
+
border-color: var(--ax-border-subtleA);
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.aksel-base-alert[data-variant="strong"] .aksel-base-alert__header {
|
|
130
|
+
background: var(--ax-bg-strong);
|
|
131
|
+
color: var(--ax-text-contrast);
|
|
132
|
+
border-bottom: none;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.aksel-base-alert__header:only-child {
|
|
136
|
+
border-bottom: none;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.aksel-base-alert__icon {
|
|
140
|
+
margin-top: var(--ax-space-4);
|
|
141
|
+
font-size: 1.5rem;
|
|
142
|
+
display: grid;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.aksel-base-alert__title {
|
|
146
|
+
padding-block: var(--__axc-base-alert-title-pb);
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.aksel-base-alert__content {
|
|
150
|
+
padding: var(--__axc-base-alert-content-p);
|
|
151
|
+
background-color: var(--ax-bg-default);
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.aksel-base-alert[data-global="true"] .aksel-base-alert__content {
|
|
155
|
+
padding-inline: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.aksel-base-alert__close-button {
|
|
159
|
+
z-index: 1;
|
|
160
|
+
margin-left: auto;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.aksel-base-alert__close-button:focus-visible {
|
|
164
|
+
outline-color: var(--ax-bg-default);
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.aksel-base-alert__close-button.aksel-base-alert__close-button.aksel-base-alert__close-button {
|
|
168
|
+
color: var(--ax-text-neutral-contrast);
|
|
169
|
+
}
|
|
170
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.components{.aksel-alert{border-radius:var(--ax-radius-12);padding:var(--ax-space-16) var(--ax-space-20);gap:var(--ax-space-12);border:1px solid;border-color:var(--ax-border-default);background-color:var(--ax-bg-moderate);align-items:center;display:flex}.aksel-alert>.aksel-alert__icon{color:var(--ax-text-decoration)}@media(forced-colors:active){.aksel-alert{color:canvastext;background-color:canvas;border:1px solid canvastext}}.aksel-alert__wrapper--maxwidth{max-width:43.5rem}.aksel-alert__icon{height:var(--ax-font-line-height-xlarge);flex-shrink:0;align-self:flex-start;font-size:1.5rem}.aksel-alert--small{padding:var(--ax-space-12) var(--ax-space-16);gap:var(--ax-space-8)}.aksel-alert--small>.aksel-alert__icon{height:var(--ax-font-line-height-large);margin-block-start:0}.aksel-alert--full-width{border-radius:0}.aksel-alert--inline{background-color:#0000;border:none;padding:0}.aksel-alert__button-wrapper{flex-flow:row;flex:1;justify-content:flex-end;align-self:flex-start;display:flex}.aksel-alert--close-button>.aksel-alert__wrapper,.aksel-alert--close-button>.aksel-alert__icon{margin-block-start:var(--ax-space-2)}.aksel-alert--close-button.aksel-alert--small{align-items:flex-start}.aksel-alert--close-button.aksel-alert--small>.aksel-alert__wrapper,.aksel-alert--close-button.aksel-alert--small>.aksel-alert__icon{margin-block-start:var(--ax-space-4)}.aksel-base-alert{border-radius:var(--ax-radius-12);--__axc-base-alert-pi: var(--ax-space-20);--__axc-base-alert-content-p: var(--ax-space-12) var(--__axc-base-alert-pi) var(--ax-space-16) var(--__axc-base-alert-pi);--__axc-base-alert-title-pb: var(--ax-space-2);--__axc-base-alert-header-max-width: 37.5rem;height:fit-content;display:grid;overflow:clip}.aksel-base-alert[data-size=small]{--__axc-base-alert-pi: var(--ax-space-16);--__axc-base-alert-content-p: var(--ax-space-8) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);--__axc-base-alert-title-pb: var(--ax-space-4)}.aksel-base-alert[data-variant=moderate]{outline:1px solid var(--ax-border-default);outline-offset:-1px}.aksel-base-alert[data-variant=strong]{outline:4px solid var(--ax-border-default);outline-offset:-4px}.aksel-base-alert[data-variant=strong][data-color=neutral]{outline-color:var(--ax-border-strong)}.aksel-base-alert[data-global=true]{border-radius:0}.aksel-base-alert__header{align-items:flex-start;gap:var(--ax-space-8);padding:var(--ax-space-8) var(--__axc-base-alert-pi);border-bottom:1px solid;display:flex}.aksel-base-alert[data-global=true] .aksel-base-alert__header{padding-inline:max(var(--__axc-base-alert-pi),calc((100% - var(--__axc-base-alert-header-max-width)) / 2))}.aksel-base-alert[data-variant=moderate] .aksel-base-alert__header{background:var(--ax-bg-moderate);color:var(--ax-text-default);border-color:var(--ax-border-subtleA)}.aksel-base-alert[data-variant=strong] .aksel-base-alert__header{background:var(--ax-bg-strong);color:var(--ax-text-contrast);border-bottom:none}.aksel-base-alert__header:only-child{border-bottom:none}.aksel-base-alert__icon{margin-top:var(--ax-space-4);font-size:1.5rem;display:grid}.aksel-base-alert__title{padding-block:var(--__axc-base-alert-title-pb)}.aksel-base-alert__content{padding:var(--__axc-base-alert-content-p);background-color:var(--ax-bg-default)}.aksel-base-alert[data-global=true] .aksel-base-alert__content{padding-inline:max(var(--__axc-base-alert-pi),calc((100% - var(--__axc-base-alert-header-max-width)) / 2))}.aksel-base-alert__close-button{z-index:1;margin-left:auto}.aksel-base-alert__close-button:focus-visible{outline-color:var(--ax-bg-default)}.aksel-base-alert__close-button.aksel-base-alert__close-button.aksel-base-alert__close-button{color:var(--ax-text-neutral-contrast)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-fieldset{border:0;min-width:0;margin:0;padding:0}.aksel-fieldset>:not(:first-child,:empty){margin-top:var(--ax-space-8)}.aksel-fieldset__description{color:var(--ax-text-neutral-subtle)}.aksel-fieldset>.aksel-fieldset__description:not(:empty){margin-top:.125rem}.aksel-fieldset>.aksel-sr-only+:not(:first-child,:empty){margin-top:0}.aksel-fieldset__legend{padding:0}.aksel-fieldset--readonly>:where(.aksel-fieldset__legend){display:inline-flex}.aksel-fieldset:disabled>.aksel-fieldset__legend,.aksel-fieldset:disabled>.aksel-fieldset__description{opacity:var(--ax-opacity-disabled)}@media(forced-colors:active){.aksel-fieldset:disabled>.aksel-fieldset__legend,.aksel-fieldset:disabled>.aksel-fieldset__description{opacity:1}}.aksel-dropzone__area{--__axc-dropzone-background: var(--ax-bg-input);--__axc-dropzone-icon-padding: var(--ax-space-8);--__axc-dropzone-animation-length-long: .4s;--__axc-dropzone-animation-length-short: .25s;--__axc-dropzone-animation-ease-out: cubic-bezier(.3, 1, .3, 1);--__axc-dropzone-animation-over-under: cubic-bezier(.3, 1, .3, 1);align-items:center;gap:var(--ax-space-16);text-align:center;width:100%;padding:var(--ax-space-16) var(--ax-space-20);border:1px dashed var(--ax-border-neutral);border-radius:var(--ax-radius-12);background-color:var(--__axc-dropzone-background);color:var(--ax-text-neutral);transition:background-color var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);cursor:pointer;flex-direction:column;display:flex;position:relative}.aksel-dropzone__area:hover:not([data-disabled=true]){border-color:var(--ax-border-strong)}.aksel-dropzone__area:hover:not([data-disabled=true])>.aksel-dropzone__area-button{background-color:var(--ax-bg-moderate-hover);box-shadow:inset 0 0 0 2px var(--ax-bg-strong-hover)}.aksel-dropzone__area:active:not([data-disabled=true])>.aksel-dropzone__area-button{background-color:var(--ax-bg-strong-pressed);color:var(--ax-text-contrast);box-shadow:none}.aksel-dropzone__area[data-disabled=true]{--__axc-dropzone-background: var(--ax-bg-neutral-soft);border-color:var(--ax-border-neutral-subtleA);cursor:default}.aksel-dropzone--dragging>.aksel-dropzone__area{--__axc-dropzone-background: var(--ax-bg-input)}.aksel-dropzone--dragging>.aksel-dropzone__area:after{color:var(--ax-text-default);background-color:var(--ax-bg-moderateA);content:"";border:1px dashed var(--ax-border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--ax-radius-12);animation:akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);margin:-1px;position:absolute;inset:0}@keyframes akselDropzoneDragoverAnimation{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}70%{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}to{background-color:var(--ax-bg-moderateA)}}.aksel-dropzone__area-icon{padding:var(--__axc-dropzone-icon-padding);visibility:hidden;display:grid}.aksel-dropzone--error>.aksel-dropzone__area{outline:2px solid var(--ax-border-danger-strong);outline-offset:-1px;border-color:#0000}.aksel-dropzone__area-release{top:var(--ax-space-16);z-index:1;pointer-events:none;transition:top var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under),transform var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under);display:grid;position:absolute}.aksel-dropzone__area-release__icon{padding:var(--__axc-dropzone-icon-padding);border-radius:var(--ax-radius-full);background-color:var(--ax-bg-neutral-moderateA);transition:background-color .3s var(--__axc-dropzone-animation-ease-out),font-size .3s var(--__axc-dropzone-animation-ease-out);font-size:1.5rem;display:grid}.aksel-dropzone--dragging .aksel-dropzone__area-release>.aksel-dropzone__area-release__icon{background-color:#0000;font-size:2rem}.aksel-dropzone__area-release__text{visibility:hidden}.aksel-dropzone--dragging .aksel-dropzone__area-release>.aksel-dropzone__area-release__text{transition:visibility var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under);visibility:visible}.aksel-dropzone--dragging .aksel-dropzone__area-release{color:var(--ax-text-subtle);top:50%;transform:translateY(-50%)}.aksel-dropzone__area-disabled{color:var(--ax-text-neutral-subtle);align-items:center;gap:var(--ax-space-8);flex-direction:column;display:flex}.aksel-file-upload :is(ul,li),ul:has(>li.aksel-file-item),li.aksel-file-item{margin:0;padding:0;list-style:none}.aksel-file-item__inner{background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-neutral-subtleA);outline-offset:-1px;border-radius:var(--ax-radius-12);padding:var(--ax-space-16) var(--ax-space-20);gap:var(--ax-space-12);align-items:flex-start;transition:outline-color .25s cubic-bezier(0,.3,.15,1);display:flex}.aksel-file-item--error>.aksel-file-item__inner{outline:2px solid var(--ax-border-danger-strong)}.aksel-file-item__icon{background-color:var(--ax-bg-neutral-moderateA);color:var(--ax-text-neutral);border-radius:var(--ax-radius-full);min-width:2.5rem;min-height:2.5rem;margin-top:var(--ax-space-2);place-content:center;transition:background-color .25s cubic-bezier(0,.3,.15,1);display:grid}.aksel-file-item__icon>svg{width:1.5rem;height:1.5rem}.aksel-file-item__icon--loading{background-color:#0000}.aksel-file-item__file-info{overflow-wrap:anywhere}.aksel-file-item__error{grid-template-rows:0fr;transition-property:grid-template-rows,padding-top;transition-duration:.25s;transition-timing-function:cubic-bezier(0,.3,.15,1);display:grid;overflow:hidden}.aksel-file-item--error .aksel-file-item__error{padding-top:var(--ax-space-4);grid-template-rows:1fr}.aksel-form-field{justify-items:start;gap:var(--ax-space-8);display:grid}.aksel-form-field__description{color:var(--ax-text-neutral-subtle);margin-top:-.375rem}.aksel-form-field__description:empty{display:none}.aksel-form-field--disabled{opacity:var(--ax-opacity-disabled);cursor:not-allowed}.aksel-form-field__error:empty{display:none}.aksel-form-field__subdescription{color:var(--ax-text-neutral-subtle)}.aksel-form-field--readonly>:where(.aksel-form-field__label){display:inline-flex}.aksel-form-field__readonly-icon{margin-top:var(--ax-space-2);margin-right:var(--ax-space-4);flex-shrink:0;align-self:flex-start}@media(forced-colors:active){.aksel-form-field--disabled{opacity:1}}.aksel-error-summary{background-color:var(--ax-bg-default);padding:var(--ax-space-16) var(--ax-space-20);border:4px solid var(--ax-border-danger);border-radius:var(--ax-radius-12);outline-offset:3px}.aksel-error-summary:focus-visible,.aksel-error-summary:has(.aksel-error-summary__heading:focus-visible){outline:3px solid var(--ax-border-focus)}@supports not selector(:focus-visible){.aksel-error-summary:focus{outline:3px solid var(--ax-border-focus)}}.aksel-error-summary--small{padding:var(--ax-space-12) var(--ax-space-16)}.aksel-error-summary--small .aksel-error-summary__heading{scroll-margin-top:var(--ax-space-16)}.aksel-error-summary--small>.aksel-error-summary__list{margin:var(--ax-space-8) 0;gap:var(--ax-space-8);padding-left:var(--ax-space-20)}.aksel-error-summary__heading{scroll-margin-top:var(--ax-space-24)}.aksel-error-summary__heading:focus{outline:none}.aksel-error-summary__list{margin:var(--ax-space-12) 0;gap:var(--ax-space-12);padding-left:var(--ax-space-24);list-style:inherit;flex-direction:column;display:flex}.aksel-confirmation-panel__inner{gap:var(--ax-space-12);padding:var(--ax-space-16);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-default);background-color:var(--ax-bg-moderate);flex-direction:column;justify-self:stretch;transition:background-color .1s linear;display:flex;position:relative}.aksel-confirmation-panel__content{max-width:80ch}@media(forced-colors:active){.aksel-confirmation-panel__inner:before{content:"";forced-color-adjust:none;border-color:orange;border-left-style:solid;border-left-width:8px;border-start-start-radius:calc(var(--ax-radius-8) - 1px);border-end-start-radius:calc(var(--ax-radius-8) - 1px);height:100%;position:absolute;top:0;left:0}.aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before{border-color:green}.aksel-confirmation-panel--error .aksel-confirmation-panel__inner:before{border-color:red}}.aksel-checkbox,.aksel-radio{--__axc-radio-checkbox-marker-size: 1.5rem;--__axc-radio-checkbox-marker-target: 2.75rem;gap:var(--ax-space-2) 0;width:fit-content;padding:var(--ax-space-12) 0;grid-template-columns:auto 1fr;display:grid;position:relative}:is(.aksel-checkbox,.aksel-radio):focus-within:after{content:"";inset:var(--ax-space-12) 0;pointer-events:none;border-radius:var(--ax-radius-4);outline:3px solid var(--ax-border-focus);outline-offset:3px;position:absolute}.aksel-checkbox--small,.aksel-radio--small{--__axc-radio-checkbox-marker-size: 1.25rem;--__axc-radio-checkbox-marker-target: 2rem;padding:var(--ax-space-6) 0}:is(.aksel-checkbox--small,.aksel-radio--small):focus-within:after{inset:var(--ax-space-6) 0}.aksel-checkbox__label,.aksel-radio__label{cursor:pointer}.aksel-checkbox__description,.aksel-radio__description{grid-column-start:2}.aksel-checkbox__label,.aksel-radio__label,.aksel-checkbox__description,.aksel-radio__description{padding-left:var(--ax-space-8)}.aksel-checkbox__input-wrapper{height:var(--__axc-radio-checkbox-marker-size);position:relative}.aksel-checkbox__input,.aksel-radio__input{--__axc-radio-checkbox-marker-border: 2px;appearance:none;cursor:pointer;width:var(--__axc-radio-checkbox-marker-size);height:var(--__axc-radio-checkbox-marker-size);background-color:var(--ax-bg-input);border:var(--__axc-radio-checkbox-marker-border) solid var(--ax-border-neutral);border-radius:var(--ax-radius-4);outline:none;position:relative}.aksel-checkbox__input:before,.aksel-radio__input:before{content:"";inset:calc(-1 * (var(--__axc-radio-checkbox-marker-border) + (var(--__axc-radio-checkbox-marker-target) - var(--__axc-radio-checkbox-marker-size)) / 2));position:absolute}.aksel-radio__input{border-radius:var(--ax-radius-full)}.aksel-checkbox__input:indeterminate{justify-content:center;align-items:center;display:flex}.aksel-checkbox__input:indeterminate:after{content:"";background-color:var(--ax-bg-default);border-radius:1px;width:.75rem;height:.25rem;position:absolute}.aksel-checkbox__input:where(:checked,:indeterminate){background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-checkbox__input:where(:checked,:indeterminate):not(:disabled):hover{border-color:var(--ax-bg-strong-hover);background-color:var(--ax-bg-strong-hover)}.aksel-checkbox__input:where(:not(:checked))+.aksel-checkbox__icon{display:none}.aksel-checkbox__icon{color:var(--ax-bg-default);pointer-events:none;width:.8125rem;height:var(--__axc-radio-checkbox-marker-size);top:0;left:var(--ax-space-6);position:absolute}.aksel-checkbox--small .aksel-checkbox__input:checked+.aksel-checkbox__icon{left:var(--ax-space-4)}.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 8px;border-color:var(--ax-bg-strong-pressed);background-color:var(--ax-bg-input)}.aksel-radio--small>.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 7px}.aksel-checkbox__input:hover:not(:disabled,:checked,:indeterminate),.aksel-radio__input:hover:not(:disabled,:checked){border-color:var(--ax-border-strong);background-color:var(--ax-bg-moderate-hoverA)}.aksel-checkbox--error .aksel-checkbox__input:not(:disabled,:checked,:indeterminate),.aksel-radio--error>.aksel-radio__input:not(:disabled,:checked){border-color:var(--ax-border-danger-strong)}.aksel-checkbox--disabled,.aksel-radio--disabled{opacity:var(--ax-opacity-disabled)}.aksel-checkbox--disabled :where(.aksel-checkbox__input,.aksel-checkbox__label),.aksel-radio--disabled>:where(.aksel-radio__input,.aksel-radio__label){cursor:not-allowed}.aksel-checkbox--readonly :where(.aksel-checkbox__input,.aksel-checkbox__label),.aksel-radio--readonly>:where(.aksel-radio__input,.aksel-radio__label){cursor:default}.aksel-checkbox--readonly .aksel-checkbox__input:not(:disabled),.aksel-radio--readonly>.aksel-radio__input:not(:disabled){background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtle)}.aksel-checkbox--readonly .aksel-checkbox__label{display:inline-flex}.aksel-checkbox--readonly .aksel-checkbox__input:checked+.aksel-checkbox__icon{color:var(--ax-text-neutral-subtle)}.aksel-checkbox--readonly .aksel-checkbox__input:indeterminate:after{background-color:var(--ax-text-neutral-subtle)}.aksel-radio--readonly>.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 0px;background-color:var(--ax-bg-neutral-strong);box-shadow:inset 0 0 0 2px var(--ax-border-neutral-subtle),inset 0 0 0 8px var(--ax-bg-neutral-moderate)}.aksel-radio--small.aksel-radio--readonly>.aksel-radio__input:checked{box-shadow:inset 0 0 0 2px var(--ax-border-neutral-subtle),inset 0 0 0 7px var(--ax-bg-neutral-moderate)}@media(forced-colors:active){:is(.aksel-checkbox,.aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after{background-color:fieldtext}.aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled))>.aksel-checkbox__label,.aksel-radio:not(.aksel-radio--readonly)>.aksel-radio__input:hover:not(:disabled)+.aksel-radio__label{color:highlight}.aksel-checkbox:not(.aksel-checkbox--readonly) .aksel-checkbox__input:hover:not(:disabled),.aksel-radio:not(.aksel-radio--readonly)>.aksel-radio__input:hover:not(:disabled){border-color:highlight}.aksel-checkbox--readonly .aksel-checkbox__input:checked+.aksel-checkbox__icon{color:var(--ax-bg-default)}.aksel-radio--readonly>.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 8px}.aksel-radio--small.aksel-radio--readonly>.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 7px}.aksel-checkbox--disabled,.aksel-radio--disabled{opacity:1}.aksel-checkbox--disabled .aksel-checkbox__input,.aksel-radio--disabled .aksel-radio__input{background-color:field;border-color:graytext}.aksel-checkbox--disabled .aksel-checkbox__input:indeterminate:after{background-color:graytext}.aksel-checkbox--disabled :is(.aksel-checkbox__label,.aksel-checkbox__description,.aksel-checkbox__input:checked+.aksel-checkbox__icon),.aksel-radio--disabled :is(.aksel-radio__label,.aksel-radio__description){color:graytext}}.aksel-select__input{appearance:none;background-color:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);color:var(--ax-text-neutral);box-sizing:border-box;width:100%;min-height:3rem;padding:var(--ax-space-8);padding-right:var(--ax-space-40);scroll-margin-block-start:4rem;display:inline-block;position:relative}.aksel-select__input:hover{border-color:var(--ax-border-strong);cursor:pointer}.aksel-select__input:focus{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-strong)}@media(forced-colors:active){.aksel-select__input{color:buttontext;background-color:buttonface;border-color:buttontext}}.aksel-select__container{width:100%;color:var(--ax-text-neutral);display:flex;position:relative}.aksel-select__chevron{right:var(--ax-space-8);pointer-events:none;color:var(--ax-text-neutral);align-self:center;font-size:1.5rem;position:absolute}@media(forced-colors:active){.aksel-select__chevron{color:buttontext}}.aksel-form-field--small .aksel-select__input{min-height:2rem;padding-block:0}.aksel-select--error>* select,.aksel-select--error>* select:hover,.aksel-select--error>* select:focus{box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}.aksel-select__input:disabled{background-color:var(--ax-bg-input);border:1px solid var(--ax-border-neutral);box-shadow:none;cursor:not-allowed;opacity:1;color:var(--ax-text-neutral)}.aksel-select__input:disabled>option{color:var(--ax-text-neutral)}@media(forced-colors:active){.aksel-select__input:disabled+.aksel-select__chevron{color:graytext}}.aksel-select--readonly .aksel-select__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}@media(forced-colors:active){.aksel-select--readonly .aksel-select__input:is(:hover,:focus){color:buttontext;background-color:buttonface;border-color:buttontext}}.aksel-select--readonly .aksel-select__chevron{color:var(--ax-text-neutral-subtle)}.aksel-switch{width:fit-content;min-height:3rem;position:relative}.aksel-switch--small{min-height:2rem}.aksel-switch__input{cursor:pointer;z-index:1;opacity:0;width:3rem;height:3rem;position:absolute;top:0}.aksel-switch--small>.aksel-switch__input{width:2.5rem;height:2rem;top:0}.aksel-switch__label-wrapper{cursor:pointer;color:var(--ax-text-neutral)}.aksel-switch__content{--__axc-switch-block-padding: .75rem;--__axc-switch-inline-padding: 3.25rem;gap:var(--ax-space-2);padding:var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) var(--__axc-switch-inline-padding);flex-direction:column;display:flex;position:relative}.aksel-switch--right .aksel-switch__content{padding:var(--__axc-switch-block-padding) var(--__axc-switch-inline-padding) var(--__axc-switch-block-padding) 0}.aksel-switch--small .aksel-switch__content{--__axc-switch-block-padding: .375rem;--__axc-switch-inline-padding: 2.75rem}.aksel-switch__content.aksel-switch--with-description{padding-bottom:0}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content:after{content:"";width:100%;height:calc(100% - var(--__axc-switch-block-padding) * 2);border-radius:var(--ax-radius-4);outline:3px solid var(--ax-border-focus);outline-offset:3px;pointer-events:none;position:absolute;left:0}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content.aksel-switch--with-description:after{height:calc(100% - var(--__axc-switch-block-padding) * 1)}.aksel-switch__input:disabled:hover~.aksel-switch__label-wrapper{color:inherit}.aksel-switch__track{background-color:var(--ax-bg-input);width:2.75rem;height:1.5rem;top:var(--ax-space-12);border-radius:var(--ax-radius-full);border:2px solid var(--ax-border-neutral);transition-property:background-color,border-color;transition-duration:.1s;transition-timing-function:ease;position:absolute;left:0}.aksel-switch--small>.aksel-switch__track{top:var(--ax-space-6);width:2.25rem;height:1.25rem}.aksel-switch__input:checked~.aksel-switch__track{background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-switch__input:hover~.aksel-switch__track{background-color:var(--ax-bg-neutral-moderate-hover)}.aksel-switch__input:hover:checked~.aksel-switch__track{background-color:var(--ax-bg-strong-hover);border-color:var(--ax-bg-strong-hover)}.aksel-switch__input:disabled~.aksel-switch__track{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral)}.aksel-switch__input:checked:disabled~.aksel-switch__track{background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-switch--standalone>.aksel-switch__input:focus~.aksel-switch__track{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong);border-radius:var(--ax-radius-full);justify-content:center;align-items:center;width:1.125rem;height:1.125rem;transition:transform .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:.0625rem;left:.0625rem;transform:translate(0)}.aksel-switch--small .aksel-switch__thumb{width:.875rem;height:.875rem}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{background-color:var(--ax-bg-raised);color:var(--ax-text-subtle);width:1.25rem;height:1.25rem;top:0;left:0;transform:translate(1.25rem)}.aksel-switch--small>.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{width:1rem;height:1rem;top:0;left:0;transform:translate(1rem)}@media(hover:hover)and (pointer:fine){.aksel-switch__input:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(.17rem)}.aksel-switch__input:checked:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1.1rem)}.aksel-switch--small>.aksel-switch__input:checked:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(.875rem)}}.aksel-switch--right{width:auto}.aksel-switch--right .aksel-switch__input,.aksel-switch--right .aksel-switch__track{left:auto;right:0}.aksel-switch__input:disabled{appearance:none}.aksel-switch--disabled:not(.aksel-switch--loading){opacity:var(--ax-opacity-disabled)}.aksel-switch__input:disabled,.aksel-switch__input:disabled~.aksel-switch__label-wrapper{cursor:not-allowed}.aksel-switch--readonly>.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:hover~.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:checked~.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:checked:hover~.aksel-switch__track{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA)}.aksel-switch--readonly>.aksel-switch__label-wrapper,.aksel-switch--readonly>.aksel-switch__input{cursor:default}.aksel-switch--readonly .aksel-switch__label{display:inline-flex}.aksel-switch--readonly .aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong)}.aksel-switch--readonly>.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong);color:var(--ax-text-neutral-contrast)}@media(hover:hover)and (pointer:fine){.aksel-switch--readonly>.aksel-switch__input:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(0)}.aksel-switch--readonly>.aksel-switch__input:checked:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1.25rem)}.aksel-switch--readonly.aksel-switch--small>.aksel-switch__input:checked:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1rem)}}@media(forced-colors:active){.aksel-switch__thumb,.aksel-switch--readonly .aksel-switch__thumb{background-color:fieldtext!important}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb,.aksel-switch--readonly .aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{color:field}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content:after,.aksel-switch--standalone>.aksel-switch__input:focus~.aksel-switch__track{outline:3px solid highlight}.aksel-switch--disabled:not(.aksel-switch--loading){opacity:1}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__thumb{background-color:graytext!important}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__track{border-color:graytext!important}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper,.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper:hover{color:graytext!important}}.aksel-text-field__input{appearance:none;padding:var(--ax-space-8);background:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);width:100%;min-height:3rem;color:var(--ax-text-neutral);scroll-margin-block-start:4rem}.aksel-text-field__input:hover{border-color:var(--ax-border-strong)}.aksel-text-field__input:focus-visible{border-color:var(--ax-border-strong);outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-text-field__input:disabled{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral);cursor:not-allowed}.aksel-text-field__input::placeholder{color:var(--ax-text-neutral-subtle)}.aksel-text-field__input[size]{width:auto}.aksel-form-field--small .aksel-text-field__input{padding:0 var(--ax-space-8);min-height:2rem}.aksel-text-field--error .aksel-text-field__input:not(:disabled){border-color:var(--ax-border-danger-strong);box-shadow:0 0 0 1px var(--ax-border-danger-strong)}.aksel-text-field--readonly .aksel-text-field__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}.aksel-text-field__input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-results-button{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}@media(forced-colors:active){.aksel-text-field__input{color:fieldtext;background-color:field}}.aksel-textarea__input{height:var(--__axc-textarea-height);appearance:none;padding:var(--ax-space-8);background-color:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);resize:none;width:100%;color:var(--ax-text-neutral);white-space:break-spaces;scroll-margin-block-start:4rem;display:block}.aksel-textarea__input::placeholder{color:var(--ax-text-neutral-subtle)}.aksel-textarea__input:hover{border-color:var(--ax-border-strong)}.aksel-textarea__input:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-strong)}.aksel-textarea__input:disabled{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral);cursor:not-allowed}.aksel-form-field--small .aksel-textarea__input{padding:var(--ax-space-6)}.aksel-textarea--readonly .aksel-textarea__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}.aksel-textarea__counter{color:var(--ax-text-neutral-subtle);margin-top:-.25rem}.aksel-textarea__counter--error{color:var(--ax-text-danger-subtle)}.aksel-textarea__sr-counter{display:none}.aksel-textarea__input:focus~.aksel-textarea__sr-counter{display:initial}.aksel-textarea--resize-both .aksel-textarea__input{resize:both;border-end-end-radius:0}.aksel-textarea--resize-horizontal .aksel-textarea__input{resize:horizontal;border-end-end-radius:0}.aksel-textarea--resize-vertical .aksel-textarea__input{resize:vertical;border-end-end-radius:0}.aksel-textarea--autoscrollbar,.aksel-textarea--autoscrollbar .aksel-textarea__wrapper{flex-direction:column;margin:-3px;padding:3px;display:flex;overflow:hidden}.aksel-textarea--autoscrollbar .aksel-textarea__input{scrollbar-gutter:stable}.aksel-textarea--error .aksel-textarea__input:not(:disabled){box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}@media(forced-colors:active){.aksel-textarea__input{color:fieldtext;background-color:field}}.aksel-search{flex-direction:column;width:100%;display:flex}.aksel-search__wrapper-inner{width:100%;position:relative}.aksel-search--with-size .aksel-search__wrapper-inner{width:inherit}.aksel-search--with-size .aksel-search__wrapper{width:fit-content}.aksel-search__wrapper{border-radius:var(--ax-radius-8);align-items:center;display:inline-flex}.aksel-search__wrapper:has(.aksel-search__input:focus-visible){outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-search__input{padding-right:var(--ax-space-40)}.aksel-search__input:focus-visible{outline:none}.aksel-search__input.aksel-search__input--primary,.aksel-search__input.aksel-search__input--secondary{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.aksel-search__input--simple{padding-left:var(--ax-space-40)}.aksel-form-field--small .aksel-search__input{padding-right:var(--ax-space-28)}.aksel-form-field--small .aksel-search__input--simple{padding-left:var(--ax-space-28)}.aksel-form-field--small .aksel-search__search-icon{left:var(--ax-space-4);font-size:1.25rem}.aksel-form-field--small .aksel-search__button-clear{right:var(--ax-space-4)}.aksel-search__search-icon{left:var(--ax-space-8);pointer-events:none;font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.aksel-search--disabled .aksel-search__search-icon{opacity:var(--ax-opacity-disabled)}.aksel-search__button-clear{right:var(--ax-space-8);position:absolute;top:50%;transform:translateY(-50%)}.aksel-search__button-search{border-radius:0;border-top-right-radius:var(--ax-radius-8);border-bottom-right-radius:var(--ax-radius-8);flex-shrink:0}.aksel-search__button-search.aksel-button--secondary{--__axc-button-border-width: 1px;--__axc-button-border-color: var(--ax-border-neutral)}.aksel-search__button-search.aksel-button--secondary:not(:hover,:active){background-color:var(--ax-bg-input)}.aksel-search__button-search.aksel-button--secondary:hover:not(:disabled){--__axc-button-border-color: var(--ax-border-strong)}.aksel-search:not(.aksel-search--error,.aksel-search--disabled) .aksel-search__wrapper:has(.aksel-search__input:is(:hover,:focus-visible)) .aksel-search__button-search.aksel-button--secondary:not(:hover,:active){--__axc-button-border-color: var(--ax-border-strong)}.aksel-search--error .aksel-search__input:not(:disabled){border-color:var(--ax-border-danger-strong);box-shadow:inset -2px 0 0 0 var(--ax-border-danger-strong),inset 0 0 0 1px var(--ax-border-danger-strong)}.aksel-search--error .aksel-search__input:not(:disabled).aksel-search__input--simple{box-shadow:inset 0 0 0 1px var(--ax-border-danger-strong)}.aksel-search__input:focus-visible,.aksel-search__button-search:focus-visible{z-index:1}.aksel-search--disabled .aksel-search__input{opacity:var(--ax-opacity-disabled);cursor:not-allowed}.aksel-combobox__wrapper{--__axc-combobox-icon-size: 1.5rem;--__axc-combobox-wrapper-inner-padding: var(--ax-space-8);--__axc-combobox-list-item-padding-block: var(--ax-space-12);--__axc-combobox-list-item-padding-inline: var(--ax-space-12);--__axc-combobox-border-width: 1px;--__axc-combobox-input-height: 2rem;border-radius:var(--ax-radius-8);flex-direction:column;width:100%;display:flex;position:relative}.aksel-form-field:not(:is(.aksel-combobox--disabled,.aksel-combobox--readonly)) .aksel-combobox__wrapper:hover{border-color:var(--ax-border-strong)}.aksel-form-field--small .aksel-combobox__wrapper{--__axc-combobox-icon-size: 1.25rem;--__axc-combobox-wrapper-inner-padding: var(--ax-space-4);--__axc-combobox-list-item-padding-block: var(--ax-space-6);--__axc-combobox-list-item-padding-inline: var(--ax-space-8);--__axc-combobox-input-height: 1.5rem}.aksel-combobox--disabled{opacity:var(--ax-opacity-disabled)}.aksel-combobox--disabled .aksel-combobox__wrapper:hover{border-color:var(--ax-border-neutral)}.aksel-combobox--disabled .aksel-combobox__wrapper :hover{cursor:not-allowed}.aksel-combobox--disabled .aksel-combobox__selected-options,.aksel-combobox--disabled .aksel-combobox--readonly,.aksel-combobox--readonly{pointer-events:none}.aksel-combobox--readonly .aksel-combobox__selected-options .aksel-chips__chip{background-color:var(--ax-bg-neutral-moderateA)}.aksel-combobox--readonly .aksel-combobox__button-toggle-list{color:var(--ax-bg-neutral-moderate)}.aksel-combobox--readonly .aksel-combobox__wrapper{border-color:var(--ax-border-neutral-subtle);overflow:clip}.aksel-combobox--readonly .aksel-text-field__input,.aksel-combobox--readonly .aksel-combobox__input{background-color:var(--ax-bg-neutral-moderate)}.aksel-combobox__button-toggle-list svg,.aksel-combobox__list svg{width:var(--__axc-combobox-icon-size);height:var(--__axc-combobox-icon-size)}.aksel-combobox__wrapper-inner{border:1px solid var(--ax-border-neutral);border-radius:var(--ax-radius-8)}.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible){outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-strong)}.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible).aksel-combobox__wrapper-inner--virtually-unfocused{border-color:var(--ax-border-neutral);outline:none}.aksel-combobox__wrapper-inner.aksel-text-field__input{width:100%;padding-block:calc(var(--__axc-combobox-wrapper-inner-padding) - var(--__axc-combobox-border-width));padding-inline:var(--__axc-combobox-wrapper-inner-padding);flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:relative}.aksel-combobox__wrapper-inner>:first-child{flex:2}.aksel-combobox__wrapper-inner:hover{cursor:text}.aksel-combobox--disabled .aksel-combobox__wrapper-inner:hover{border-color:var(--ax-border-neutral)}.aksel-combobox--error .aksel-combobox__wrapper-inner{border-color:var(--ax-border-danger-strong);box-shadow:0 0 0 1px var(--ax-border-danger-strong)}.aksel-combobox--error .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible){border-color:var(--ax-border-danger-strong)}.aksel-combobox__selected-options{align-items:center;gap:0}.aksel-combobox__selected-options>li{border-radius:var(--ax-radius-full);margin:auto 0}.aksel-combobox__selected-options>li:last-of-type{flex:1;display:flex}.aksel-combobox__selected-options[data-type=multiple]{gap:var(--__axc-combobox-wrapper-inner-padding)}.aksel-combobox__selected-options--no-bg{font-family:inherit;font-size:var(--ax-font-size-large);font-weight:var(--ax-font-weight-regular);letter-spacing:0;line-height:var(--ax-font-line-height-large);margin:0;padding-left:.25rem}.aksel-combobox__input-wrapper{width:100%}.aksel-combobox__input{width:100%;min-width:10ch;height:var(--__axc-combobox-input-height);background:none;border:none;flex:1;margin:0;padding:0}.aksel-combobox__input:focus-visible{border:none;outline:0}.aksel-combobox__selected-options>li:only-child>.aksel-combobox__input{margin-left:var(--ax-space-4)}.aksel-combobox__selected-options[data-type=single] .aksel-combobox__input{min-width:auto}.aksel-combobox__input--hide-caret{caret-color:#0000}@supports not selector(:focus-visible){.aksel-combobox__input:focus{border:none;outline:none}.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus),.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused{outline:none}}.aksel-combobox__input::-webkit-search-cancel-button{display:none}.aksel-combobox__button-toggle-list{color:var(--ax-text-neutral);cursor:pointer;background:none;border:none;justify-content:center;align-items:center;padding:0;font-size:1rem;display:flex}.aksel-combobox__button-toggle-list:hover{color:var(--ax-text-subtle)}.aksel-combobox__button-toggle-list:hover:active{color:var(--ax-text-default)}.aksel-combobox__list{width:var(--ac-floating-anchor-width);border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-8);background-color:var(--ax-bg-raised);color:var(--ax-text-neutral);box-shadow:var(--ax-shadow-dialog);flex-direction:column;display:flex;overflow:clip}.aksel-combobox__list .aksel-combobox__list-options{overflow-y:auto}.aksel-combobox__list--closed{display:none}.aksel-combobox__list-item,.aksel-combobox__list-item--loading,.aksel-combobox__list-item--no-options,.aksel-combobox__list-item--new-option,.aksel-combobox__list-item--max-selected{padding-block:var(--__axc-combobox-list-item-padding-block);padding-inline:var(--__axc-combobox-list-item-padding-inline);border-radius:var(--ax-radius-8);margin-inline:var(--ax-space-8);margin-block:var(--ax-space-2);border:0;justify-content:space-between;align-items:center;scroll-margin-block:8px;display:flex}.aksel-combobox__list-item--no-options{margin:0}.aksel-combobox__list-item--loading{justify-content:center;margin:0}.aksel-combobox__list-item--max-selected{background-color:var(--ax-bg-neutral-moderateA);border-bottom:1px solid var(--ax-border-neutral-subtle);padding-block:var(--ax-space-8);line-height:var(--ax-font-line-height-large);border-radius:0;margin:0}.aksel-combobox__list-options{display:inherit;flex-direction:inherit;gap:inherit;background-color:inherit;padding:0;padding-block:var(--ax-space-4);align-items:stretch;margin:0;list-style:none}.aksel-combobox__list-item--focus{cursor:pointer;outline:2px solid var(--ax-border-focus)}.aksel-combobox__list-item--focus,.aksel-combobox__list--with-hover .aksel-combobox__list-item:not([data-no-focus=true],.aksel-combobox__list-item--new-option):hover{cursor:pointer}.aksel-combobox__list-item{-webkit-user-select:none;user-select:none}.aksel-combobox__list-item[data-no-focus=true]{cursor:not-allowed;opacity:.4}.aksel-combobox__list-item mark{font-weight:var(--ax-font-weight-bold);color:var(--ax-text-neutral);background-color:#0000}.aksel-combobox__list-item svg{color:var(--ax-text-neutral)}.aksel-combobox__list-item--selected{background-color:var(--ax-bg-moderate-pressedA)}.aksel-combobox__list-item--selected p{font-weight:var(--ax-font-weight-bold)}.aksel-combobox__list-item--new-option{border-bottom:1px solid var(--ax-border-subtleA);background:var(--ax-bg-moderateA);cursor:pointer;margin:0;border-radius:0;justify-content:flex-start;gap:.25rem;margin-block-start:calc(var(--ax-space-4) * -1)}.aksel-combobox__list-item--new-option svg{color:var(--ax-text-neutral)}.aksel-combobox__list-item--new-option:only-child{margin-block:calc(var(--ax-space-4) * -1);border:none}.aksel-combobox__list-item--new-option--focus{border-radius:calc(var(--ax-radius-8) - 1px) calc(var(--ax-radius-8) - 1px) 0 0;outline:2px solid var(--ax-border-focus);outline-offset:-2px}.aksel-combobox__list-item--new-option--focus:only-child{border-radius:calc(var(--ax-radius-8) - 1px)}@media(max-width:479px){.aksel-combobox__button-toggle-list{right:.5rem}.aksel-combobox__input{min-width:min-content;padding:.75rem 0}.aksel-combobox__selected-options{gap:var(--ax-space-4)}.aksel-combobox__list{overscroll-behavior:contain}}@media(forced-colors:active){.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible){outline-color:highlight}.aksel-combobox__list-item--focus,.aksel-combobox__list--with-hover .aksel-combobox__list-item:not([data-no-focus=true],.aksel-combobox__list-item--new-option):hover{color:highlight;border-left-color:highlight}.aksel-combobox__list-item[data-no-focus=true]{opacity:1;color:graytext}.aksel-combobox__list-item--selected{color:selecteditemtext;background-color:highlight}.aksel-combobox__list-item--selected *{color:#000}.aksel-combobox__list-item--selected>*{forced-color-adjust:none}.aksel-combobox__list-item--selected.aksel-combobox__list-item--focus,.aksel-combobox__list--with-hover .aksel-combobox__list-item--selected:hover{color:highlight;border-left-color:highlight}.aksel-combobox__list--with-hover .aksel-combobox__list-item--new-option:hover{color:highlight}.aksel-combobox__list-item--new-option--focus{outline-offset:0;outline:2px solid highlight}.aksel-combobox--disabled{opacity:1}.aksel-combobox--disabled *{color:graytext;opacity:1;border-color:graytext}.aksel-combobox__list-item--new-option svg{color:canvastext}.aksel-combobox__list-item--new-option:hover{color:highlight}.aksel-combobox__list-item--new-option:hover svg{color:highlight}}.aksel-form-summary{border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-12);background:var(--ax-bg-raised);overflow:hidden}.aksel-form-summary__header{background:var(--ax-bg-neutral-moderateA);padding:var(--ax-space-16) var(--ax-space-20);justify-content:space-between;gap:0 var(--ax-space-12);display:flex}@media(max-width:479px){.aksel-form-summary__header{padding:var(--ax-space-12) var(--ax-space-16);flex-direction:column}}.aksel-form-summary__header .aksel-form-summary__edit{flex-shrink:0;align-self:flex-start}.aksel-form-summary>.aksel-form-summary__answers{border-top:1px solid var(--ax-border-neutral-subtleA)}.aksel-form-summary__answers{padding:var(--ax-space-16) var(--ax-space-20) var(--ax-space-20) var(--ax-space-20);margin:0}@media(max-width:479px){.aksel-form-summary__answers{padding:var(--ax-space-12) var(--ax-space-16) var(--ax-space-16) var(--ax-space-16)}}.aksel-form-summary__answer:not(:last-child){margin-bottom:var(--ax-space-16);padding-bottom:var(--ax-space-16);border-bottom:1px solid var(--ax-border-neutral-subtleA)}.aksel-form-summary__answer:has(.aksel-form-summary__answer){padding-bottom:var(--ax-space-24)}.aksel-form-summary__answer:has(.aksel-form-summary__answer):last-child{padding-bottom:0}@media(max-width:479px){.aksel-form-summary__answer:not(:last-child){margin-bottom:var(--ax-space-12);padding-bottom:var(--ax-space-12)}.aksel-form-summary__answer:has(.aksel-form-summary__answer){padding-bottom:var(--ax-space-20)}}.aksel-form-summary__value:first-of-type{margin-top:var(--ax-space-4)}.aksel-form-summary__value .aksel-form-summary__answers{margin-top:var(--ax-space-8);padding:var(--ax-space-16);background:var(--ax-bg-moderateA);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-subtleA)}.aksel-form-summary__value .aksel-form-summary__answers .aksel-form-summary__answer{border-color:var(--ax-border-subtleA)}.aksel-form-summary__footer{padding:var(--ax-space-16) var(--ax-space-20);background:var(--ax-bg-raised);border-top:1px solid var(--ax-border-neutral-subtleA);display:flex}@media(max-width:479px){.aksel-form-summary__footer{padding:var(--ax-space-12) var(--ax-space-16)}}.aksel-form-progress__bar{margin-bottom:var(--ax-space-8)}.aksel-form-progress__button:focus-visible{z-index:1}.aksel-form-progress__button[data-state=open] svg{transform:rotate(-180deg)}.aksel-form-progress__button[data-state=closed] .aksel-form-progress__btn-txt-hide,.aksel-form-progress__button[data-state=open] .aksel-form-progress__btn-txt-show{display:none}.aksel-form-progress__collapsible{visibility:hidden;border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-12);background:var(--ax-bg-raised);padding-inline:var(--ax-space-20);opacity:.001;grid-template-rows:0fr;margin-top:-2px;padding-block:0;transition-property:margin-top,opacity,visibility,padding-block-start,grid-template-rows;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;overflow:hidden}.aksel-form-progress__collapsible[hidden]{display:grid}.aksel-form-progress__collapsible[data-state=open]{margin-top:var(--ax-space-4);visibility:visible;padding-block:var(--ax-space-16);opacity:1;grid-template-rows:1fr}.aksel-form-progress__collapsible-content{min-height:0}}
|
|
1
|
+
@layer aksel.components{.aksel-fieldset{border:0;min-width:0;margin:0;padding:0}.aksel-fieldset>:not(:first-child,:empty){margin-top:var(--ax-space-8)}.aksel-fieldset__description{color:var(--ax-text-neutral-subtle)}.aksel-fieldset>.aksel-fieldset__description:not(:empty){margin-top:.125rem}.aksel-fieldset>.aksel-sr-only+:not(:first-child,:empty){margin-top:0}.aksel-fieldset__legend{padding:0}.aksel-fieldset--readonly>:where(.aksel-fieldset__legend){display:inline-flex}.aksel-fieldset:disabled>.aksel-fieldset__legend,.aksel-fieldset:disabled>.aksel-fieldset__description{opacity:var(--ax-opacity-disabled)}@media(forced-colors:active){.aksel-fieldset:disabled>.aksel-fieldset__legend,.aksel-fieldset:disabled>.aksel-fieldset__description{opacity:1}}.aksel-dropzone__area{--__axc-dropzone-background: var(--ax-bg-input);--__axc-dropzone-icon-padding: var(--ax-space-8);--__axc-dropzone-animation-length-long: .4s;--__axc-dropzone-animation-length-short: .25s;--__axc-dropzone-animation-ease-out: cubic-bezier(.3, 1, .3, 1);--__axc-dropzone-animation-over-under: cubic-bezier(.3, 1, .3, 1);align-items:center;gap:var(--ax-space-16);text-align:center;width:100%;padding:var(--ax-space-16) var(--ax-space-20);border:1px dashed var(--ax-border-neutral);border-radius:var(--ax-radius-12);background-color:var(--__axc-dropzone-background);color:var(--ax-text-neutral);transition:background-color var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);cursor:pointer;flex-direction:column;display:flex;position:relative}.aksel-dropzone__area:hover:not([data-disabled=true]){border-color:var(--ax-border-strong)}.aksel-dropzone__area:hover:not([data-disabled=true])>.aksel-dropzone__area-button{background-color:var(--ax-bg-moderate-hover);box-shadow:inset 0 0 0 2px var(--ax-bg-strong-hover)}.aksel-dropzone__area:active:not([data-disabled=true])>.aksel-dropzone__area-button{background-color:var(--ax-bg-strong-pressed);color:var(--ax-text-contrast);box-shadow:none}.aksel-dropzone__area[data-disabled=true]{--__axc-dropzone-background: var(--ax-bg-neutral-soft);border-color:var(--ax-border-neutral-subtleA);cursor:default}.aksel-dropzone--dragging>.aksel-dropzone__area{--__axc-dropzone-background: var(--ax-bg-input)}.aksel-dropzone--dragging>.aksel-dropzone__area:after{color:var(--ax-text-default);background-color:var(--ax-bg-moderateA);content:"";border:1px dashed var(--ax-border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--ax-radius-12);animation:akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);margin:-1px;position:absolute;inset:0}@keyframes akselDropzoneDragoverAnimation{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}70%{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}to{background-color:var(--ax-bg-moderateA)}}.aksel-dropzone__area-icon{padding:var(--__axc-dropzone-icon-padding);visibility:hidden;display:grid}.aksel-dropzone--error>.aksel-dropzone__area{outline:2px solid var(--ax-border-danger-strong);outline-offset:-1px;border-color:#0000}.aksel-dropzone__area-release{top:var(--ax-space-16);z-index:1;pointer-events:none;transition:top var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under),transform var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under);display:grid;position:absolute}.aksel-dropzone__area-release__icon{padding:var(--__axc-dropzone-icon-padding);border-radius:var(--ax-radius-full);background-color:var(--ax-bg-neutral-moderateA);transition:background-color .3s var(--__axc-dropzone-animation-ease-out),font-size .3s var(--__axc-dropzone-animation-ease-out);font-size:1.5rem;display:grid}.aksel-dropzone--dragging .aksel-dropzone__area-release>.aksel-dropzone__area-release__icon{background-color:#0000;font-size:2rem}.aksel-dropzone__area-release__text{visibility:hidden}.aksel-dropzone--dragging .aksel-dropzone__area-release>.aksel-dropzone__area-release__text{transition:visibility var(--__axc-dropzone-animation-length-long) var(--__axc-dropzone-animation-over-under);visibility:visible}.aksel-dropzone--dragging .aksel-dropzone__area-release{color:var(--ax-text-subtle);top:50%;transform:translateY(-50%)}.aksel-dropzone__area-disabled{color:var(--ax-text-neutral-subtle);align-items:center;gap:var(--ax-space-8);flex-direction:column;display:flex}.aksel-file-upload :is(ul,li),ul:has(>li.aksel-file-item),li.aksel-file-item{margin:0;padding:0;list-style:none}.aksel-file-item__inner{background-color:var(--ax-bg-raised);border:1px solid var(--ax-border-neutral-subtleA);outline-offset:-1px;border-radius:var(--ax-radius-12);padding:var(--ax-space-16) var(--ax-space-20);gap:var(--ax-space-12);align-items:flex-start;transition:outline-color .25s cubic-bezier(0,.3,.15,1);display:flex}.aksel-file-item--error>.aksel-file-item__inner{outline:2px solid var(--ax-border-danger-strong)}.aksel-file-item__icon{background-color:var(--ax-bg-neutral-moderateA);color:var(--ax-text-neutral);border-radius:var(--ax-radius-full);min-width:2.5rem;min-height:2.5rem;margin-top:var(--ax-space-2);place-content:center;transition:background-color .25s cubic-bezier(0,.3,.15,1);display:grid}.aksel-file-item__icon>svg{width:1.5rem;height:1.5rem}.aksel-file-item__icon--loading{background-color:#0000}.aksel-file-item__file-info{overflow-wrap:anywhere}.aksel-file-item__error{grid-template-rows:0fr;transition-property:grid-template-rows,padding-top;transition-duration:.25s;transition-timing-function:cubic-bezier(0,.3,.15,1);display:grid;overflow:hidden}.aksel-file-item--error .aksel-file-item__error{padding-top:var(--ax-space-4);grid-template-rows:1fr}.aksel-form-field{justify-items:start;gap:var(--ax-space-8);display:grid}.aksel-form-field__description{color:var(--ax-text-neutral-subtle);margin-top:-.375rem}.aksel-form-field__description:empty{display:none}.aksel-form-field--disabled{opacity:var(--ax-opacity-disabled);cursor:not-allowed}.aksel-form-field__error:empty{display:none}.aksel-form-field__subdescription{color:var(--ax-text-neutral-subtle)}.aksel-form-field--readonly>:where(.aksel-form-field__label){display:inline-flex}.aksel-form-field__readonly-icon{margin-top:var(--ax-space-2);margin-right:var(--ax-space-4);flex-shrink:0;align-self:flex-start}@media(forced-colors:active){.aksel-form-field--disabled{opacity:1}}.aksel-error-summary{background-color:var(--ax-bg-default);padding:var(--ax-space-16) var(--ax-space-20);border:4px solid var(--ax-border-danger);border-radius:var(--ax-radius-12);outline-offset:3px}.aksel-error-summary:focus-visible,.aksel-error-summary:has(.aksel-error-summary__heading:focus-visible){outline:3px solid var(--ax-border-focus)}@supports not selector(:focus-visible){.aksel-error-summary:focus{outline:3px solid var(--ax-border-focus)}}.aksel-error-summary--small{padding:var(--ax-space-12) var(--ax-space-16)}.aksel-error-summary--small .aksel-error-summary__heading{scroll-margin-top:var(--ax-space-16)}.aksel-error-summary--small>.aksel-error-summary__list{margin:var(--ax-space-8) 0;gap:var(--ax-space-8);padding-left:var(--ax-space-20)}.aksel-error-summary__heading{scroll-margin-top:var(--ax-space-24)}.aksel-error-summary__heading:focus{outline:none}.aksel-error-summary__list{margin:var(--ax-space-12) 0;gap:var(--ax-space-12);padding-left:var(--ax-space-24);list-style:inherit;flex-direction:column;display:flex}.aksel-confirmation-panel__inner{gap:var(--ax-space-12);padding:var(--ax-space-16);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-default);background-color:var(--ax-bg-moderate);flex-direction:column;justify-self:stretch;transition:background-color .1s linear;display:flex;position:relative}.aksel-confirmation-panel__content{max-width:80ch}@media(forced-colors:active){.aksel-confirmation-panel__inner:before{content:"";forced-color-adjust:none;border-color:orange;border-left-style:solid;border-left-width:8px;border-start-start-radius:calc(var(--ax-radius-8) - 1px);border-end-start-radius:calc(var(--ax-radius-8) - 1px);height:100%;position:absolute;top:0;left:0}.aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before{border-color:green}.aksel-confirmation-panel--error .aksel-confirmation-panel__inner:before{border-color:red}}.aksel-checkbox,.aksel-radio{--__axc-radio-checkbox-marker-size: 1.5rem;--__axc-radio-checkbox-marker-target: 2.75rem;gap:var(--ax-space-2) 0;width:fit-content;padding:var(--ax-space-12) 0;grid-template-columns:auto 1fr;display:grid;position:relative}:is(.aksel-checkbox,.aksel-radio):focus-within:after{content:"";inset:var(--ax-space-12) 0;pointer-events:none;border-radius:var(--ax-radius-4);outline:3px solid var(--ax-border-focus);outline-offset:3px;position:absolute}.aksel-checkbox--small,.aksel-radio--small{--__axc-radio-checkbox-marker-size: 1.25rem;--__axc-radio-checkbox-marker-target: 2rem;padding:var(--ax-space-6) 0}:is(.aksel-checkbox--small,.aksel-radio--small):focus-within:after{inset:var(--ax-space-6) 0}.aksel-checkbox__label,.aksel-radio__label{cursor:pointer}.aksel-checkbox__description,.aksel-radio__description{grid-column-start:2}.aksel-checkbox__label,.aksel-radio__label,.aksel-checkbox__description,.aksel-radio__description{padding-left:var(--ax-space-8)}.aksel-checkbox__input-wrapper{height:var(--__axc-radio-checkbox-marker-size);position:relative}.aksel-checkbox__input,.aksel-radio__input{--__axc-radio-checkbox-marker-border: 2px;appearance:none;cursor:pointer;width:var(--__axc-radio-checkbox-marker-size);height:var(--__axc-radio-checkbox-marker-size);background-color:var(--ax-bg-input);border:var(--__axc-radio-checkbox-marker-border) solid var(--ax-border-neutral);border-radius:var(--ax-radius-4);outline:none;position:relative}.aksel-checkbox__input:before,.aksel-radio__input:before{content:"";inset:calc(-1 * (var(--__axc-radio-checkbox-marker-border) + (var(--__axc-radio-checkbox-marker-target) - var(--__axc-radio-checkbox-marker-size)) / 2));position:absolute}.aksel-radio__input{border-radius:var(--ax-radius-full)}.aksel-checkbox__input:indeterminate{justify-content:center;align-items:center;display:flex}.aksel-checkbox__input:indeterminate:after{content:"";background-color:var(--ax-bg-default);border-radius:1px;width:.75rem;height:.25rem;position:absolute}.aksel-checkbox__input:where(:checked,:indeterminate){background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-checkbox__input:where(:checked,:indeterminate):not(:disabled):hover{border-color:var(--ax-bg-strong-hover);background-color:var(--ax-bg-strong-hover)}.aksel-checkbox__input:where(:not(:checked))+.aksel-checkbox__icon{display:none}.aksel-checkbox__icon{color:var(--ax-bg-default);pointer-events:none;width:.8125rem;height:var(--__axc-radio-checkbox-marker-size);top:0;left:var(--ax-space-6);position:absolute}.aksel-checkbox--small .aksel-checkbox__input:checked+.aksel-checkbox__icon{left:var(--ax-space-4)}.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 8px;border-color:var(--ax-bg-strong-pressed);background-color:var(--ax-bg-input)}.aksel-radio--small>.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 7px}.aksel-checkbox__input:hover:not(:disabled,:checked,:indeterminate),.aksel-radio__input:hover:not(:disabled,:checked){border-color:var(--ax-border-strong);background-color:var(--ax-bg-moderate-hoverA)}.aksel-checkbox--error .aksel-checkbox__input:not(:disabled,:checked,:indeterminate),.aksel-radio--error>.aksel-radio__input:not(:disabled,:checked){border-color:var(--ax-border-danger-strong)}.aksel-checkbox--disabled,.aksel-radio--disabled{opacity:var(--ax-opacity-disabled)}.aksel-checkbox--disabled :where(.aksel-checkbox__input,.aksel-checkbox__label),.aksel-radio--disabled>:where(.aksel-radio__input,.aksel-radio__label){cursor:not-allowed}.aksel-checkbox--readonly :where(.aksel-checkbox__input,.aksel-checkbox__label),.aksel-radio--readonly>:where(.aksel-radio__input,.aksel-radio__label){cursor:default}.aksel-checkbox--readonly .aksel-checkbox__input:not(:disabled),.aksel-radio--readonly>.aksel-radio__input:not(:disabled){background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtle)}.aksel-checkbox--readonly .aksel-checkbox__label{display:inline-flex}.aksel-checkbox--readonly .aksel-checkbox__input:checked+.aksel-checkbox__icon{color:var(--ax-text-neutral-subtle)}.aksel-checkbox--readonly .aksel-checkbox__input:indeterminate:after{background-color:var(--ax-text-neutral-subtle)}.aksel-radio--readonly>.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 0px;background-color:var(--ax-bg-neutral-strong);box-shadow:inset 0 0 0 2px var(--ax-border-neutral-subtle),inset 0 0 0 8px var(--ax-bg-neutral-moderate)}.aksel-radio--small.aksel-radio--readonly>.aksel-radio__input:checked{box-shadow:inset 0 0 0 2px var(--ax-border-neutral-subtle),inset 0 0 0 7px var(--ax-bg-neutral-moderate)}@media(forced-colors:active){:is(.aksel-checkbox,.aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after{background-color:fieldtext}.aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled))>.aksel-checkbox__label,.aksel-radio:not(.aksel-radio--readonly)>.aksel-radio__input:hover:not(:disabled)+.aksel-radio__label{color:highlight}.aksel-checkbox:not(.aksel-checkbox--readonly) .aksel-checkbox__input:hover:not(:disabled),.aksel-radio:not(.aksel-radio--readonly)>.aksel-radio__input:hover:not(:disabled){border-color:highlight}.aksel-checkbox--readonly .aksel-checkbox__input:checked+.aksel-checkbox__icon{color:var(--ax-bg-default)}.aksel-radio--readonly>.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 8px}.aksel-radio--small.aksel-radio--readonly>.aksel-radio__input:checked{--__axc-radio-checkbox-marker-border: 7px}.aksel-checkbox--disabled,.aksel-radio--disabled{opacity:1}.aksel-checkbox--disabled .aksel-checkbox__input,.aksel-radio--disabled .aksel-radio__input{background-color:field;border-color:graytext}.aksel-checkbox--disabled .aksel-checkbox__input:indeterminate:after{background-color:graytext}.aksel-checkbox--disabled :is(.aksel-checkbox__label,.aksel-checkbox__description,.aksel-checkbox__input:checked+.aksel-checkbox__icon),.aksel-radio--disabled :is(.aksel-radio__label,.aksel-radio__description){color:graytext}}.aksel-select__input{appearance:none;background-color:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);color:var(--ax-text-neutral);box-sizing:border-box;width:100%;min-height:3rem;padding:var(--ax-space-8);padding-right:var(--ax-space-40);scroll-margin-block-start:4rem;display:inline-block;position:relative}.aksel-select__input:hover{border-color:var(--ax-border-strong);cursor:pointer}.aksel-select__input:focus{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-strong)}@media(forced-colors:active){.aksel-select__input{color:buttontext;background-color:buttonface;border-color:buttontext}}.aksel-select__container{width:100%;color:var(--ax-text-neutral);display:flex;position:relative}.aksel-select__chevron{right:var(--ax-space-8);pointer-events:none;color:var(--ax-text-neutral);align-self:center;font-size:1.5rem;position:absolute}@media(forced-colors:active){.aksel-select__chevron{color:buttontext}}.aksel-form-field--small .aksel-select__input{min-height:2rem;padding-block:0}.aksel-select--error>* select,.aksel-select--error>* select:hover,.aksel-select--error>* select:focus{box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}.aksel-select__input:disabled{background-color:var(--ax-bg-input);border:1px solid var(--ax-border-neutral);box-shadow:none;cursor:not-allowed;opacity:1;color:var(--ax-text-neutral)}.aksel-select__input:disabled>option{color:var(--ax-text-neutral)}@media(forced-colors:active){.aksel-select__input:disabled+.aksel-select__chevron{color:graytext}}.aksel-select--readonly .aksel-select__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}@media(forced-colors:active){.aksel-select--readonly .aksel-select__input:is(:hover,:focus){color:buttontext;background-color:buttonface;border-color:buttontext}}.aksel-select--readonly .aksel-select__chevron{color:var(--ax-text-neutral-subtle)}.aksel-switch{width:fit-content;min-height:3rem;position:relative}.aksel-switch--small{min-height:2rem}.aksel-switch__input{cursor:pointer;z-index:1;opacity:0;width:3rem;height:3rem;position:absolute;top:0}.aksel-switch--small>.aksel-switch__input{width:2.5rem;height:2rem;top:0}.aksel-switch__label-wrapper{cursor:pointer;color:var(--ax-text-neutral)}.aksel-switch__content{--__axc-switch-block-padding: .75rem;--__axc-switch-inline-padding: 3.25rem;gap:var(--ax-space-2);padding:var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) var(--__axc-switch-inline-padding);flex-direction:column;display:flex;position:relative}.aksel-switch--right .aksel-switch__content{padding:var(--__axc-switch-block-padding) var(--__axc-switch-inline-padding) var(--__axc-switch-block-padding) 0}.aksel-switch--small .aksel-switch__content{--__axc-switch-block-padding: .375rem;--__axc-switch-inline-padding: 2.75rem}.aksel-switch__content.aksel-switch--with-description{padding-bottom:0}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content:after{content:"";width:100%;height:calc(100% - var(--__axc-switch-block-padding) * 2);border-radius:var(--ax-radius-4);outline:3px solid var(--ax-border-focus);outline-offset:3px;pointer-events:none;position:absolute;left:0}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content.aksel-switch--with-description:after{height:calc(100% - var(--__axc-switch-block-padding) * 1)}.aksel-switch__input:disabled:hover~.aksel-switch__label-wrapper{color:inherit}.aksel-switch__track{background-color:var(--ax-bg-input);width:2.75rem;height:1.5rem;top:var(--ax-space-12);border-radius:var(--ax-radius-full);border:2px solid var(--ax-border-neutral);transition-property:background-color,border-color;transition-duration:.1s;transition-timing-function:ease;position:absolute;left:0}.aksel-switch--small>.aksel-switch__track{top:var(--ax-space-6);width:2.25rem;height:1.25rem}.aksel-switch__input:checked~.aksel-switch__track{background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-switch__input:hover~.aksel-switch__track{background-color:var(--ax-bg-neutral-moderate-hover)}.aksel-switch__input:hover:checked~.aksel-switch__track{background-color:var(--ax-bg-strong-hover);border-color:var(--ax-bg-strong-hover)}.aksel-switch__input:disabled~.aksel-switch__track{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral)}.aksel-switch__input:checked:disabled~.aksel-switch__track{background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-switch--standalone>.aksel-switch__input:focus~.aksel-switch__track{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong);border-radius:var(--ax-radius-full);justify-content:center;align-items:center;width:1.125rem;height:1.125rem;transition:transform .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:.0625rem;left:.0625rem;transform:translate(0)}.aksel-switch--small .aksel-switch__thumb{width:.875rem;height:.875rem}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{background-color:var(--ax-bg-raised);color:var(--ax-text-subtle);width:1.25rem;height:1.25rem;top:0;left:0;transform:translate(1.25rem)}.aksel-switch--small>.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{width:1rem;height:1rem;top:0;left:0;transform:translate(1rem)}@media(hover:hover)and (pointer:fine){.aksel-switch__input:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(.17rem)}.aksel-switch__input:checked:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1.1rem)}.aksel-switch--small>.aksel-switch__input:checked:hover:not(:disabled)~.aksel-switch__track>.aksel-switch__thumb{transform:translate(.875rem)}}.aksel-switch--right{width:auto}.aksel-switch--right .aksel-switch__input,.aksel-switch--right .aksel-switch__track{left:auto;right:0}.aksel-switch__input:disabled{appearance:none}.aksel-switch--disabled:not(.aksel-switch--loading){opacity:var(--ax-opacity-disabled)}.aksel-switch__input:disabled,.aksel-switch__input:disabled~.aksel-switch__label-wrapper{cursor:not-allowed}.aksel-switch--readonly>.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:hover~.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:checked~.aksel-switch__track,.aksel-switch--readonly>.aksel-switch__input:checked:hover~.aksel-switch__track{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA)}.aksel-switch--readonly>.aksel-switch__label-wrapper,.aksel-switch--readonly>.aksel-switch__input{cursor:default}.aksel-switch--readonly .aksel-switch__label{display:inline-flex}.aksel-switch--readonly .aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong)}.aksel-switch--readonly>.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{background-color:var(--ax-bg-neutral-strong);color:var(--ax-text-neutral-contrast)}@media(hover:hover)and (pointer:fine){.aksel-switch--readonly>.aksel-switch__input:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(0)}.aksel-switch--readonly>.aksel-switch__input:checked:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1.25rem)}.aksel-switch--readonly.aksel-switch--small>.aksel-switch__input:checked:hover~.aksel-switch__track>.aksel-switch__thumb{transform:translate(1rem)}}@media(forced-colors:active){.aksel-switch__thumb,.aksel-switch--readonly .aksel-switch__thumb{background-color:fieldtext!important}.aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb,.aksel-switch--readonly .aksel-switch__input:checked~.aksel-switch__track>.aksel-switch__thumb{color:field}.aksel-switch__input:focus~.aksel-switch__label-wrapper>.aksel-switch__content:after,.aksel-switch--standalone>.aksel-switch__input:focus~.aksel-switch__track{outline:3px solid highlight}.aksel-switch--disabled:not(.aksel-switch--loading){opacity:1}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__thumb{background-color:graytext!important}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__track{border-color:graytext!important}.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper,.aksel-switch--disabled:not(.aksel-switch--loading) .aksel-switch__label-wrapper:hover{color:graytext!important}}.aksel-text-field__input{appearance:none;padding:var(--ax-space-8);background:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);width:100%;min-height:3rem;color:var(--ax-text-neutral);scroll-margin-block-start:4rem}.aksel-text-field__input:hover{border-color:var(--ax-border-strong)}.aksel-text-field__input:focus-visible{border-color:var(--ax-border-strong);outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-text-field__input:disabled{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral);cursor:not-allowed}.aksel-text-field__input::placeholder{color:var(--ax-text-neutral-subtle)}.aksel-text-field__input[size]{width:auto}.aksel-form-field--small .aksel-text-field__input{padding:0 var(--ax-space-8);min-height:2rem}.aksel-text-field--error .aksel-text-field__input:not(:disabled){border-color:var(--ax-border-danger-strong);box-shadow:0 0 0 1px var(--ax-border-danger-strong)}.aksel-text-field--readonly .aksel-text-field__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}.aksel-text-field__input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-results-button{-webkit-appearance:none}.aksel-text-field__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}@media(forced-colors:active){.aksel-text-field__input{color:fieldtext;background-color:field}}.aksel-textarea__input{height:var(--__axc-textarea-height);appearance:none;padding:var(--ax-space-8);background-color:var(--ax-bg-input);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-neutral);resize:none;width:100%;color:var(--ax-text-neutral);white-space:break-spaces;scroll-margin-block-start:4rem;display:block}.aksel-textarea__input::placeholder{color:var(--ax-text-neutral-subtle)}.aksel-textarea__input:hover{border-color:var(--ax-border-strong)}.aksel-textarea__input:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-strong)}.aksel-textarea__input:disabled{background-color:var(--ax-bg-input);border-color:var(--ax-border-neutral);cursor:not-allowed}.aksel-form-field--small .aksel-textarea__input{padding:var(--ax-space-6)}.aksel-textarea--readonly .aksel-textarea__input{background-color:var(--ax-bg-neutral-moderate);border-color:var(--ax-border-neutral-subtleA);cursor:default}.aksel-textarea__counter{color:var(--ax-text-neutral-subtle);margin-top:-.25rem}.aksel-textarea__counter--error{color:var(--ax-text-danger-subtle)}.aksel-textarea__sr-counter{display:none}.aksel-textarea__input:focus~.aksel-textarea__sr-counter{display:initial}.aksel-textarea--resize-both .aksel-textarea__input{resize:both;border-end-end-radius:0}.aksel-textarea--resize-horizontal .aksel-textarea__input{resize:horizontal;border-end-end-radius:0}.aksel-textarea--resize-vertical .aksel-textarea__input{resize:vertical;border-end-end-radius:0}.aksel-textarea--autoscrollbar,.aksel-textarea--autoscrollbar .aksel-textarea__wrapper{flex-direction:column;margin:-3px;padding:3px;display:flex;overflow:hidden}.aksel-textarea--autoscrollbar .aksel-textarea__input{scrollbar-gutter:stable}.aksel-textarea--error .aksel-textarea__input:not(:disabled){box-shadow:0 0 0 1px var(--ax-border-danger-strong);border-color:var(--ax-border-danger-strong)}@media(forced-colors:active){.aksel-textarea__input{color:fieldtext;background-color:field}}.aksel-search{flex-direction:column;width:100%;display:flex}.aksel-search__wrapper-inner{width:100%;position:relative}.aksel-search--with-size .aksel-search__wrapper-inner{width:inherit}.aksel-search--with-size .aksel-search__wrapper{width:fit-content}.aksel-search__wrapper{border-radius:var(--ax-radius-8);align-items:center;display:inline-flex}.aksel-search__wrapper:has(.aksel-search__input:focus-visible){outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-search__input{padding-right:var(--ax-space-40)}.aksel-search__input:focus-visible{outline:none}.aksel-search__input.aksel-search__input--primary,.aksel-search__input.aksel-search__input--secondary{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.aksel-search__input--simple{padding-left:var(--ax-space-40)}.aksel-form-field--small .aksel-search__input{padding-right:var(--ax-space-28)}.aksel-form-field--small .aksel-search__input--simple{padding-left:var(--ax-space-28)}.aksel-form-field--small .aksel-search__search-icon{left:var(--ax-space-4);font-size:1.25rem}.aksel-form-field--small .aksel-search__button-clear{right:var(--ax-space-4)}.aksel-search__search-icon{color:var(--ax-text-neutral);left:var(--ax-space-8);pointer-events:none;font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.aksel-search--disabled .aksel-search__search-icon{opacity:var(--ax-opacity-disabled)}.aksel-search__button-clear{right:var(--ax-space-8);position:absolute;top:50%;transform:translateY(-50%)}.aksel-search__button-search{border-radius:0;border-top-right-radius:var(--ax-radius-8);border-bottom-right-radius:var(--ax-radius-8);flex-shrink:0}.aksel-search__button-search.aksel-button--secondary{--__axc-button-border-width: 1px;--__axc-button-border-color: var(--ax-border-neutral)}.aksel-search__button-search.aksel-button--secondary:not(:hover,:active){background-color:var(--ax-bg-input)}.aksel-search__button-search.aksel-button--secondary:hover:not(:disabled){--__axc-button-border-color: var(--ax-border-strong)}.aksel-search:not(.aksel-search--error,.aksel-search--disabled) .aksel-search__wrapper:has(.aksel-search__input:is(:hover,:focus-visible)) .aksel-search__button-search.aksel-button--secondary:not(:hover,:active){--__axc-button-border-color: var(--ax-border-strong)}.aksel-search--error .aksel-search__input:not(:disabled){border-color:var(--ax-border-danger-strong);box-shadow:inset -2px 0 0 0 var(--ax-border-danger-strong),inset 0 0 0 1px var(--ax-border-danger-strong)}.aksel-search--error .aksel-search__input:not(:disabled).aksel-search__input--simple{box-shadow:inset 0 0 0 1px var(--ax-border-danger-strong)}.aksel-search__input:focus-visible,.aksel-search__button-search:focus-visible{z-index:1}.aksel-search--disabled .aksel-search__input{opacity:var(--ax-opacity-disabled);cursor:not-allowed}.aksel-combobox__wrapper{--__axc-combobox-icon-size: 1.5rem;--__axc-combobox-wrapper-inner-padding: var(--ax-space-8);--__axc-combobox-list-item-padding-block: var(--ax-space-12);--__axc-combobox-list-item-padding-inline: var(--ax-space-12);--__axc-combobox-border-width: 1px;--__axc-combobox-input-height: 2rem;border-radius:var(--ax-radius-8);flex-direction:column;width:100%;display:flex;position:relative}.aksel-form-field:not(:is(.aksel-combobox--disabled,.aksel-combobox--readonly)) .aksel-combobox__wrapper:hover{border-color:var(--ax-border-strong)}.aksel-form-field--small .aksel-combobox__wrapper{--__axc-combobox-icon-size: 1.25rem;--__axc-combobox-wrapper-inner-padding: var(--ax-space-4);--__axc-combobox-list-item-padding-block: var(--ax-space-6);--__axc-combobox-list-item-padding-inline: var(--ax-space-8);--__axc-combobox-input-height: 1.5rem}.aksel-combobox--disabled{opacity:var(--ax-opacity-disabled)}.aksel-combobox--disabled .aksel-combobox__wrapper:hover{border-color:var(--ax-border-neutral)}.aksel-combobox--disabled .aksel-combobox__wrapper :hover{cursor:not-allowed}.aksel-combobox--disabled .aksel-combobox__selected-options,.aksel-combobox--disabled .aksel-combobox--readonly,.aksel-combobox--readonly{pointer-events:none}.aksel-combobox--readonly .aksel-combobox__selected-options .aksel-chips__chip{background-color:var(--ax-bg-neutral-moderateA)}.aksel-combobox--readonly .aksel-combobox__button-toggle-list{color:var(--ax-bg-neutral-moderate)}.aksel-combobox--readonly .aksel-combobox__wrapper{border-color:var(--ax-border-neutral-subtle);overflow:clip}.aksel-combobox--readonly .aksel-text-field__input,.aksel-combobox--readonly .aksel-combobox__input{background-color:var(--ax-bg-neutral-moderate)}.aksel-combobox__button-toggle-list svg,.aksel-combobox__list svg{width:var(--__axc-combobox-icon-size);height:var(--__axc-combobox-icon-size)}.aksel-combobox__wrapper-inner{border:1px solid var(--ax-border-neutral);border-radius:var(--ax-radius-8)}.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible){outline:3px solid var(--ax-border-focus);outline-offset:3px;border-color:var(--ax-border-strong)}.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible).aksel-combobox__wrapper-inner--virtually-unfocused{border-color:var(--ax-border-neutral);outline:none}.aksel-combobox__wrapper-inner.aksel-text-field__input{width:100%;padding-block:calc(var(--__axc-combobox-wrapper-inner-padding) - var(--__axc-combobox-border-width));padding-inline:var(--__axc-combobox-wrapper-inner-padding);flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:relative}.aksel-combobox__wrapper-inner>:first-child{flex:2}.aksel-combobox__wrapper-inner:hover{cursor:text}.aksel-combobox--disabled .aksel-combobox__wrapper-inner:hover{border-color:var(--ax-border-neutral)}.aksel-combobox--error .aksel-combobox__wrapper-inner{border-color:var(--ax-border-danger-strong);box-shadow:0 0 0 1px var(--ax-border-danger-strong)}.aksel-combobox--error .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible){border-color:var(--ax-border-danger-strong)}.aksel-combobox__selected-options{align-items:center;gap:0}.aksel-combobox__selected-options>li{border-radius:var(--ax-radius-full);margin:auto 0}.aksel-combobox__selected-options>li:last-of-type{flex:1;display:flex}.aksel-combobox__selected-options[data-type=multiple]{gap:var(--__axc-combobox-wrapper-inner-padding)}.aksel-combobox__selected-options--no-bg{font-family:inherit;font-size:var(--ax-font-size-large);font-weight:var(--ax-font-weight-regular);letter-spacing:0;line-height:var(--ax-font-line-height-large);margin:0;padding-left:.25rem}.aksel-combobox__input-wrapper{width:100%}.aksel-combobox__input{width:100%;min-width:10ch;height:var(--__axc-combobox-input-height);background:none;border:none;flex:1;margin:0;padding:0}.aksel-combobox__input:focus-visible{border:none;outline:0}.aksel-combobox__selected-options>li:only-child>.aksel-combobox__input{margin-left:var(--ax-space-4)}.aksel-combobox__selected-options[data-type=single] .aksel-combobox__input{min-width:auto}.aksel-combobox__input--hide-caret{caret-color:#0000}@supports not selector(:focus-visible){.aksel-combobox__input:focus{border:none;outline:none}.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus),.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused{outline:none}}.aksel-combobox__input::-webkit-search-cancel-button{display:none}.aksel-combobox__button-toggle-list{color:var(--ax-text-neutral);cursor:pointer;background:none;border:none;justify-content:center;align-items:center;padding:0;font-size:1rem;display:flex}.aksel-combobox__button-toggle-list:hover{color:var(--ax-text-subtle)}.aksel-combobox__button-toggle-list:hover:active{color:var(--ax-text-default)}.aksel-combobox__list{width:var(--ac-floating-anchor-width);border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-8);background-color:var(--ax-bg-raised);color:var(--ax-text-neutral);box-shadow:var(--ax-shadow-dialog);flex-direction:column;display:flex;overflow:clip}.aksel-combobox__list .aksel-combobox__list-options{overflow-y:auto}.aksel-combobox__list--closed{display:none}.aksel-combobox__list-item,.aksel-combobox__list-item--loading,.aksel-combobox__list-item--no-options,.aksel-combobox__list-item--new-option,.aksel-combobox__list-item--max-selected{padding-block:var(--__axc-combobox-list-item-padding-block);padding-inline:var(--__axc-combobox-list-item-padding-inline);border-radius:var(--ax-radius-8);margin-inline:var(--ax-space-8);margin-block:var(--ax-space-2);border:0;justify-content:space-between;align-items:center;scroll-margin-block:8px;display:flex}.aksel-combobox__list-item--no-options{margin:0}.aksel-combobox__list-item--loading{justify-content:center;margin:0}.aksel-combobox__list-item--max-selected{background-color:var(--ax-bg-neutral-moderateA);border-bottom:1px solid var(--ax-border-neutral-subtle);padding-block:var(--ax-space-8);line-height:var(--ax-font-line-height-large);border-radius:0;margin:0}.aksel-combobox__list-options{display:inherit;flex-direction:inherit;gap:inherit;background-color:inherit;padding:0;padding-block:var(--ax-space-4);align-items:stretch;margin:0;list-style:none}.aksel-combobox__list-item--focus{cursor:pointer;outline:2px solid var(--ax-border-focus)}.aksel-combobox__list-item--focus,.aksel-combobox__list--with-hover .aksel-combobox__list-item:not([data-no-focus=true],.aksel-combobox__list-item--new-option):hover{cursor:pointer}.aksel-combobox__list-item{-webkit-user-select:none;user-select:none}.aksel-combobox__list-item[data-no-focus=true]{cursor:not-allowed;opacity:.4}.aksel-combobox__list-item mark{font-weight:var(--ax-font-weight-bold);color:var(--ax-text-neutral);background-color:#0000}.aksel-combobox__list-item svg{color:var(--ax-text-neutral)}.aksel-combobox__list-item--selected{background-color:var(--ax-bg-moderate-pressedA)}.aksel-combobox__list-item--selected p{font-weight:var(--ax-font-weight-bold)}.aksel-combobox__list-item--new-option{border-bottom:1px solid var(--ax-border-subtleA);background:var(--ax-bg-moderateA);cursor:pointer;margin:0;border-radius:0;justify-content:flex-start;gap:.25rem;margin-block-start:calc(var(--ax-space-4) * -1)}.aksel-combobox__list-item--new-option svg{color:var(--ax-text-neutral)}.aksel-combobox__list-item--new-option:only-child{margin-block:calc(var(--ax-space-4) * -1);border:none}.aksel-combobox__list-item--new-option--focus{border-radius:calc(var(--ax-radius-8) - 1px) calc(var(--ax-radius-8) - 1px) 0 0;outline:2px solid var(--ax-border-focus);outline-offset:-2px}.aksel-combobox__list-item--new-option--focus:only-child{border-radius:calc(var(--ax-radius-8) - 1px)}@media(max-width:479px){.aksel-combobox__button-toggle-list{right:.5rem}.aksel-combobox__input{min-width:min-content;padding:.75rem 0}.aksel-combobox__selected-options{gap:var(--ax-space-4)}.aksel-combobox__list{overscroll-behavior:contain}}@media(forced-colors:active){.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus-visible){outline-color:highlight}.aksel-combobox__list-item--focus,.aksel-combobox__list--with-hover .aksel-combobox__list-item:not([data-no-focus=true],.aksel-combobox__list-item--new-option):hover{color:highlight;border-left-color:highlight}.aksel-combobox__list-item[data-no-focus=true]{opacity:1;color:graytext}.aksel-combobox__list-item--selected{color:selecteditemtext;background-color:highlight}.aksel-combobox__list-item--selected *{color:#000}.aksel-combobox__list-item--selected>*{forced-color-adjust:none}.aksel-combobox__list-item--selected.aksel-combobox__list-item--focus,.aksel-combobox__list--with-hover .aksel-combobox__list-item--selected:hover{color:highlight;border-left-color:highlight}.aksel-combobox__list--with-hover .aksel-combobox__list-item--new-option:hover{color:highlight}.aksel-combobox__list-item--new-option--focus{outline-offset:0;outline:2px solid highlight}.aksel-combobox--disabled{opacity:1}.aksel-combobox--disabled *{color:graytext;opacity:1;border-color:graytext}.aksel-combobox__list-item--new-option svg{color:canvastext}.aksel-combobox__list-item--new-option:hover{color:highlight}.aksel-combobox__list-item--new-option:hover svg{color:highlight}}.aksel-form-summary{border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-12);background:var(--ax-bg-raised);overflow:hidden}.aksel-form-summary__header{background:var(--ax-bg-neutral-moderateA);padding:var(--ax-space-16) var(--ax-space-20);justify-content:space-between;gap:0 var(--ax-space-12);display:flex}@media(max-width:479px){.aksel-form-summary__header{padding:var(--ax-space-12) var(--ax-space-16);flex-direction:column}}.aksel-form-summary__header .aksel-form-summary__edit{flex-shrink:0;align-self:flex-start}.aksel-form-summary>.aksel-form-summary__answers{border-top:1px solid var(--ax-border-neutral-subtleA)}.aksel-form-summary__answers{padding:var(--ax-space-16) var(--ax-space-20) var(--ax-space-20) var(--ax-space-20);margin:0}@media(max-width:479px){.aksel-form-summary__answers{padding:var(--ax-space-12) var(--ax-space-16) var(--ax-space-16) var(--ax-space-16)}}.aksel-form-summary__answer:not(:last-child){margin-bottom:var(--ax-space-16);padding-bottom:var(--ax-space-16);border-bottom:1px solid var(--ax-border-neutral-subtleA)}.aksel-form-summary__answer:has(.aksel-form-summary__answer){padding-bottom:var(--ax-space-24)}.aksel-form-summary__answer:has(.aksel-form-summary__answer):last-child{padding-bottom:0}@media(max-width:479px){.aksel-form-summary__answer:not(:last-child){margin-bottom:var(--ax-space-12);padding-bottom:var(--ax-space-12)}.aksel-form-summary__answer:has(.aksel-form-summary__answer){padding-bottom:var(--ax-space-20)}}.aksel-form-summary__value:first-of-type{margin-top:var(--ax-space-4)}.aksel-form-summary__value .aksel-form-summary__answers{margin-top:var(--ax-space-8);padding:var(--ax-space-16);background:var(--ax-bg-moderateA);border-radius:var(--ax-radius-8);border:1px solid var(--ax-border-subtleA)}.aksel-form-summary__value .aksel-form-summary__answers .aksel-form-summary__answer{border-color:var(--ax-border-subtleA)}.aksel-form-summary__footer{padding:var(--ax-space-16) var(--ax-space-20);background:var(--ax-bg-raised);border-top:1px solid var(--ax-border-neutral-subtleA);display:flex}@media(max-width:479px){.aksel-form-summary__footer{padding:var(--ax-space-12) var(--ax-space-16)}}.aksel-form-progress__bar{margin-bottom:var(--ax-space-8)}.aksel-form-progress__button:focus-visible{z-index:1}.aksel-form-progress__button[data-state=open] svg{transform:rotate(-180deg)}.aksel-form-progress__button[data-state=closed] .aksel-form-progress__btn-txt-hide,.aksel-form-progress__button[data-state=open] .aksel-form-progress__btn-txt-show{display:none}.aksel-form-progress__collapsible{visibility:hidden;border:1px solid var(--ax-border-neutral-subtleA);border-radius:var(--ax-radius-12);background:var(--ax-bg-raised);padding-inline:var(--ax-space-20);opacity:.001;grid-template-rows:0fr;margin-top:-2px;padding-block:0;transition-property:margin-top,opacity,visibility,padding-block-start,grid-template-rows;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;overflow:hidden}.aksel-form-progress__collapsible[hidden]{display:grid}.aksel-form-progress__collapsible[data-state=open]{margin-top:var(--ax-space-4);visibility:visible;padding-block:var(--ax-space-16);opacity:1;grid-template-rows:1fr}.aksel-form-progress__collapsible-content{min-height:0}}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
@layer aksel.components {
|
|
2
|
+
.aksel-inline-message {
|
|
3
|
+
gap: var(--ax-space-4);
|
|
4
|
+
color: var(--ax-text-default);
|
|
5
|
+
display: flex;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.aksel-inline-message__icon {
|
|
9
|
+
color: var(--ax-text-subtle);
|
|
10
|
+
flex: none;
|
|
11
|
+
font-size: 1.5rem;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.aksel-inline-message[data-size="small"] .aksel-inline-message__icon {
|
|
15
|
+
font-size: 1.25rem;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.components{.aksel-inline-message{gap:var(--ax-space-4);color:var(--ax-text-default);display:flex}.aksel-inline-message__icon{color:var(--ax-text-subtle);flex:none;font-size:1.5rem}.aksel-inline-message[data-size=small] .aksel-inline-message__icon{font-size:1.25rem}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.components{.aksel-link-panel{color:var(--ax-text-neutral);justify-content:space-between;align-items:center;gap:var(--ax-space-16);text-decoration:none;display:flex}.aksel-link-panel:hover{border-color:var(--ax-border-accent)}.aksel-link-panel:hover .aksel-link-panel__title{color:var(--ax-text-accent-subtle);text-decoration:underline}.aksel-link-panel:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-link-panel__chevron{flex-shrink:0;font-size:1.5rem;transition:transform .2s}.aksel-link-panel:hover>.aksel-link-panel__chevron,.aksel-link-panel:focus-within>.aksel-link-panel__chevron{transform:translate(4px)}.aksel-link-panel__description{margin-top:var(--
|
|
1
|
+
@layer aksel.components{.aksel-link-panel{color:var(--ax-text-neutral);justify-content:space-between;align-items:center;gap:var(--ax-space-16);text-decoration:none;display:flex}.aksel-link-panel:hover{border-color:var(--ax-border-accent)}.aksel-link-panel:hover .aksel-link-panel__title{color:var(--ax-text-accent-subtle);text-decoration:underline}.aksel-link-panel:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:3px}.aksel-link-panel__chevron{flex-shrink:0;font-size:1.5rem;transition:transform .2s}.aksel-link-panel:hover>.aksel-link-panel__chevron,.aksel-link-panel:focus-within>.aksel-link-panel__chevron{transform:translate(4px)}.aksel-link-panel__description{margin-top:var(--ax-space-4)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.components{.aksel-stepper{--__axc-stepper-circle-size: 2rem;--__axc-stepper-border-width: 2px;--__axc-stepper-line-length: 1rem;color:var(--ax-text-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-default);width:var(--__axc-stepper-border-width);height:100%;min-height:var(--__axc-stepper-line-length);grid-column:1;justify-self:center}.aksel-stepper__item[data-interactive=false] .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-content:center;place-items:center;line-height:1;display:inline-grid}.aksel-stepper__circle--success{font-size:calc(var(--__axc-stepper-circle-size) * .75);background:none}.aksel-stepper__step[data-interactive=true]{color:var(--ax-text-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-subtle);border-color:var(--ax-border-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-contrast);background-color:var(--ax-bg-strong-pressed);border-color:var(--ax-bg-strong-pressed)}.aksel-stepper__step[data-interactive=true][data-active=false]:hover .aksel-stepper__circle{background-color:var(--ax-bg-moderate-hoverA);border-color:var(--ax-border-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:.16rem;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}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.components{.aksel-tooltip{z-index:2147483647;background-color:var(--ax-bg-neutral-strong);color:var(--ax-text-neutral-contrast);border-radius:var(--ax-radius-4);padding:0 var(--ax-space-6);text-align:center;box-shadow:var(--ax-shadow-dialog);border:1px solid rgba(0,0,0,0);flex-direction:column;align-items:center;animation-duration:.15s;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex}.aksel-tooltip:focus{outline:0}.aksel-tooltip__arrow{z-index:-1;background-color:var(--ax-bg-neutral-strong);border-radius:1px;width:.5rem;height:.5rem;position:absolute;transform:rotate(45deg)}@media(forced-colors:active){.aksel-tooltip__arrow{display:none}}.aksel-tooltip:where([data-state=open]):where([data-side=bottom]){animation-name:aksel-tooltip-from-bottom,aksel-tooltip-fade-in}.aksel-tooltip:where([data-state=open]):where([data-side=top]){animation-name:aksel-tooltip-from-top,aksel-tooltip-fade-in}.aksel-tooltip:where([data-state=open]):where([data-side=left]){animation-name:aksel-tooltip-from-left,aksel-tooltip-fade-in}.aksel-tooltip:where([data-state=open]):where([data-side=right]){animation-name:aksel-tooltip-from-right,aksel-tooltip-fade-in}@keyframes aksel-tooltip-from-bottom{0%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes aksel-tooltip-from-top{0%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes aksel-tooltip-from-left{0%{transform:translate(4px)}to{transform:translateY(0)}}@keyframes aksel-tooltip-from-right{0%{transform:translate(-4px)}to{transform:translateY(0)}}@keyframes aksel-tooltip-fade-in{0%{opacity:.01}to{opacity:1}}.aksel-tooltip__keys{padding-bottom:var(--ax-space-4);gap:var(--ax-space-4);display:flex}.aksel-tooltip__key{font-family:var(--ax-font-family);color:var(--ax-text-neutral);padding:0 var(--ax-space-4);border-radius:var(--ax-radius-2);background:var(--ax-bg-neutral-moderate);justify-content:center;align-items:center;min-width:1.125rem;height:1.125rem;display:inline-flex}@media(forced-colors:active){.aksel-tooltip__key{outline:1px solid}}}
|
|
@@ -1838,6 +1838,7 @@
|
|
|
1838
1838
|
}
|
|
1839
1839
|
|
|
1840
1840
|
.aksel-search__search-icon {
|
|
1841
|
+
color: var(--ax-text-neutral);
|
|
1841
1842
|
left: var(--ax-space-8);
|
|
1842
1843
|
pointer-events: none;
|
|
1843
1844
|
font-size: 1.5rem;
|
|
@@ -2703,6 +2704,101 @@
|
|
|
2703
2704
|
margin-block-start: var(--ax-space-4);
|
|
2704
2705
|
}
|
|
2705
2706
|
|
|
2707
|
+
.aksel-base-alert {
|
|
2708
|
+
border-radius: var(--ax-radius-12);
|
|
2709
|
+
--__axc-base-alert-pi: var(--ax-space-20);
|
|
2710
|
+
--__axc-base-alert-content-p: var(--ax-space-12) var(--__axc-base-alert-pi) var(--ax-space-16) var(--__axc-base-alert-pi);
|
|
2711
|
+
--__axc-base-alert-title-pb: var(--ax-space-2);
|
|
2712
|
+
--__axc-base-alert-header-max-width: 37.5rem;
|
|
2713
|
+
height: fit-content;
|
|
2714
|
+
display: grid;
|
|
2715
|
+
overflow: clip;
|
|
2716
|
+
}
|
|
2717
|
+
|
|
2718
|
+
.aksel-base-alert[data-size="small"] {
|
|
2719
|
+
--__axc-base-alert-pi: var(--ax-space-16);
|
|
2720
|
+
--__axc-base-alert-content-p: var(--ax-space-8) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);
|
|
2721
|
+
--__axc-base-alert-title-pb: var(--ax-space-4);
|
|
2722
|
+
}
|
|
2723
|
+
|
|
2724
|
+
.aksel-base-alert[data-variant="moderate"] {
|
|
2725
|
+
outline: 1px solid var(--ax-border-default);
|
|
2726
|
+
outline-offset: -1px;
|
|
2727
|
+
}
|
|
2728
|
+
|
|
2729
|
+
.aksel-base-alert[data-variant="strong"] {
|
|
2730
|
+
outline: 4px solid var(--ax-border-default);
|
|
2731
|
+
outline-offset: -4px;
|
|
2732
|
+
}
|
|
2733
|
+
|
|
2734
|
+
.aksel-base-alert[data-variant="strong"][data-color="neutral"] {
|
|
2735
|
+
outline-color: var(--ax-border-strong);
|
|
2736
|
+
}
|
|
2737
|
+
|
|
2738
|
+
.aksel-base-alert[data-global="true"] {
|
|
2739
|
+
border-radius: 0;
|
|
2740
|
+
}
|
|
2741
|
+
|
|
2742
|
+
.aksel-base-alert__header {
|
|
2743
|
+
align-items: flex-start;
|
|
2744
|
+
gap: var(--ax-space-8);
|
|
2745
|
+
padding: var(--ax-space-8) var(--__axc-base-alert-pi);
|
|
2746
|
+
border-bottom: 1px solid;
|
|
2747
|
+
display: flex;
|
|
2748
|
+
}
|
|
2749
|
+
|
|
2750
|
+
.aksel-base-alert[data-global="true"] .aksel-base-alert__header {
|
|
2751
|
+
padding-inline: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));
|
|
2752
|
+
}
|
|
2753
|
+
|
|
2754
|
+
.aksel-base-alert[data-variant="moderate"] .aksel-base-alert__header {
|
|
2755
|
+
background: var(--ax-bg-moderate);
|
|
2756
|
+
color: var(--ax-text-default);
|
|
2757
|
+
border-color: var(--ax-border-subtleA);
|
|
2758
|
+
}
|
|
2759
|
+
|
|
2760
|
+
.aksel-base-alert[data-variant="strong"] .aksel-base-alert__header {
|
|
2761
|
+
background: var(--ax-bg-strong);
|
|
2762
|
+
color: var(--ax-text-contrast);
|
|
2763
|
+
border-bottom: none;
|
|
2764
|
+
}
|
|
2765
|
+
|
|
2766
|
+
.aksel-base-alert__header:only-child {
|
|
2767
|
+
border-bottom: none;
|
|
2768
|
+
}
|
|
2769
|
+
|
|
2770
|
+
.aksel-base-alert__icon {
|
|
2771
|
+
margin-top: var(--ax-space-4);
|
|
2772
|
+
font-size: 1.5rem;
|
|
2773
|
+
display: grid;
|
|
2774
|
+
}
|
|
2775
|
+
|
|
2776
|
+
.aksel-base-alert__title {
|
|
2777
|
+
padding-block: var(--__axc-base-alert-title-pb);
|
|
2778
|
+
}
|
|
2779
|
+
|
|
2780
|
+
.aksel-base-alert__content {
|
|
2781
|
+
padding: var(--__axc-base-alert-content-p);
|
|
2782
|
+
background-color: var(--ax-bg-default);
|
|
2783
|
+
}
|
|
2784
|
+
|
|
2785
|
+
.aksel-base-alert[data-global="true"] .aksel-base-alert__content {
|
|
2786
|
+
padding-inline: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));
|
|
2787
|
+
}
|
|
2788
|
+
|
|
2789
|
+
.aksel-base-alert__close-button {
|
|
2790
|
+
z-index: 1;
|
|
2791
|
+
margin-left: auto;
|
|
2792
|
+
}
|
|
2793
|
+
|
|
2794
|
+
.aksel-base-alert__close-button:focus-visible {
|
|
2795
|
+
outline-color: var(--ax-bg-default);
|
|
2796
|
+
}
|
|
2797
|
+
|
|
2798
|
+
.aksel-base-alert__close-button.aksel-base-alert__close-button.aksel-base-alert__close-button {
|
|
2799
|
+
color: var(--ax-text-neutral-contrast);
|
|
2800
|
+
}
|
|
2801
|
+
|
|
2706
2802
|
.aksel-chat {
|
|
2707
2803
|
align-items: flex-end;
|
|
2708
2804
|
gap: var(--ax-space-12);
|
|
@@ -3687,6 +3783,22 @@
|
|
|
3687
3783
|
}
|
|
3688
3784
|
}
|
|
3689
3785
|
|
|
3786
|
+
.aksel-inline-message {
|
|
3787
|
+
gap: var(--ax-space-4);
|
|
3788
|
+
color: var(--ax-text-default);
|
|
3789
|
+
display: flex;
|
|
3790
|
+
}
|
|
3791
|
+
|
|
3792
|
+
.aksel-inline-message__icon {
|
|
3793
|
+
color: var(--ax-text-subtle);
|
|
3794
|
+
flex: none;
|
|
3795
|
+
font-size: 1.5rem;
|
|
3796
|
+
}
|
|
3797
|
+
|
|
3798
|
+
.aksel-inline-message[data-size="small"] .aksel-inline-message__icon {
|
|
3799
|
+
font-size: 1.25rem;
|
|
3800
|
+
}
|
|
3801
|
+
|
|
3690
3802
|
.aksel-internalheader {
|
|
3691
3803
|
background: var(--ax-bg-raised);
|
|
3692
3804
|
border-bottom: 1px solid var(--ax-border-neutral-subtleA);
|
|
@@ -3876,7 +3988,7 @@
|
|
|
3876
3988
|
}
|
|
3877
3989
|
|
|
3878
3990
|
.aksel-link-panel__description {
|
|
3879
|
-
margin-top: var(--
|
|
3991
|
+
margin-top: var(--ax-space-4);
|
|
3880
3992
|
}
|
|
3881
3993
|
|
|
3882
3994
|
.aksel-link-anchor__overlay {
|
|
@@ -4751,7 +4863,7 @@
|
|
|
4751
4863
|
}
|
|
4752
4864
|
|
|
4753
4865
|
.aksel-tooltip {
|
|
4754
|
-
z-index:
|
|
4866
|
+
z-index: 2147483647;
|
|
4755
4867
|
background-color: var(--ax-bg-neutral-strong);
|
|
4756
4868
|
color: var(--ax-text-neutral-contrast);
|
|
4757
4869
|
border-radius: var(--ax-radius-4);
|
|
@@ -5482,7 +5594,7 @@
|
|
|
5482
5594
|
justify-self: center;
|
|
5483
5595
|
}
|
|
5484
5596
|
|
|
5485
|
-
.aksel-stepper__item
|
|
5597
|
+
.aksel-stepper__item[data-interactive="false"] .aksel-stepper__line {
|
|
5486
5598
|
background-color: var(--ax-border-neutral-strong);
|
|
5487
5599
|
}
|
|
5488
5600
|
|