@solid-design-system/tokens 7.0.0-next.9 → 7.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/cdn/themes/bb/bb.css +1 -1
  2. package/cdn/themes/kid/kid.css +1 -1
  3. package/cdn/themes/legacy-variables.css +1 -0
  4. package/cdn/themes/sp/sp.css +1 -1
  5. package/cdn/themes/tailwind.css +178 -178
  6. package/cdn/themes/ui-dark/ui-dark.css +1 -1
  7. package/cdn/themes/ui-light/ui-light.css +1 -1
  8. package/cdn/themes/vb/vb.css +1 -1
  9. package/dist/theme.js +1 -1
  10. package/dist/themes/bb/bb.css +1 -80
  11. package/dist/themes/kid/kid.css +1 -80
  12. package/dist/themes/legacy-variables.css +49 -0
  13. package/dist/themes/sp/sp.css +1 -80
  14. package/dist/themes/tailwind.css +178 -178
  15. package/dist/themes/ui-dark/ui-dark.css +1 -44
  16. package/dist/themes/ui-light/ui-light.css +1 -44
  17. package/dist/themes/vb/vb.css +1 -80
  18. package/package.json +2 -1
package/cdn/themes/tailwind.css CHANGED
@@ -8,182 +8,182 @@
8
8
  --animate-loader-current: wave 1.3s infinite, loader-color-current 2.6s infinite;
9
9
  --animate-loader-primary: wave 1.3s infinite, loader-color-primary 2.6s infinite;
10
10
  --animate-loader-white: wave 1.3s infinite, loader-color-white 2.6s infinite;
11
- --aspect-16\/10: var(--sd-aspect-16\/10);
12
- --aspect-21\/9: var(--sd-aspect-21\/9);
13
- --aspect-2\/1: var(--sd-aspect-2\/1);
14
- --aspect-3\/2: var(--sd-aspect-3\/2);
15
- --aspect-3\/4: var(--sd-aspect-3\/4);
16
- --aspect-4\/3: var(--sd-aspect-4\/3);
17
- --aspect-4\/5: var(--sd-aspect-4\/5);
18
- --aspect-5\/4: var(--sd-aspect-5\/4);
19
- --aspect-6\/5: var(--sd-aspect-6\/5);
20
- --aspect-golden-ratio: var(--sd-aspect-golden-ratio);
21
- --aspect-square: var(--sd-aspect-square);
22
- --aspect-video: var(--sd-aspect-video);
23
- --background-color-accent-300: rgba(var(--sd-color-background-accent-300));
24
- --background-color-accent-500: rgba(var(--sd-color-background-accent-500));
25
- --background-color-accent-550: rgba(var(--sd-color-background-accent-550));
26
- --background-color-accent-700: rgba(var(--sd-color-background-accent-700));
27
- --background-color-accent: rgba(var(--sd-color-background-accent));
28
- --background-color-error-400: rgba(var(--sd-color-background-error-400));
29
- --background-color-error: rgba(var(--sd-color-background-error));
30
- --background-color-info: rgba(var(--sd-color-background-info));
31
- --background-color-neutral-100: rgba(var(--sd-color-background-neutral-100));
32
- --background-color-neutral-200: rgba(var(--sd-color-background-neutral-200));
33
- --background-color-neutral-300: rgba(var(--sd-color-background-neutral-300));
34
- --background-color-neutral-400: rgba(var(--sd-color-background-neutral-400));
35
- --background-color-neutral-500: rgba(var(--sd-color-background-neutral-500));
36
- --background-color-neutral-600: rgba(var(--sd-color-background-neutral-600));
37
- --background-color-neutral-800: rgba(var(--sd-color-background-neutral-800));
38
- --background-color-neutral-blue: rgba(var(--sd-color-background-neutral-blue));
39
- --background-color-neutral-grey: rgba(var(--sd-color-background-neutral-grey));
40
- --background-color-primary-100: rgba(var(--sd-color-background-primary-100));
41
- --background-color-primary-200: rgba(var(--sd-color-background-primary-200));
42
- --background-color-primary-300: rgba(var(--sd-color-background-primary-300));
43
- --background-color-primary-500: rgba(var(--sd-color-background-primary-500));
44
- --background-color-primary-800: rgba(var(--sd-color-background-primary-800));
45
- --background-color-primary: rgba(var(--sd-color-background-primary));
46
- --background-color-success: rgba(var(--sd-color-background-success));
47
- --background-color-warning: rgba(var(--sd-color-background-warning));
48
- --background-color-white-translucent: rgba(var(--sd-color-background-white-translucent));
49
- --background-color-white: rgba(var(--sd-color-background-white));
50
- --border-color-accent-550: rgba(var(--sd-color-border-accent-550));
51
- --border-color-accent: rgba(var(--sd-color-border-accent));
52
- --border-color-error-400: rgba(var(--sd-color-border-error-400));
53
- --border-color-error: rgba(var(--sd-color-border-error));
54
- --border-color-neutral-400: rgba(var(--sd-color-border-neutral-400));
55
- --border-color-neutral-500: rgba(var(--sd-color-border-neutral-500));
56
- --border-color-neutral-600: rgba(var(--sd-color-border-neutral-600));
57
- --border-color-neutral-800: rgba(var(--sd-color-border-neutral-800));
58
- --border-color-neutral-blue: rgba(var(--sd-color-border-neutral-blue));
59
- --border-color-primary-100: rgba(var(--sd-color-border-primary-100));
60
- --border-color-primary-200: rgba(var(--sd-color-border-primary-200));
61
- --border-color-primary-400: rgba(var(--sd-color-border-primary-400));
62
- --border-color-primary-500: rgba(var(--sd-color-border-primary-500));
63
- --border-color-primary-800: rgba(var(--sd-color-border-primary-800));
64
- --border-color-primary: rgba(var(--sd-color-border-primary));
65
- --border-color-success: rgba(var(--sd-color-border-success));
66
- --border-color-white: rgba(var(--sd-color-border-white));
67
- --border-width-2: var(--sd-border-width-2);
68
- --border-width-4: var(--sd-border-width-4);
69
- --border-width-6: var(--sd-border-width-6);
70
- --border-width-default: var(--sd-border-width);
71
- --drop-shadow-listbox: var(--sd-drop-shadow-listbox);
72
- --drop-shadow-sm: var(--sd-drop-shadow-sm);
73
- --drop-shadow-xs: var(--sd-drop-shadow-xs);
74
- --drop-shadow: var(--sd-drop-shadow);
75
- --fill-accent-550: rgba(var(--sd-color-icon-fill-accent-550));
76
- --fill-accent: rgba(var(--sd-color-icon-fill-accent));
77
- --fill-content-icons-primary: rgba(var(--sd-color-icon-fill-content-icons-primary));
78
- --fill-error-400: rgba(var(--sd-color-icon-fill-error-400));
79
- --fill-error: rgba(var(--sd-color-icon-fill-error));
80
- --fill-neutral-400: rgba(var(--sd-color-icon-fill-neutral-400));
81
- --fill-neutral-500: rgba(var(--sd-color-icon-fill-neutral-500));
82
- --fill-neutral-600: rgba(var(--sd-color-icon-fill-neutral-600));
83
- --fill-neutral-800: rgba(var(--sd-color-icon-fill-neutral-800));
84
- --fill-primary-100: rgba(var(--sd-color-icon-fill-primary-100));
85
- --fill-primary-200: rgba(var(--sd-color-icon-fill-primary-200));
86
- --fill-primary-400: rgba(var(--sd-color-icon-fill-primary-400));
87
- --fill-primary-500: rgba(var(--sd-color-icon-fill-primary-500));
88
- --fill-primary-800: rgba(var(--sd-color-icon-fill-primary-800));
89
- --fill-primary: rgba(var(--sd-color-icon-fill-primary));
90
- --fill-risk-high: rgba(var(--sd-color-icon-fill-risk-high));
91
- --fill-risk-increased: rgba(var(--sd-color-icon-fill-risk-increased));
92
- --fill-risk-low: rgba(var(--sd-color-icon-fill-risk-low));
93
- --fill-risk-moderate: rgba(var(--sd-color-icon-fill-risk-moderate));
94
- --fill-risk-veryhigh: rgba(var(--sd-color-icon-fill-risk-veryhigh));
95
- --fill-success: rgba(var(--sd-color-icon-fill-success));
96
- --fill-white: rgba(var(--sd-color-icon-fill-white));
97
- --font-primary: var(--sd-font-primary);
98
- --font-weight-bold: var(--sd-font-weight-bold);
99
- --font-weight-normal: var(--sd-font-weight-normal);
100
- --opacity-0: var(--sd-opacity-0);
101
- --opacity-100: var(--sd-opacity-100);
102
- --opacity-10: var(--sd-opacity-10);
103
- --opacity-20: var(--sd-opacity-20);
104
- --opacity-30: var(--sd-opacity-30);
105
- --opacity-50: var(--sd-opacity-50);
106
- --opacity-55: var(--sd-opacity-55);
107
- --opacity-5: var(--sd-opacity-5);
108
- --opacity-60: var(--sd-opacity-60);
109
- --opacity-70: var(--sd-opacity-70);
110
- --opacity-75: var(--sd-opacity-75);
111
- --opacity-80: var(--sd-opacity-80);
112
- --opacity-85: var(--sd-opacity-85);
113
- --opacity-90: var(--sd-opacity-90);
114
- --outline-color-error: rgba(var(--sd-color-border-error, var(--sd-color-error)));
115
- --outline-color-primary: rgba(var(--sd-color-border-primary, var(--sd-color-primary)));
116
- --outline-color-white: rgba(var(--sd-color-border-white, var(--sd-color-white)));
117
- --radius-default: var(--sd-radius);
118
- --radius-full: var(--sd-radius-full);
119
- --radius-lg: var(--sd-radius-lg);
120
- --radius-md: var(--sd-radius-md);
121
- --radius-none: var(--sd-radius-none);
122
- --radius-sm: var(--sd-radius-sm);
123
- --shadow-listbox: var(--sd-shadow-listbox);
124
- --shadow-sm: var(--sd-shadow-sm);
125
- --shadow-xs: var(--sd-shadow-xs);
126
- --shadow: var(--sd-shadow);
127
- --sizing-0: var(--sd-sizing-0);
128
- --sizing-0\.25: var(--sd-sizing-0\.25);
129
- --sizing-0\.5: var(--sd-sizing-0\.5);
130
- --sizing-10: var(--sd-sizing-10);
131
- --sizing-12: var(--sd-sizing-12);
132
- --sizing-16: var(--sd-sizing-16);
133
- --sizing-1: var(--sd-sizing-1);
134
- --sizing-1\.5: var(--sd-sizing-1\.5);
135
- --sizing-20: var(--sd-sizing-20);
136
- --sizing-24: var(--sd-sizing-24);
137
- --sizing-2: var(--sd-sizing-2);
138
- --sizing-2\.5: var(--sd-sizing-2\.5);
139
- --sizing-3: var(--sd-sizing-3);
140
- --sizing-4: var(--sd-sizing-4);
141
- --sizing-5: var(--sd-sizing-5);
142
- --sizing-6: var(--sd-sizing-6);
143
- --sizing-8: var(--sd-sizing-8);
11
+ --aspect-16\/10: var(--sd-aspect-16\/10, 16 / 10);
12
+ --aspect-21\/9: var(--sd-aspect-21\/9, 21 / 9);
13
+ --aspect-2\/1: var(--sd-aspect-2\/1, 2 / 1);
14
+ --aspect-3\/2: var(--sd-aspect-3\/2, 3 / 2);
15
+ --aspect-3\/4: var(--sd-aspect-3\/4, 3 / 4);
16
+ --aspect-4\/3: var(--sd-aspect-4\/3, 4 / 3);
17
+ --aspect-4\/5: var(--sd-aspect-4\/5, 4 / 5);
18
+ --aspect-5\/4: var(--sd-aspect-5\/4, 5 / 4);
19
+ --aspect-6\/5: var(--sd-aspect-6\/5, 6 / 5);
20
+ --aspect-golden-ratio: var(--sd-aspect-golden-ratio, 1.6180339887498948482 / 1);
21
+ --aspect-square: var(--sd-aspect-square, 1 / 1);
22
+ --aspect-video: var(--sd-aspect-video, 16 / 9);
23
+ --background-color-accent-300: rgba(var(--sd-color-background-accent-300, 108 194 84));
24
+ --background-color-accent-500: rgba(var(--sd-color-background-accent-500, 37 136 14));
25
+ --background-color-accent-550: rgba(var(--sd-color-background-accent-550, 54 123 40));
26
+ --background-color-accent-700: rgba(var(--sd-color-background-accent-700, 33 87 37));
27
+ --background-color-accent: rgba(var(--sd-color-background-accent, 45 157 0));
28
+ --background-color-error-400: rgba(var(--sd-color-background-error-400, 172 25 56));
29
+ --background-color-error: rgba(var(--sd-color-background-error, 204 25 55));
30
+ --background-color-info: rgba(var(--sd-color-background-info, 21 130 213));
31
+ --background-color-neutral-100: rgba(var(--sd-color-background-neutral-100, 246 246 246));
32
+ --background-color-neutral-200: rgba(var(--sd-color-background-neutral-200, 233 233 233));
33
+ --background-color-neutral-300: rgba(var(--sd-color-background-neutral-300, 218 218 218));
34
+ --background-color-neutral-400: rgba(var(--sd-color-background-neutral-400, 195 195 195));
35
+ --background-color-neutral-500: rgba(var(--sd-color-background-neutral-500, 174 174 174));
36
+ --background-color-neutral-600: rgba(var(--sd-color-background-neutral-600, 136 136 136));
37
+ --background-color-neutral-800: rgba(var(--sd-color-background-neutral-800, 81 81 81));
38
+ --background-color-neutral-blue: rgba(var(--sd-color-background-neutral-blue, 255 255 255 / 0));
39
+ --background-color-neutral-grey: rgba(var(--sd-color-background-neutral-grey, 255 255 255 / 0));
40
+ --background-color-primary-100: rgba(var(--sd-color-background-primary-100, 236 240 249));
41
+ --background-color-primary-200: rgba(var(--sd-color-background-primary-200, 224 233 243));
42
+ --background-color-primary-300: rgba(var(--sd-color-background-primary-300, 200 213 231));
43
+ --background-color-primary-500: rgba(var(--sd-color-background-primary-500, 70 109 175));
44
+ --background-color-primary-800: rgba(var(--sd-color-background-primary-800, 5 21 48));
45
+ --background-color-primary: rgba(var(--sd-color-background-primary, 0 53 142));
46
+ --background-color-success: rgba(var(--sd-color-background-success, 54 123 40));
47
+ --background-color-warning: rgba(var(--sd-color-background-warning, 187 141 32));
48
+ --background-color-white-translucent: rgba(var(--sd-color-background-white-translucent, 255 255 255 / 0));
49
+ --background-color-white: rgba(var(--sd-color-background-white, 255 255 255));
50
+ --border-color-accent-550: rgba(var(--sd-color-border-accent-550, 54 123 40));
51
+ --border-color-accent: rgba(var(--sd-color-border-accent, 45 157 0));
52
+ --border-color-error-400: rgba(var(--sd-color-border-error-400, 172 25 56));
53
+ --border-color-error: rgba(var(--sd-color-border-error, 204 25 55));
54
+ --border-color-neutral-400: rgba(var(--sd-color-border-neutral-400, 195 195 195));
55
+ --border-color-neutral-500: rgba(var(--sd-color-border-neutral-500, 174 174 174));
56
+ --border-color-neutral-600: rgba(var(--sd-color-border-neutral-600, 136 136 136));
57
+ --border-color-neutral-800: rgba(var(--sd-color-border-neutral-800, 81 81 81));
58
+ --border-color-neutral-blue: rgba(var(--sd-color-border-neutral-blue, 255 255 255 / 0));
59
+ --border-color-primary-100: rgba(var(--sd-color-border-primary-100, 236 240 249));
60
+ --border-color-primary-200: rgba(var(--sd-color-border-primary-200, 224 233 243));
61
+ --border-color-primary-400: rgba(var(--sd-color-border-primary-400, 153 171 208));
62
+ --border-color-primary-500: rgba(var(--sd-color-border-primary-500, 70 109 175));
63
+ --border-color-primary-800: rgba(var(--sd-color-border-primary-800, 5 21 48));
64
+ --border-color-primary: rgba(var(--sd-color-border-primary, 0 53 142));
65
+ --border-color-success: rgba(var(--sd-color-border-success, 54 123 40));
66
+ --border-color-white: rgba(var(--sd-color-border-white, 255 255 255));
67
+ --border-width-2: var(--sd-border-width-2, 0.125rem);
68
+ --border-width-4: var(--sd-border-width-4, 0.25rem);
69
+ --border-width-6: var(--sd-border-width-6, 0.375rem);
70
+ --border-width-default: var(--sd-border-width, 0.0625rem);
71
+ --drop-shadow-listbox: var(--sd-drop-shadow-listbox, 0px 1px 3px rgba(81, 81, 81, 0.75));
72
+ --drop-shadow-sm: var(--sd-drop-shadow-sm, 0.5px 0.5px 1.5px #515151);
73
+ --drop-shadow-xs: var(--sd-drop-shadow-xs, 0.5px 0.5px 1.5px #515151);
74
+ --drop-shadow: var(--sd-drop-shadow, 0px 1px 3px rgba(81, 81, 81, 0.75));
75
+ --fill-accent-550: rgba(var(--sd-color-icon-fill-accent-550, 54 123 40));
76
+ --fill-accent: rgba(var(--sd-color-icon-fill-accent, 45 157 0));
77
+ --fill-content-icons-primary: rgba(var(--sd-color-icon-fill-content-icons-primary, 0 53 142));
78
+ --fill-error-400: rgba(var(--sd-color-icon-fill-error-400, 172 25 56));
79
+ --fill-error: rgba(var(--sd-color-icon-fill-error, 204 25 55));
80
+ --fill-neutral-400: rgba(var(--sd-color-icon-fill-neutral-400, 195 195 195));
81
+ --fill-neutral-500: rgba(var(--sd-color-icon-fill-neutral-500, 174 174 174));
82
+ --fill-neutral-600: rgba(var(--sd-color-icon-fill-neutral-600, 136 136 136));
83
+ --fill-neutral-800: rgba(var(--sd-color-icon-fill-neutral-800, 81 81 81));
84
+ --fill-primary-100: rgba(var(--sd-color-icon-fill-primary-100, 236 240 249));
85
+ --fill-primary-200: rgba(var(--sd-color-icon-fill-primary-200, 224 233 243));
86
+ --fill-primary-400: rgba(var(--sd-color-icon-fill-primary-400, 153 171 208));
87
+ --fill-primary-500: rgba(var(--sd-color-icon-fill-primary-500, 70 109 175));
88
+ --fill-primary-800: rgba(var(--sd-color-icon-fill-primary-800, 5 21 48));
89
+ --fill-primary: rgba(var(--sd-color-icon-fill-primary, 0 53 142));
90
+ --fill-risk-high: rgba(var(--sd-color-icon-fill-risk-high, 250 155 30));
91
+ --fill-risk-increased: rgba(var(--sd-color-icon-fill-risk-increased, 255 240 0));
92
+ --fill-risk-low: rgba(var(--sd-color-icon-fill-risk-low, 1 125 195));
93
+ --fill-risk-moderate: rgba(var(--sd-color-icon-fill-risk-moderate, 0 165 147));
94
+ --fill-risk-veryhigh: rgba(var(--sd-color-icon-fill-risk-veryhigh, 255 0 0));
95
+ --fill-success: rgba(var(--sd-color-icon-fill-success, 54 123 40));
96
+ --fill-white: rgba(var(--sd-color-icon-fill-white, 255 255 255));
97
+ --font-primary: var(--sd-font-primary, 'Frutiger Neue');
98
+ --font-weight-bold: var(--sd-font-weight-bold, 600);
99
+ --font-weight-normal: var(--sd-font-weight-normal, 400);
100
+ --opacity-0: var(--sd-opacity-0, 0%);
101
+ --opacity-100: var(--sd-opacity-100, 100%);
102
+ --opacity-10: var(--sd-opacity-10, 10%);
103
+ --opacity-20: var(--sd-opacity-20, 20%);
104
+ --opacity-30: var(--sd-opacity-30, 30%);
105
+ --opacity-50: var(--sd-opacity-50, 50%);
106
+ --opacity-55: var(--sd-opacity-55, 55%);
107
+ --opacity-5: var(--sd-opacity-5, 5%);
108
+ --opacity-60: var(--sd-opacity-60, 60%);
109
+ --opacity-70: var(--sd-opacity-70, 70%);
110
+ --opacity-75: var(--sd-opacity-75, 75%);
111
+ --opacity-80: var(--sd-opacity-80, 80%);
112
+ --opacity-85: var(--sd-opacity-85, 85%);
113
+ --opacity-90: var(--sd-opacity-90, 90%);
114
+ --outline-color-error: rgba(var(--sd-color-border-error, var(--sd-color-error, 204 25 55)));
115
+ --outline-color-primary: rgba(var(--sd-color-border-primary, var(--sd-color-primary, 0 53 142)));
116
+ --outline-color-white: rgba(var(--sd-color-border-white, var(--sd-color-white, 255 255 255)));
117
+ --radius-default: var(--sd-radius, 0.25rem);
118
+ --radius-full: var(--sd-radius-full, 624.9375rem);
119
+ --radius-lg: var(--sd-radius-lg, 0.5rem);
120
+ --radius-md: var(--sd-radius-md, 0.375rem);
121
+ --radius-none: var(--sd-radius-none, 0);
122
+ --radius-sm: var(--sd-radius-sm, 0.125rem);
123
+ --shadow-listbox: var(--sd-shadow-listbox, 0px 1px 3px 0px rgba(81, 81, 81, 0.75));
124
+ --shadow-sm: var(--sd-shadow-sm, 0.5px 0.5px 1.5px 0px #515151);
125
+ --shadow-xs: var(--sd-shadow-xs, 0.5px 0.5px 1.5px 0px #515151);
126
+ --shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, 0.75));
127
+ --sizing-0: var(--sd-sizing-0, 0);
128
+ --sizing-0\.25: var(--sd-sizing-0\.25, 0.0625rem);
129
+ --sizing-0\.5: var(--sd-sizing-0\.5, 0.125rem);
130
+ --sizing-10: var(--sd-sizing-10, 2.5rem);
131
+ --sizing-12: var(--sd-sizing-12, 3rem);
132
+ --sizing-16: var(--sd-sizing-16, 4rem);
133
+ --sizing-1: var(--sd-sizing-1, 0.25rem);
134
+ --sizing-1\.5: var(--sd-sizing-1\.5, 0.375rem);
135
+ --sizing-20: var(--sd-sizing-20, 5rem);
136
+ --sizing-24: var(--sd-sizing-24, 6rem);
137
+ --sizing-2: var(--sd-sizing-2, 0.5rem);
138
+ --sizing-2\.5: var(--sd-sizing-2\.5, 0.625rem);
139
+ --sizing-3: var(--sd-sizing-3, 0.75rem);
140
+ --sizing-4: var(--sd-sizing-4, 1rem);
141
+ --sizing-5: var(--sd-sizing-5, 1.25rem);
142
+ --sizing-6: var(--sd-sizing-6, 1.5rem);
143
+ --sizing-8: var(--sd-sizing-8, 2rem);
144
144
  --sizing-varspacing: var(--tw-varspacing);
145
- --spacing-0\.25: var(--sd-spacing-0\.25);
146
- --spacing-0\.5: var(--sd-spacing-0\.5);
147
- --spacing-10: var(--sd-spacing-10);
148
- --spacing-12: var(--sd-spacing-12);
149
- --spacing-14: var(--sd-spacing-14);
150
- --spacing-16: var(--sd-spacing-16);
151
- --spacing-1: var(--sd-spacing-1);
152
- --spacing-1\.5: var(--sd-spacing-1\.5);
153
- --spacing-20: var(--sd-spacing-20);
154
- --spacing-24: var(--sd-spacing-24);
155
- --spacing-2: var(--sd-spacing-2);
156
- --spacing-2\.5: var(--sd-spacing-2\.5);
157
- --spacing-32: var(--sd-spacing-32);
158
- --spacing-3: var(--sd-spacing-3);
159
- --spacing-40: var(--sd-spacing-40);
160
- --spacing-4: var(--sd-spacing-4);
161
- --spacing-6: var(--sd-spacing-6);
162
- --spacing-8: var(--sd-spacing-8);
145
+ --spacing-0\.25: var(--sd-spacing-0\.25, 0.0625rem);
146
+ --spacing-0\.5: var(--sd-spacing-0\.5, 0.125rem);
147
+ --spacing-10: var(--sd-spacing-10, 2.5rem);
148
+ --spacing-12: var(--sd-spacing-12, 3rem);
149
+ --spacing-14: var(--sd-spacing-14, 3.5rem);
150
+ --spacing-16: var(--sd-spacing-16, 4rem);
151
+ --spacing-1: var(--sd-spacing-1, 0.25rem);
152
+ --spacing-1\.5: var(--sd-spacing-1\.5, 0.375rem);
153
+ --spacing-20: var(--sd-spacing-20, 5rem);
154
+ --spacing-24: var(--sd-spacing-24, 6rem);
155
+ --spacing-2: var(--sd-spacing-2, 0.5rem);
156
+ --spacing-2\.5: var(--sd-spacing-2\.5, 0.625rem);
157
+ --spacing-32: var(--sd-spacing-32, 8rem);
158
+ --spacing-3: var(--sd-spacing-3, 0.75rem);
159
+ --spacing-40: var(--sd-spacing-40, 10rem);
160
+ --spacing-4: var(--sd-spacing-4, 1rem);
161
+ --spacing-6: var(--sd-spacing-6, 1.5rem);
162
+ --spacing-8: var(--sd-spacing-8, 2rem);
163
163
  --spacing-varspacing: var(--tw-varspacing);
164
- --spacing: var(--sd-spacing-1);
165
- --text-2xl: var(--sd-text-2xl);
166
- --text-3xl: var(--sd-text-3xl);
167
- --text-4xl: var(--sd-text-4xl);
168
- --text-base: var(--sd-text-base);
169
- --text-color-accent: rgba(var(--sd-color-text-accent));
170
- --text-color-black: rgba(var(--sd-color-text-black));
171
- --text-color-error: rgba(var(--sd-color-text-error));
172
- --text-color-neutral-500: rgba(var(--sd-color-text-neutral-500));
173
- --text-color-neutral-600: rgba(var(--sd-color-text-neutral-600));
174
- --text-color-neutral-700: rgba(var(--sd-color-text-neutral-700));
175
- --text-color-primary-100: rgba(var(--sd-color-text-primary-100));
176
- --text-color-primary-200: rgba(var(--sd-color-text-primary-200));
177
- --text-color-primary-400: rgba(var(--sd-color-text-primary-400));
178
- --text-color-primary-500: rgba(var(--sd-color-text-primary-500));
179
- --text-color-primary-800: rgba(var(--sd-color-text-primary-800));
180
- --text-color-primary: rgba(var(--sd-color-text-primary));
181
- --text-color-success: rgba(var(--sd-color-text-success));
182
- --text-color-white: rgba(var(--sd-color-text-white));
183
- --text-lg: var(--sd-text-lg);
184
- --text-sm: var(--sd-text-sm);
185
- --text-xl: var(--sd-text-xl);
186
- --text-xs: var(--sd-text-xs);
164
+ --spacing: var(--sd-spacing-1, 0.25rem);
165
+ --text-2xl: var(--sd-text-2xl, 1.75rem);
166
+ --text-3xl: var(--sd-text-3xl, 2rem);
167
+ --text-4xl: var(--sd-text-4xl, 2.5rem);
168
+ --text-base: var(--sd-text-base, 1rem);
169
+ --text-color-accent: rgba(var(--sd-color-text-accent, 45 157 0));
170
+ --text-color-black: rgba(var(--sd-color-text-black, 24 24 24));
171
+ --text-color-error: rgba(var(--sd-color-text-error, 204 25 55));
172
+ --text-color-neutral-500: rgba(var(--sd-color-text-neutral-500, 174 174 174));
173
+ --text-color-neutral-600: rgba(var(--sd-color-text-neutral-600, 136 136 136));
174
+ --text-color-neutral-700: rgba(var(--sd-color-text-neutral-700, 104 104 104));
175
+ --text-color-primary-100: rgba(var(--sd-color-text-primary-100, 236 240 249));
176
+ --text-color-primary-200: rgba(var(--sd-color-text-primary-200, 224 233 243));
177
+ --text-color-primary-400: rgba(var(--sd-color-text-primary-400, 153 171 208));
178
+ --text-color-primary-500: rgba(var(--sd-color-text-primary-500, 70 109 175));
179
+ --text-color-primary-800: rgba(var(--sd-color-text-primary-800, 5 21 48));
180
+ --text-color-primary: rgba(var(--sd-color-text-primary, 0 53 142));
181
+ --text-color-success: rgba(var(--sd-color-text-success, 54 123 40));
182
+ --text-color-white: rgba(var(--sd-color-text-white, 255 255 255));
183
+ --text-lg: var(--sd-text-lg, 1.25rem);
184
+ --text-sm: var(--sd-text-sm, 0.875rem);
185
+ --text-xl: var(--sd-text-xl, 1.5rem);
186
+ --text-xs: var(--sd-text-xs, 0.75rem);
187
187
  --transition-duration-fast: var(--sd-duration-fast, 150ms);
188
188
  --transition-duration-medium: var(--sd-duration-medium, 300ms);
189
189
  --transition-duration-slow: var(--sd-duration-slow, 500ms);
@@ -218,19 +218,19 @@
218
218
  }
219
219
  @keyframes loader-color-primary {
220
220
  0%, 100% {
221
- color: rgba(var(--sd-color-icon-fill-primary, rgba(var(--sd-color-primary))));
221
+ color: rgba(var(--sd-color-icon-fill-primary, rgba(var(--sd-color-primary, 0 53 142))));
222
222
  }
223
223
  50% {
224
- color: rgba(var(--sd-color-icon-fill-primary, rgba(var(--sd-color-primary))));
224
+ color: rgba(var(--sd-color-icon-fill-primary, rgba(var(--sd-color-primary, 0 53 142))));
225
225
  opacity: 20%;
226
226
  }
227
227
  }
228
228
  @keyframes loader-color-white {
229
229
  0%, 100% {
230
- color: rgba(var(--sd-color-icon-fill-white, rgba(var(--sd-color-white))));
230
+ color: rgba(var(--sd-color-icon-fill-white, rgba(var(--sd-color-white, 255 255 255))));
231
231
  }
232
232
  50% {
233
- color: rgba(var(--sd-color-icon-fill-white, rgba(var(--sd-color-white))));
233
+ color: rgba(var(--sd-color-icon-fill-white, rgba(var(--sd-color-white, 255 255 255))));
234
234
  opacity: 20%;
235
235
  }
236
236
  }
package/cdn/themes/ui-dark/ui-dark.css CHANGED
@@ -1 +1 @@
1
- :root,.sd-theme-ui-dark{color-scheme:dark;--sd-theme:"ui-dark";--sd-accordion--hover-color-background:var(--sd-color-primary-750);--sd-accordion--open-color-text:var(--sd-color-white);--sd-accordion-border-width:var(--sd-spacing-0\.25);--sd-accordion-color-border:var(--sd-color-primary-400);--sd-accordion-color-icon-fill:var(--sd-color-white);--sd-accordion-color-text:var(--sd-color-white);--sd-accordion-padding-block:var(--sd-spacing-3);--sd-accordion__indicator-color:var(--sd-color-accent);--sd-aspect-16\/10:16 / 10;--sd-aspect-21\/9:21 / 9;--sd-aspect-2\/1:2 / 1;--sd-aspect-3\/2:3 / 2;--sd-aspect-3\/4:3 / 4;--sd-aspect-4\/3:4 / 3;--sd-aspect-4\/5:4 / 5;--sd-aspect-5\/4:5 / 4;--sd-aspect-6\/5:6 / 5;--sd-aspect-golden-ratio:1.61803 / 1;--sd-aspect-square:1 / 1;--sd-aspect-video:16 / 9;--sd-audio__slide-bar--inverted-color-background:var(--sd-color-primary-400);--sd-audio__track-bar--inverted-color-background:var(--sd-color-white);--sd-badge--blue--inverted-color-background:var(--sd-color-primary-100);--sd-badge--blue--inverted-color-text:var(--sd-color-primary);--sd-badge--blue-color-background:var(--sd-color-primary-500);--sd-badge--green-color--inverted-background:var(--sd-color-accent-550);--sd-badge--green-color--inverted-text:var(--sd-color-white);--sd-badge--green-color-background:var(--sd-color-accent-550);--sd-badge--inverted-color-border:var(--sd-color-primary);--sd-badge--red--inverted-background:var(--sd-color-error-300);--sd-badge--red--inverted-text:var(--sd-color-white);--sd-badge--red-color-background:var(--sd-color-error-300);--sd-border-width-2:.125rem;--sd-border-width-4:.25rem;--sd-border-width-6:.375rem;--sd-border-width:.0625rem;--sd-brandshape--neutral-100-color-background:var(--sd-color-primary-750);--sd-brandshape--primary-80-color-background:0 53 142 / .8;--sd-brandshape--primary-color-background:var(--sd-color-primary);--sd-brandshape--primary-color-border:var(--sd-color-white);--sd-brandshape--white-80-color-background:0 53 142 / .8;--sd-brandshape--white-color-background:var(--sd-color-primary-900);--sd-brandshape-color-border-white:var(--sd-color-primary-900);--sd-breadcrumb--current-color-text:var(--sd-color-primary-400);--sd-breadcrumb__separator--current-color:var(--sd-color-accent);--sd-breadcrumb__separator-color:var(--sd-color-primary-400);--sd-button--cta--inverted--active-color-background:var(--sd-color-accent-700);--sd-button--cta--inverted--active-color-text:var(--sd-color-white);--sd-button--cta--inverted--default-color-background:var(--sd-color-accent);--sd-button--cta--inverted--default-color-text:var(--sd-color-white);--sd-button--cta--inverted--hover-color-background:var(--sd-color-accent-500);--sd-button--cta--inverted--hover-color-text:var(--sd-color-white);--sd-button--inverted--disabled-color-background:var(--sd-color-neutral-600);--sd-button--inverted--disabled-color-border:var(--sd-color-neutral-600);--sd-button--inverted--disabled-color-text:var(--sd-color-neutral-600);--sd-button--primary--active-color-background:var(--sd-color-primary-200);--sd-button--primary--active-color-text:var(--sd-color-primary-700);--sd-button--primary--default-color-background:var(--sd-color-white);--sd-button--primary--default-color-text:var(--sd-color-primary);--sd-button--primary--disabled-color-background:var(--sd-color-neutral-600);--sd-button--primary--hover-color-background:var(--sd-color-primary-100);--sd-button--primary--hover-color-text:var(--sd-color-primary-500);--sd-button--primary--inverted--active-color-background:var(--sd-color-primary-200);--sd-button--primary--inverted--active-color-text:var(--sd-color-primary-800);--sd-button--primary--inverted--default-color-background:var(--sd-color-white);--sd-button--primary--inverted--default-color-text:var(--sd-color-primary);--sd-button--primary--inverted--hover-color-background:var(--sd-color-primary-100);--sd-button--primary--inverted--hover-color-text:var(--sd-color-primary-500);--sd-button--secondary--active-color-background:var(--sd-color-primary-500);--sd-button--secondary--active-color-border:var(--sd-color-primary-200);--sd-button--secondary--active-color-text:var(--sd-color-primary-200);--sd-button--secondary--default-color-border:var(--sd-color-white);--sd-button--secondary--default-color-text:var(--sd-color-white);--sd-button--secondary--disabled-color-border:var(--sd-color-neutral-600);--sd-button--secondary--disabled-color-text:var(--sd-color-neutral-600);--sd-button--secondary--hover-color-background:var(--sd-color-primary-700);--sd-button--secondary--hover-color-border:var(--sd-color-primary-100);--sd-button--secondary--hover-color-text:var(--sd-color-primary-200);--sd-button--secondary--inverted--active-color-background:var(--sd-color-primary-800);--sd-button--secondary--inverted--active-color-text:var(--sd-color-white);--sd-button--secondary--inverted--hover-color-background:var(--sd-color-primary-500);--sd-button--secondary--inverted--hover-color-text:var(--sd-color-white);--sd-button--secondary--inverted-color-border:var(--sd-color-white);--sd-button--secondary--inverted-color-text:var(--sd-color-white);--sd-button--secondary--size-lg-padding-block:.6875rem;--sd-button--secondary--size-md-padding-block:.4375rem;--sd-button--secondary--size-sm-padding-block:.28125rem;--sd-button--secondary-padding-inline:.9375rem;--sd-button--size-lg-font-size:var(--sd-spacing-4);--sd-button--size-lg-icon-height:var(--sd-spacing-6);--sd-button--size-lg-min-height:var(--sd-spacing-12);--sd-button--size-lg-padding-block:var(--sd-spacing-3);--sd-button--size-md--icon-only-padding-inline:var(--sd-spacing-2\.5);--sd-button--size-md-font-size:var(--sd-spacing-4);--sd-button--size-md-min-height:var(--sd-spacing-10);--sd-button--size-md-padding-block:var(--sd-spacing-2);--sd-button--size-sm-font-size:.875rem;--sd-button--size-sm-padding-block:.34375rem;--sd-button--tertiary--active-color-background:var(--sd-color-primary-500);--sd-button--tertiary--active-color-text:var(--sd-color-primary-200);--sd-button--tertiary--default-color-text:var(--sd-color-white);--sd-button--tertiary--disabled-color-text:var(--sd-color-neutral-600);--sd-button--tertiary--hover-color-background:var(--sd-color-primary-700);--sd-button--tertiary--hover-color-text:var(--sd-color-primary-200);--sd-button--tertiary--inverted--active-color-background:var(--sd-color-primary-800);--sd-button--tertiary--inverted--active-color-text:var(--sd-color-primary-200);--sd-button--tertiary--inverted--hover-color-background:var(--sd-color-primary-500);--sd-button--tertiary--inverted--hover-color-text:var(--sd-color-primary-100);--sd-button--tertiary--inverted-color-text:var(--sd-color-white);--sd-button-border-radius:var(--sd-spacing-1);--sd-button-border-width:var(--sd-spacing-0\.25);--sd-button-font-weight:var(--sd-font-weight-normal);--sd-button-padding-inline:var(--sd-spacing-4);--sd-carousel--active--inverted-color-border:var(--sd-color-accent);--sd-carousel--active-color-border:var(--sd-color-accent);--sd-carousel__pager-dot--inverted--hovered-background:var(--sd-color-accent);--sd-carousel__pager-dot--inverted-background:var(--sd-color-accent);--sd-carousel__pager-dot--inverted-border:var(--sd-color-white);--sd-carousel__pager-dot-background:var(--sd-color-accent);--sd-carousel__pager-dot-border-width:var(--sd-spacing-0\.25);--sd-checkbox--invalid-color-background:var(--sd-color-primary-900);--sd-checkbox-border-width:var(--sd-spacing-0\.25);--sd-chip--neutral-high-color-background:var(--sd-color-primary-500);--sd-chip--neutral-high-color-border:var(--sd-color-primary-500);--sd-chip--neutral-high-color-filled-border:255 255 255 / 0;--sd-chip--neutral-high-color-outline-fill:255 255 255 / 0;--sd-chip--neutral-low-color-background:var(--sd-color-primary-700);--sd-chip--neutral-low-color-border:var(--sd-color-primary-700);--sd-chip--neutral-low-color-filled-border:255 255 255 / 0;--sd-chip--neutral-low-color-outline-fill:255 255 255 / 0;--sd-chip--neutral-medium-color-background:var(--sd-color-primary-600);--sd-chip--neutral-medium-color-border:var(--sd-color-primary-600);--sd-chip--neutral-medium-color-filled-border:255 255 255 / 0;--sd-chip--neutral-medium-color-outline-fill:255 255 255 / 0;--sd-chip--neutral-strong-color-border:var(--sd-color-primary-400);--sd-chip--neutral-strong-color-outline-fill:255 255 255 / 0;--sd-chip--neutral-subtle-color-background:var(--sd-color-primary-750);--sd-chip--neutral-subtle-color-filled-border:255 255 255 / 0;--sd-chip--primary-high-color-background:var(--sd-color-primary-500);--sd-chip--primary-high-color-border:var(--sd-color-primary-500);--sd-chip--primary-high-color-filled-border:255 255 255 / 0;--sd-chip--primary-high-color-outline-fill:255 255 255 / 0;--sd-chip--primary-low-color-background:var(--sd-color-primary-700);--sd-chip--primary-low-color-border:var(--sd-color-primary-700);--sd-chip--primary-low-color-filled-border:255 255 255 / 0;--sd-chip--primary-low-color-outline-fill:255 255 255 / 0;--sd-chip--primary-medium-color-background:var(--sd-color-primary-600);--sd-chip--primary-medium-color-border:var(--sd-color-primary-600);--sd-chip--primary-medium-color-filled-border:255 255 255 / 0;--sd-chip--primary-medium-color-outline-fill:255 255 255 / 0;--sd-chip--primary-strong-color-border:var(--sd-color-primary-400);--sd-chip--primary-strong-color-outline-fill:255 255 255 / 0;--sd-chip--primary-subtle-color-background:var(--sd-color-primary-750);--sd-chip--primary-subtle-color-filled-border:255 255 255 / 0;--sd-chip--white-color-background:var(--sd-color-primary-900);--sd-chip--white-color-filled-border:255 255 255 / 0;--sd-chip-border-radius:var(--sd-spacing-1);--sd-chip-border-width:0;--sd-choice-control-font-weight:var(--sd-font-weight-normal);--sd-color-accent-100:182 223 170;--sd-color-accent-200:142 208 130;--sd-color-accent-300:108 194 84;--sd-color-accent-400:45 157 0;--sd-color-accent-500:37 136 14;--sd-color-accent-550:37 136 14;--sd-color-accent-600:49 111 36;--sd-color-accent-700:33 87 37;--sd-color-accent-800:25 65 27;--sd-color-accent:45 157 0;--sd-color-background-accent-300:var(--sd-color-accent-300);--sd-color-background-accent-500:var(--sd-color-accent-500);--sd-color-background-accent-550:var(--sd-color-accent-550);--sd-color-background-accent-700:var(--sd-color-accent-700);--sd-color-background-accent:var(--sd-color-accent);--sd-color-background-error-400:var(--sd-color-error-300);--sd-color-background-error:var(--sd-color-error-250);--sd-color-background-info:var(--sd-color-info);--sd-color-background-neutral-100:var(--sd-color-primary-750);--sd-color-background-neutral-200:var(--sd-color-primary-700);--sd-color-background-neutral-300:var(--sd-color-primary-700);--sd-color-background-neutral-400:var(--sd-color-neutral-600);--sd-color-background-neutral-500:var(--sd-color-neutral-600);--sd-color-background-neutral-600:var(--sd-color-neutral-600);--sd-color-background-neutral-800:var(--sd-color-neutral-800);--sd-color-background-neutral-blue:255 255 255 / 0;--sd-color-background-neutral-grey:255 255 255 / 0;--sd-color-background-primary-100:var(--sd-color-primary-750);--sd-color-background-primary-200:var(--sd-color-primary-750);--sd-color-background-primary-300:var(--sd-color-primary-700);--sd-color-background-primary-500:var(--sd-color-primary-500);--sd-color-background-primary-800:var(--sd-color-primary-200);--sd-color-background-primary:var(--sd-color-primary);--sd-color-background-success:var(--sd-color-success);--sd-color-background-warning:var(--sd-color-warning);--sd-color-background-white-translucent:255 255 255 / 0;--sd-color-background-white:var(--sd-color-primary-900);--sd-color-black:24 24 24;--sd-color-border-accent-550:var(--sd-color-accent-550);--sd-color-border-accent:var(--sd-color-accent);--sd-color-border-error-400:var(--sd-color-error-300);--sd-color-border-error:var(--sd-color-error-250);--sd-color-border-neutral-400:var(--sd-color-primary-400);--sd-color-border-neutral-500:var(--sd-color-neutral-600);--sd-color-border-neutral-600:var(--sd-color-neutral-600);--sd-color-border-neutral-800:var(--sd-color-white);--sd-color-border-neutral-blue:255 255 255 / 0;--sd-color-border-primary-100:var(--sd-color-primary-100);--sd-color-border-primary-200:var(--sd-color-primary-200);--sd-color-border-primary-400:var(--sd-color-primary-400);--sd-color-border-primary-500:var(--sd-color-primary-100);--sd-color-border-primary-800:var(--sd-color-primary-200);--sd-color-border-primary:var(--sd-color-white);--sd-color-border-success:var(--sd-color-success);--sd-color-border-white:var(--sd-color-primary-900);--sd-color-error-250:234 88 107;--sd-color-error-300:204 25 55;--sd-color-error-400:172 25 56;--sd-color-error-500:125 20 45;--sd-color-error:204 25 55;--sd-color-icon-fill-accent-550:var(--sd-color-accent-550);--sd-color-icon-fill-accent:var(--sd-color-accent);--sd-color-icon-fill-content-icons-primary:var(--sd-color-white);--sd-color-icon-fill-error-400:var(--sd-color-error-300);--sd-color-icon-fill-error:var(--sd-color-error-250);--sd-color-icon-fill-neutral-400:var(--sd-color-neutral-400);--sd-color-icon-fill-neutral-500:var(--sd-color-neutral-600);--sd-color-icon-fill-neutral-600:var(--sd-color-neutral-600);--sd-color-icon-fill-neutral-800:var(--sd-color-white);--sd-color-icon-fill-primary-100:var(--sd-color-primary-500);--sd-color-icon-fill-primary-200:var(--sd-color-primary-800);--sd-color-icon-fill-primary-400:var(--sd-color-primary-400);--sd-color-icon-fill-primary-500:var(--sd-color-primary-200);--sd-color-icon-fill-primary-800:var(--sd-color-white);--sd-color-icon-fill-primary:var(--sd-color-white);--sd-color-icon-fill-risk-high:var(--sd-color-risk-high);--sd-color-icon-fill-risk-increased:var(--sd-color-risk-increased);--sd-color-icon-fill-risk-low:var(--sd-color-risk-low);--sd-color-icon-fill-risk-moderate:var(--sd-color-risk-moderate);--sd-color-icon-fill-risk-veryhigh:var(--sd-color-risk-veryhigh);--sd-color-icon-fill-success:var(--sd-color-success);--sd-color-icon-fill-white:var(--sd-color-white);--sd-color-info:21 130 213;--sd-color-neutral-100:246 246 246;--sd-color-neutral-200:233 233 233;--sd-color-neutral-300:218 218 218;--sd-color-neutral-400:195 195 195;--sd-color-neutral-500:174 174 174;--sd-color-neutral-600:136 136 136;--sd-color-neutral-700:104 104 104;--sd-color-neutral-800:81 81 81;--sd-color-primary-100:236 240 249;--sd-color-primary-200:224 233 243;--sd-color-primary-300:200 213 231;--sd-color-primary-400:153 171 208;--sd-color-primary-500:70 109 175;--sd-color-primary-600:0 53 142;--sd-color-primary-700:19 46 110;--sd-color-primary-750:10 32 74;--sd-color-primary-800:5 21 48;--sd-color-primary-900:2 9 32;--sd-color-primary:0 53 142;--sd-color-risk-high:250 155 30;--sd-color-risk-increased:255 240 0;--sd-color-risk-low:1 125 195;--sd-color-risk-moderate:0 165 147;--sd-color-risk-veryhigh:255 0 0;--sd-color-success:108 194 84;--sd-color-text-accent:var(--sd-color-accent);--sd-color-text-black:var(--sd-color-white);--sd-color-text-error:var(--sd-color-error-250);--sd-color-text-neutral-500:var(--sd-color-neutral-600);--sd-color-text-neutral-600:var(--sd-color-neutral-600);--sd-color-text-neutral-700:var(--sd-color-primary-400);--sd-color-text-primary-100:var(--sd-color-primary-500);--sd-color-text-primary-200:var(--sd-color-primary-200);--sd-color-text-primary-400:var(--sd-color-primary-400);--sd-color-text-primary-500:var(--sd-color-primary-200);--sd-color-text-primary-800:var(--sd-color-white);--sd-color-text-primary:var(--sd-color-white);--sd-color-text-success:var(--sd-color-success);--sd-color-text-white:var(--sd-color-white);--sd-color-warning:187 141 32;--sd-color-white:255 255 255;--sd-combobox__tag-border-width:var(--sd-spacing-0\.25);--sd-container--primary-800-color-background:var(--sd-color-primary-600);--sd-datepicker__date-item--current-color-text:var(--sd-color-white);--sd-datepicker__date-item--current-font-weight:var(--sd-font-weight-bold);--sd-datepicker__date-item--default-color-text:var(--sd-color-white);--sd-datepicker__date-item--hover--default-color-background:var(--sd-color-primary-100);--sd-datepicker__date-item--hover--default-color-border:var(--sd-color-primary-750);--sd-datepicker__date-item--hover--default-color-text:var(--sd-color-primary-750);--sd-datepicker__date-item--hover--prev-next-color-background:var(--sd-color-primary-100);--sd-datepicker__date-item--hover--prev-next-color-text:var(--sd-color-primary-750);--sd-datepicker__date-item--range-color-background:var(--sd-color-primary-750);--sd-datepicker__date-item--selected--hover-color-background:var(--sd-color-primary-200);--sd-datepicker__date-item--selected--hover-color-text:var(--sd-color-primary-900);--sd-datepicker__date-item--selected-color-background:var(--sd-color-primary);--sd-datepicker__date-item--selected-color-text:var(--sd-color-white);--sd-divider--inverted-color-border:var(--sd-color-primary-400);--sd-drop-shadow-listbox:0px 0px 0px #fff0;--sd-drop-shadow-sm:.5px .5px 1.5px #515151;--sd-drop-shadow-xs:.5px .5px 1.5px #515151;--sd-drop-shadow:0px 0px 0px #fff0;--sd-dropdown-color-background:var(--sd-color-primary-900);--sd-duration-fast:.15s;--sd-duration-medium:.3s;--sd-duration-slow:.5s;--sd-duration-x-slow:.75s;--sd-font-primary:"Frutiger Neue";--sd-font-weight-bold:600;--sd-font-weight-normal:400;--sd-footnotes--target--inverted-color-background:var(--sd-color-primary-800);--sd-form-control--disabled-color-text:var(--sd-color-neutral-600);--sd-form-control--filled__floating-label-color-text:var(--sd-color-primary-400);--sd-form-control--hover-color-background:var(--sd-color-primary-700);--sd-form-control--invalid-color-background:var(--sd-color-primary-900);--sd-form-control--read-only-color-background:var(--sd-color-neutral-700);--sd-form-control-border-radius:var(--sd-spacing-1);--sd-form-control-color-border:var(--sd-color-primary-200);--sd-form-control-color-icon-fill:var(--sd-color-white);--sd-form-control-color-text:var(--sd-color-white);--sd-form-control__listbox-border-bottom-left-radius:var(--sd-spacing-1);--sd-form-control__listbox-border-bottom-right-radius:var(--sd-spacing-1);--sd-form-control__listbox-border-top-left-radius:var(--sd-spacing-1);--sd-form-control__listbox-border-top-right-radius:var(--sd-spacing-1);--sd-header-color-background:var(--sd-color-primary);--sd-header-padding-bottom:0;--sd-header__shadow-height:0;--sd-header__underline-color-background:255 255 255 / 0;--sd-header__underline-height:var(--sd-spacing-2);--sd-headline--3xl-onwards-color-text:var(--sd-color-white);--sd-informational-gradient--primary-800-color-background:var(--sd-color-primary-800);--sd-informational-gradient--white-color-background:var(--sd-color-primary-800);--sd-interactive--active-color-text:var(--sd-color-primary-400);--sd-interactive--default-color-text:var(--sd-color-white);--sd-map-marker--cluster--default-color-background:var(--sd-color-white);--sd-map-marker--cluster--hover-color-background:var(--sd-color-primary-100);--sd-map-marker--cluster-color-text:var(--sd-color-primary);--sd-map-marker--main-color-background:var(--sd-color-accent-550);--sd-map-marker--pin--default-color-background:var(--sd-color-white);--sd-map-marker--pin--hover-color-background:var(--sd-color-primary-200);--sd-map-marker--pin-color-text:var(--sd-color-primary);--sd-marker-font-size:.875rem;--sd-marker-font-weight:var(--sd-font-weight-normal);--sd-menu-item--disabled-color-icon-fill:var(--sd-color-neutral-600);--sd-menu-item--disabled-color-text:var(--sd-color-neutral-600);--sd-menu-item-color-icon-fill:var(--sd-color-white);--sd-menu-item-color-text:var(--sd-color-white);--sd-navigable-border-radius:0;--sd-navigable-font-size:var(--sd-spacing-4);--sd-navigable__current-indicator-border-radius:0;--sd-navigable__current-indicator-height:var(--sd-spacing-1);--sd-navigable__current-indicator-width:var(--sd-spacing-1);--sd-navigation-item--default-color-text:var(--sd-color-white);--sd-navigation-item-color-text:var(--sd-color-white);--sd-notification--error-color-background:var(--sd-color-primary-900);--sd-notification--info-color-background:var(--sd-color-primary-900);--sd-notification--success-color-background:var(--sd-color-primary-900);--sd-notification--warning-color-background:var(--sd-color-primary-900);--sd-notification-color-border:var(--sd-color-primary-400);--sd-notification__duration-indicator-color-background:var(--sd-color-white);--sd-opacity-0:0%;--sd-opacity-100:100%;--sd-opacity-10:10%;--sd-opacity-20:20%;--sd-opacity-30:30%;--sd-opacity-50:50%;--sd-opacity-55:55%;--sd-opacity-5:5%;--sd-opacity-60:60%;--sd-opacity-70:70%;--sd-opacity-75:75%;--sd-opacity-80:80%;--sd-opacity-85:85%;--sd-opacity-90:90%;--sd-overlay-color-background:5 21 48 / .9;--sd-pagination--default-border:var(--sd-color-accent);--sd-pagination--inverted-border:var(--sd-color-accent);--sd-panel-color-border:var(--sd-color-primary-400);--sd-progress-bar--active--inverted-color-background:var(--sd-color-accent);--sd-progress-bar__slide-bar--inverted-color-background:var(--sd-color-primary-400);--sd-progress-bar__slide-bar-color-background:var(--sd-color-primary-400);--sd-quickfact--expandable-color-text:var(--sd-color-white);--sd-radio--checked--default-color-background:var(--sd-color-primary-900);--sd-radio--checked--default__icon-color-background:var(--sd-color-accent);--sd-radio--checked--disabled__icon-color-background:var(--sd-color-neutral-600);--sd-radio--checked--hover-color-background:var(--sd-color-primary-900);--sd-radio--checked--hover__icon-color-background:var(--sd-color-accent);--sd-radio--checked--invalid--default-color-background:var(--sd-color-primary-900);--sd-radio--checked--invalid--default__icon-color-background:var(--sd-color-error-250);--sd-radio--checked--invalid--hover__icon-color-background:var(--sd-color-error-300);--sd-radio--default--invalid-color-background:var(--sd-color-primary-900);--sd-radio-border-width:var(--sd-spacing-0\.25);--sd-radio-button--hover-color-background:255 255 255 / 0;--sd-radio-button--hover-color-text:var(--sd-color-primary-200);--sd-radio-button-border-radius:624.938rem;--sd-radio-button-color-text:var(--sd-color-white);--sd-radio-button-group-border-radius:624.938rem;--sd-radio-button-group-border-width:var(--sd-spacing-0\.25);--sd-radio-button-group-padding:0;--sd-radio__checked-height:var(--sd-spacing-2\.5);--sd-radio__checked-width:var(--sd-spacing-2\.5);--sd-radius-full:624.938rem;--sd-radius-lg:.5rem;--sd-radius-md:.375rem;--sd-radius-none:0;--sd-radius-sm:.125rem;--sd-radius:.25rem;--sd-range-scale-ticks-color-text:var(--sd-color-white);--sd-shadow-listbox:0px 0px 0px 0px #fff0;--sd-shadow-sm:.5px .5px 1.5px 0px #515151;--sd-shadow-xs:.5px .5px 1.5px 0px #515151;--sd-shadow:0px 0px 0px 0px #fff0;--sd-sizing-0:0;--sd-sizing-0\.25:.0625rem;--sd-sizing-0\.5:.125rem;--sd-sizing-10:2.5rem;--sd-sizing-12:3rem;--sd-sizing-16:4rem;--sd-sizing-1:.25rem;--sd-sizing-1\.5:.375rem;--sd-sizing-20:5rem;--sd-sizing-24:6rem;--sd-sizing-2:.5rem;--sd-sizing-2\.5:.625rem;--sd-sizing-3:.75rem;--sd-sizing-4:1rem;--sd-sizing-5:1.25rem;--sd-sizing-6:1.5rem;--sd-sizing-8:2rem;--sd-skeleton-color:var(--sd-color-primary-700);--sd-spacing-0\.25:.0625rem;--sd-spacing-0\.5:.125rem;--sd-spacing-10:2.5rem;--sd-spacing-12:3rem;--sd-spacing-14:3.5rem;--sd-spacing-16:4rem;--sd-spacing-1:.25rem;--sd-spacing-1\.5:.375rem;--sd-spacing-20:5rem;--sd-spacing-24:6rem;--sd-spacing-2:.5rem;--sd-spacing-2\.5:.625rem;--sd-spacing-32:8rem;--sd-spacing-3:.75rem;--sd-spacing-40:10rem;--sd-spacing-4:1rem;--sd-spacing-6:1.5rem;--sd-spacing-8:2rem;--sd-step-color-text:var(--sd-color-white);--sd-step__circle-border-width:var(--sd-spacing-0\.25);--sd-step__tail-border-width:var(--sd-spacing-0\.25);--sd-switch--checked--hover-color-background:var(--sd-color-accent);--sd-switch--unchecked--hover-color-background:var(--sd-color-primary-700);--sd-switch--unchecked-color-border:var(--sd-color-white);--sd-switch--unchecked__icon-color-background:var(--sd-color-white);--sd-switch-border-width:var(--sd-spacing-0\.25);--sd-switch-color-text:var(--sd-color-white);--sd-tab--active-color-text:var(--sd-color-white);--sd-tab--disabled-color-text:var(--sd-color-neutral-600);--sd-tab--hover-color-background:var(--sd-color-primary-700);--sd-tab-color-border:var(--sd-color-primary-400);--sd-tab-color-text:var(--sd-color-white);--sd-tag--default--hover-color-background:255 255 255 / 0;--sd-tag--default-color-background:255 255 255 / 0;--sd-tag--default-color-border:var(--sd-color-primary-100);--sd-tag--default-color-text:var(--sd-color-white);--sd-tag--disabled-color-text:var(--sd-color-neutral-600);--sd-tag--removable--size-lg-padding-left:var(--sd-spacing-4);--sd-tag--removable--size-lg-padding-right:var(--sd-spacing-3);--sd-tag--removable--size-sm-padding-left:var(--sd-spacing-3);--sd-tag--removable--size-sm-padding-right:var(--sd-spacing-2);--sd-tag--selected--default-color-background:var(--sd-color-white);--sd-tag--selected--default-color-border:255 255 255 / 0;--sd-tag--selected--default-color-text:var(--sd-color-primary);--sd-tag--selected--hover-color-background:var(--sd-color-primary-500);--sd-tag--selected--hover-color-border:255 255 255 / 0;--sd-tag--selected--hover-color-text:var(--sd-color-white);--sd-tag--selected-border-width:0;--sd-tag--size-lg-font-size:var(--sd-spacing-4);--sd-tag--size-lg-padding-inline:var(--sd-spacing-3);--sd-tag--size-sm-font-size:.875rem;--sd-tag--size-sm-padding-inline:var(--sd-spacing-3);--sd-tag-border-radius:624.938rem;--sd-teaser--neutral-100-color-background:var(--sd-color-primary-700);--sd-teaser--neutral-400-color-border:var(--sd-color-primary-400);--sd-teaser--primary-100-color-background:var(--sd-color-primary-700);--sd-teaser-border-radius:0;--sd-teaser-media--neutral-100--hover-color-background:10 32 74 / .9;--sd-teaser-media--neutral-100-color-background:10 32 74 / .8;--sd-teaser-media--primary-100--hover-color-background:10 32 74 / .9;--sd-teaser-media--primary-100-color-background:10 32 74 / .8;--sd-teaser-media--white--hover-color-background:0 53 142 / .9;--sd-teaser-media--white-color-background:0 53 142 / .8;--sd-teaser-media-color-icon-fill:var(--sd-color-white);--sd-text-2xl:1.75rem;--sd-text-3xl:2rem;--sd-text-4xl:2.5rem;--sd-text-base:1rem;--sd-text-lg:1.25rem;--sd-text-sm:.875rem;--sd-text-xl:1.5rem;--sd-text-xs:.75rem;--sd-tooltip-color-background:var(--sd-color-primary);--sd-tooltip-color-text:var(--sd-color-white);--sd-video--play-button-color-background:0 53 142 / .8;--sd-video--play-button-color-icon-fill:var(--sd-color-white);--sd-button--size-lg-border-radius:var(--sd-button-border-radius);--sd-button--size-md-border-radius:var(--sd-button-border-radius);--sd-button--size-sm-border-radius:var(--sd-button-border-radius);--sd-button--secondary--inverted--color-border:var(--sd-button-secondary-inverted-color-border);--sd-chip-font-size:var(--sd-marker-font-size);--sd-chip-font-weight:var(--sd-marker-font-weight);--sd-chip--primary-200-color-background:var(--sd-chip--primary-low-color-background);--sd-chip--primary-200-color-border:var(--sd-chip--primary-subtle-color-filled-border);--sd-chip--primary-300-color-background:var(--sd-chip--primary-medium-color-background);--sd-chip--primary-300-color-border:var(--sd-chip--primary-medium-color-filled-border);--sd-chip--primary-500-color-background:var(--sd-chip--primary-high-color-background);--sd-chip--primary-500-color-border:var(--sd-chip--primary-high-color-filled-border);--sd-chip--primary-500-color-text:var(--sd-color-white);--sd-chip--white-color-border:var(--sd-chip--white-color-filled-border);--sd-flag-border-radius:var(--sd-chip-border-radius);--sd-flag-border-width:var(--sd-chip-border-width);--sd-flag--neutral-200-color-background:var(--sd-chip--neutral-low-color-background);--sd-flag--neutral-200-color-border:var(--sd-chip--neutral-low-color-filled-border);--sd-flag--neutral-300-color-background:var(--sd-chip--neutral-medium-color-background);--sd-flag--neutral-300-color-border:var(--sd-chip--neutral-medium-color-filled-border);--sd-flag--neutral-500-color-background:var(--sd-chip--neutral-high-color-background);--sd-flag--neutral-500-color-border:var(--sd-chip--neutral-high-color-filled-border);--sd-flag--white-color-background:var(--sd-chip--white-color-background);--sd-flag--white-color-border:var(--sd-chip--white-color-filled-border);--sd-form-control-color-icon:var(--sd-form-control-color-icon-fill);--sd-menu-color-icon:var(--sd-menu-item-color-icon-fill);--sd-menu-color-text:var(--sd-menu-item-color-text);--sd-menu--disabled-color-icon:var(--sd-menu-item--disabled-color-icon-fill);--sd-menu--disabled-color-text:var(--sd-menu-item--disabled-color-text);--sd-tag-font-weight:var(--sd-choice-control-font-weight);--sd-tag--disabled-color-border:var(--sd-color-border-neutral-500);--sd-navigation-item--current-color-text:var(--sd-navigation-item-color-text);--sd-option--disabled-color-border:var(--sd-color-border-neutral-500);--sd-audio__timestamp-color-text:var(--sd-color-text-neutral-700);--sd-accordion__chevron-color-text:var(--sd-accordion-color-icon-fill,var(--sd-color-icon-fill-primary));--sd-form-control__tooltip-color-icon:var(--sd-interactive--default-color-text)}
1
+ :root,.sd-theme-ui-dark{color-scheme:dark;--sd-theme:"ui-dark";--sd-accordion--hover-color-background:var(--sd-color-primary-750);--sd-accordion--open-color-text:var(--sd-color-white);--sd-accordion-border-width:var(--sd-spacing-0\.25);--sd-accordion-color-border:var(--sd-color-primary-400);--sd-accordion-color-icon-fill:var(--sd-color-white);--sd-accordion-color-text:var(--sd-color-white);--sd-accordion-padding-block:var(--sd-spacing-3);--sd-accordion__indicator-color:var(--sd-color-accent);--sd-aspect-16\/10:16 / 10;--sd-aspect-21\/9:21 / 9;--sd-aspect-2\/1:2 / 1;--sd-aspect-3\/2:3 / 2;--sd-aspect-3\/4:3 / 4;--sd-aspect-4\/3:4 / 3;--sd-aspect-4\/5:4 / 5;--sd-aspect-5\/4:5 / 4;--sd-aspect-6\/5:6 / 5;--sd-aspect-golden-ratio:1.61803 / 1;--sd-aspect-square:1 / 1;--sd-aspect-video:16 / 9;--sd-audio__slide-bar--inverted-color-background:var(--sd-color-primary-400);--sd-audio__track-bar--inverted-color-background:var(--sd-color-white);--sd-badge--blue--inverted-color-background:var(--sd-color-primary-100);--sd-badge--blue--inverted-color-text:var(--sd-color-primary);--sd-badge--blue-color-background:var(--sd-color-primary-500);--sd-badge--green-color--inverted-background:var(--sd-color-accent-550);--sd-badge--green-color--inverted-text:var(--sd-color-white);--sd-badge--green-color-background:var(--sd-color-accent-550);--sd-badge--inverted-color-border:var(--sd-color-primary);--sd-badge--red--inverted-background:var(--sd-color-error-300);--sd-badge--red--inverted-text:var(--sd-color-white);--sd-badge--red-color-background:var(--sd-color-error-300);--sd-border-width-2:.125rem;--sd-border-width-4:.25rem;--sd-border-width-6:.375rem;--sd-border-width:.0625rem;--sd-brandshape--neutral-100-color-background:var(--sd-color-primary-750);--sd-brandshape--primary-80-color-background:0 53 142 / .8;--sd-brandshape--primary-color-background:var(--sd-color-primary);--sd-brandshape--primary-color-border:var(--sd-color-white);--sd-brandshape--white-80-color-background:0 53 142 / .8;--sd-brandshape--white-color-background:var(--sd-color-primary-900);--sd-brandshape-color-border-white:var(--sd-color-primary-900);--sd-breadcrumb--current-color-text:var(--sd-color-primary-400);--sd-breadcrumb__separator--current-color:var(--sd-color-accent);--sd-breadcrumb__separator-color:var(--sd-color-primary-400);--sd-button--cta--inverted--active-color-background:var(--sd-color-accent-700);--sd-button--cta--inverted--active-color-text:var(--sd-color-white);--sd-button--cta--inverted--default-color-background:var(--sd-color-accent);--sd-button--cta--inverted--default-color-text:var(--sd-color-white);--sd-button--cta--inverted--hover-color-background:var(--sd-color-accent-500);--sd-button--cta--inverted--hover-color-text:var(--sd-color-white);--sd-button--inverted--disabled-color-background:var(--sd-color-neutral-600);--sd-button--inverted--disabled-color-border:var(--sd-color-neutral-600);--sd-button--inverted--disabled-color-text:var(--sd-color-neutral-600);--sd-button--primary--active-color-background:var(--sd-color-primary-200);--sd-button--primary--active-color-text:var(--sd-color-primary-700);--sd-button--primary--default-color-background:var(--sd-color-white);--sd-button--primary--default-color-text:var(--sd-color-primary);--sd-button--primary--disabled-color-background:var(--sd-color-neutral-600);--sd-button--primary--hover-color-background:var(--sd-color-primary-100);--sd-button--primary--hover-color-text:var(--sd-color-primary-500);--sd-button--primary--inverted--active-color-background:var(--sd-color-primary-200);--sd-button--primary--inverted--active-color-text:var(--sd-color-primary-800);--sd-button--primary--inverted--default-color-background:var(--sd-color-white);--sd-button--primary--inverted--default-color-text:var(--sd-color-primary);--sd-button--primary--inverted--hover-color-background:var(--sd-color-primary-100);--sd-button--primary--inverted--hover-color-text:var(--sd-color-primary-500);--sd-button--secondary--active-color-background:var(--sd-color-primary-500);--sd-button--secondary--active-color-border:var(--sd-color-primary-200);--sd-button--secondary--active-color-text:var(--sd-color-primary-200);--sd-button--secondary--default-color-border:var(--sd-color-white);--sd-button--secondary--default-color-text:var(--sd-color-white);--sd-button--secondary--disabled-color-border:var(--sd-color-neutral-600);--sd-button--secondary--disabled-color-text:var(--sd-color-neutral-600);--sd-button--secondary--hover-color-background:var(--sd-color-primary-700);--sd-button--secondary--hover-color-border:var(--sd-color-primary-100);--sd-button--secondary--hover-color-text:var(--sd-color-primary-200);--sd-button--secondary--inverted--active-color-background:var(--sd-color-primary-800);--sd-button--secondary--inverted--active-color-text:var(--sd-color-white);--sd-button--secondary--inverted--hover-color-background:var(--sd-color-primary-500);--sd-button--secondary--inverted--hover-color-text:var(--sd-color-white);--sd-button--secondary--inverted-color-border:var(--sd-color-white);--sd-button--secondary--inverted-color-text:var(--sd-color-white);--sd-button--secondary--size-lg-padding-block:.6875rem;--sd-button--secondary--size-md-padding-block:.4375rem;--sd-button--secondary--size-sm-padding-block:.28125rem;--sd-button--secondary-padding-inline:.9375rem;--sd-button--size-lg-font-size:var(--sd-spacing-4);--sd-button--size-lg-icon-height:var(--sd-spacing-6);--sd-button--size-lg-min-height:var(--sd-spacing-12);--sd-button--size-lg-padding-block:var(--sd-spacing-3);--sd-button--size-md--icon-only-padding-inline:var(--sd-spacing-2\.5);--sd-button--size-md-font-size:var(--sd-spacing-4);--sd-button--size-md-min-height:var(--sd-spacing-10);--sd-button--size-md-padding-block:var(--sd-spacing-2);--sd-button--size-sm-font-size:.875rem;--sd-button--size-sm-padding-block:.34375rem;--sd-button--tertiary--active-color-background:var(--sd-color-primary-500);--sd-button--tertiary--active-color-text:var(--sd-color-primary-200);--sd-button--tertiary--default-color-text:var(--sd-color-white);--sd-button--tertiary--disabled-color-text:var(--sd-color-neutral-600);--sd-button--tertiary--hover-color-background:var(--sd-color-primary-700);--sd-button--tertiary--hover-color-text:var(--sd-color-primary-200);--sd-button--tertiary--inverted--active-color-background:var(--sd-color-primary-800);--sd-button--tertiary--inverted--active-color-text:var(--sd-color-primary-200);--sd-button--tertiary--inverted--hover-color-background:var(--sd-color-primary-500);--sd-button--tertiary--inverted--hover-color-text:var(--sd-color-primary-100);--sd-button--tertiary--inverted-color-text:var(--sd-color-white);--sd-button-border-radius:var(--sd-spacing-1);--sd-button-border-width:var(--sd-spacing-0\.25);--sd-button-font-weight:var(--sd-font-weight-normal);--sd-button-padding-inline:var(--sd-spacing-4);--sd-carousel--active--inverted-color-border:var(--sd-color-accent);--sd-carousel--active-color-border:var(--sd-color-accent);--sd-carousel__pager-dot--inverted--hovered-background:var(--sd-color-accent);--sd-carousel__pager-dot--inverted-background:var(--sd-color-accent);--sd-carousel__pager-dot--inverted-border:var(--sd-color-white);--sd-carousel__pager-dot-background:var(--sd-color-accent);--sd-carousel__pager-dot-border-width:var(--sd-spacing-0\.25);--sd-checkbox--invalid-color-background:var(--sd-color-primary-900);--sd-checkbox-border-width:var(--sd-spacing-0\.25);--sd-chip--neutral-high-color-background:var(--sd-color-primary-500);--sd-chip--neutral-high-color-border:var(--sd-color-primary-500);--sd-chip--neutral-high-color-filled-border:255 255 255 / 0;--sd-chip--neutral-high-color-outline-fill:255 255 255 / 0;--sd-chip--neutral-low-color-background:var(--sd-color-primary-700);--sd-chip--neutral-low-color-border:var(--sd-color-primary-700);--sd-chip--neutral-low-color-filled-border:255 255 255 / 0;--sd-chip--neutral-low-color-outline-fill:255 255 255 / 0;--sd-chip--neutral-medium-color-background:var(--sd-color-primary-600);--sd-chip--neutral-medium-color-border:var(--sd-color-primary-600);--sd-chip--neutral-medium-color-filled-border:255 255 255 / 0;--sd-chip--neutral-medium-color-outline-fill:255 255 255 / 0;--sd-chip--neutral-strong-color-border:var(--sd-color-primary-400);--sd-chip--neutral-strong-color-outline-fill:255 255 255 / 0;--sd-chip--neutral-subtle-color-background:var(--sd-color-primary-750);--sd-chip--neutral-subtle-color-filled-border:255 255 255 / 0;--sd-chip--primary-high-color-background:var(--sd-color-primary-500);--sd-chip--primary-high-color-border:var(--sd-color-primary-500);--sd-chip--primary-high-color-filled-border:255 255 255 / 0;--sd-chip--primary-high-color-outline-fill:255 255 255 / 0;--sd-chip--primary-low-color-background:var(--sd-color-primary-700);--sd-chip--primary-low-color-border:var(--sd-color-primary-700);--sd-chip--primary-low-color-filled-border:255 255 255 / 0;--sd-chip--primary-low-color-outline-fill:255 255 255 / 0;--sd-chip--primary-medium-color-background:var(--sd-color-primary-600);--sd-chip--primary-medium-color-border:var(--sd-color-primary-600);--sd-chip--primary-medium-color-filled-border:255 255 255 / 0;--sd-chip--primary-medium-color-outline-fill:255 255 255 / 0;--sd-chip--primary-strong-color-border:var(--sd-color-primary-400);--sd-chip--primary-strong-color-outline-fill:255 255 255 / 0;--sd-chip--primary-subtle-color-background:var(--sd-color-primary-750);--sd-chip--primary-subtle-color-filled-border:255 255 255 / 0;--sd-chip--white-color-background:var(--sd-color-primary-900);--sd-chip--white-color-filled-border:255 255 255 / 0;--sd-chip-border-radius:var(--sd-spacing-1);--sd-chip-border-width:0;--sd-choice-control-font-weight:var(--sd-font-weight-normal);--sd-color-accent-100:182 223 170;--sd-color-accent-200:142 208 130;--sd-color-accent-300:108 194 84;--sd-color-accent-400:45 157 0;--sd-color-accent-500:37 136 14;--sd-color-accent-550:37 136 14;--sd-color-accent-600:49 111 36;--sd-color-accent-700:33 87 37;--sd-color-accent-800:25 65 27;--sd-color-accent:45 157 0;--sd-color-background-accent-300:var(--sd-color-accent-300);--sd-color-background-accent-500:var(--sd-color-accent-500);--sd-color-background-accent-550:var(--sd-color-accent-550);--sd-color-background-accent-700:var(--sd-color-accent-700);--sd-color-background-accent:var(--sd-color-accent);--sd-color-background-error-400:var(--sd-color-error-300);--sd-color-background-error:var(--sd-color-error-250);--sd-color-background-info:var(--sd-color-info);--sd-color-background-neutral-100:var(--sd-color-primary-750);--sd-color-background-neutral-200:var(--sd-color-primary-700);--sd-color-background-neutral-300:var(--sd-color-primary-700);--sd-color-background-neutral-400:var(--sd-color-neutral-600);--sd-color-background-neutral-500:var(--sd-color-neutral-600);--sd-color-background-neutral-600:var(--sd-color-neutral-600);--sd-color-background-neutral-800:var(--sd-color-neutral-800);--sd-color-background-neutral-blue:255 255 255 / 0;--sd-color-background-neutral-grey:255 255 255 / 0;--sd-color-background-primary-100:var(--sd-color-primary-750);--sd-color-background-primary-200:var(--sd-color-primary-750);--sd-color-background-primary-300:var(--sd-color-primary-700);--sd-color-background-primary-500:var(--sd-color-primary-500);--sd-color-background-primary-800:var(--sd-color-primary-200);--sd-color-background-primary:var(--sd-color-primary);--sd-color-background-success:var(--sd-color-success);--sd-color-background-warning:var(--sd-color-warning);--sd-color-background-white-translucent:255 255 255 / 0;--sd-color-background-white:var(--sd-color-primary-900);--sd-color-black:24 24 24;--sd-color-border-accent-550:var(--sd-color-accent-550);--sd-color-border-accent:var(--sd-color-accent);--sd-color-border-error-400:var(--sd-color-error-300);--sd-color-border-error:var(--sd-color-error-250);--sd-color-border-neutral-400:var(--sd-color-primary-400);--sd-color-border-neutral-500:var(--sd-color-neutral-600);--sd-color-border-neutral-600:var(--sd-color-neutral-600);--sd-color-border-neutral-800:var(--sd-color-white);--sd-color-border-neutral-blue:255 255 255 / 0;--sd-color-border-primary-100:var(--sd-color-primary-100);--sd-color-border-primary-200:var(--sd-color-primary-200);--sd-color-border-primary-400:var(--sd-color-primary-400);--sd-color-border-primary-500:var(--sd-color-primary-100);--sd-color-border-primary-800:var(--sd-color-primary-200);--sd-color-border-primary:var(--sd-color-white);--sd-color-border-success:var(--sd-color-success);--sd-color-border-white:var(--sd-color-primary-900);--sd-color-error-250:234 88 107;--sd-color-error-300:204 25 55;--sd-color-error-400:172 25 56;--sd-color-error-500:125 20 45;--sd-color-error:204 25 55;--sd-color-icon-fill-accent-550:var(--sd-color-accent-550);--sd-color-icon-fill-accent:var(--sd-color-accent);--sd-color-icon-fill-content-icons-primary:var(--sd-color-white);--sd-color-icon-fill-error-400:var(--sd-color-error-300);--sd-color-icon-fill-error:var(--sd-color-error-250);--sd-color-icon-fill-neutral-400:var(--sd-color-neutral-400);--sd-color-icon-fill-neutral-500:var(--sd-color-neutral-600);--sd-color-icon-fill-neutral-600:var(--sd-color-neutral-600);--sd-color-icon-fill-neutral-800:var(--sd-color-white);--sd-color-icon-fill-primary-100:var(--sd-color-primary-500);--sd-color-icon-fill-primary-200:var(--sd-color-primary-800);--sd-color-icon-fill-primary-400:var(--sd-color-primary-400);--sd-color-icon-fill-primary-500:var(--sd-color-primary-200);--sd-color-icon-fill-primary-800:var(--sd-color-white);--sd-color-icon-fill-primary:var(--sd-color-white);--sd-color-icon-fill-risk-high:var(--sd-color-risk-high);--sd-color-icon-fill-risk-increased:var(--sd-color-risk-increased);--sd-color-icon-fill-risk-low:var(--sd-color-risk-low);--sd-color-icon-fill-risk-moderate:var(--sd-color-risk-moderate);--sd-color-icon-fill-risk-veryhigh:var(--sd-color-risk-veryhigh);--sd-color-icon-fill-success:var(--sd-color-success);--sd-color-icon-fill-white:var(--sd-color-white);--sd-color-info:21 130 213;--sd-color-neutral-100:246 246 246;--sd-color-neutral-200:233 233 233;--sd-color-neutral-300:218 218 218;--sd-color-neutral-400:195 195 195;--sd-color-neutral-500:174 174 174;--sd-color-neutral-600:136 136 136;--sd-color-neutral-700:104 104 104;--sd-color-neutral-800:81 81 81;--sd-color-primary-100:236 240 249;--sd-color-primary-200:224 233 243;--sd-color-primary-300:200 213 231;--sd-color-primary-400:153 171 208;--sd-color-primary-500:70 109 175;--sd-color-primary-600:0 53 142;--sd-color-primary-700:19 46 110;--sd-color-primary-750:10 32 74;--sd-color-primary-800:5 21 48;--sd-color-primary-900:2 9 32;--sd-color-primary:0 53 142;--sd-color-risk-high:250 155 30;--sd-color-risk-increased:255 240 0;--sd-color-risk-low:1 125 195;--sd-color-risk-moderate:0 165 147;--sd-color-risk-veryhigh:255 0 0;--sd-color-success:108 194 84;--sd-color-text-accent:var(--sd-color-accent);--sd-color-text-black:var(--sd-color-white);--sd-color-text-error:var(--sd-color-error-250);--sd-color-text-neutral-500:var(--sd-color-neutral-600);--sd-color-text-neutral-600:var(--sd-color-neutral-600);--sd-color-text-neutral-700:var(--sd-color-primary-400);--sd-color-text-primary-100:var(--sd-color-primary-500);--sd-color-text-primary-200:var(--sd-color-primary-200);--sd-color-text-primary-400:var(--sd-color-primary-400);--sd-color-text-primary-500:var(--sd-color-primary-200);--sd-color-text-primary-800:var(--sd-color-white);--sd-color-text-primary:var(--sd-color-white);--sd-color-text-success:var(--sd-color-success);--sd-color-text-white:var(--sd-color-white);--sd-color-warning:187 141 32;--sd-color-white:255 255 255;--sd-combobox__tag-border-width:var(--sd-spacing-0\.25);--sd-container--primary-800-color-background:var(--sd-color-primary-600);--sd-datepicker__date-item--current-color-text:var(--sd-color-white);--sd-datepicker__date-item--current-font-weight:var(--sd-font-weight-bold);--sd-datepicker__date-item--default-color-text:var(--sd-color-white);--sd-datepicker__date-item--hover--default-color-background:var(--sd-color-primary-100);--sd-datepicker__date-item--hover--default-color-border:var(--sd-color-primary-750);--sd-datepicker__date-item--hover--default-color-text:var(--sd-color-primary-750);--sd-datepicker__date-item--hover--prev-next-color-background:var(--sd-color-primary-100);--sd-datepicker__date-item--hover--prev-next-color-text:var(--sd-color-primary-750);--sd-datepicker__date-item--range-color-background:var(--sd-color-primary-750);--sd-datepicker__date-item--selected--hover-color-background:var(--sd-color-primary-200);--sd-datepicker__date-item--selected--hover-color-text:var(--sd-color-primary-900);--sd-datepicker__date-item--selected-color-background:var(--sd-color-primary);--sd-datepicker__date-item--selected-color-text:var(--sd-color-white);--sd-divider--inverted-color-border:var(--sd-color-primary-400);--sd-drop-shadow-listbox:0px 0px 0px #fff0;--sd-drop-shadow-sm:.5px .5px 1.5px #515151;--sd-drop-shadow-xs:.5px .5px 1.5px #515151;--sd-drop-shadow:0px 0px 0px #fff0;--sd-dropdown-color-background:var(--sd-color-primary-900);--sd-duration-fast:.15s;--sd-duration-medium:.3s;--sd-duration-slow:.5s;--sd-duration-x-slow:.75s;--sd-font-primary:"Frutiger Neue";--sd-font-weight-bold:600;--sd-font-weight-normal:400;--sd-footnotes--target--inverted-color-background:var(--sd-color-primary-800);--sd-form-control--disabled-color-text:var(--sd-color-neutral-600);--sd-form-control--filled__floating-label-color-text:var(--sd-color-primary-400);--sd-form-control--hover-color-background:var(--sd-color-primary-700);--sd-form-control--invalid-color-background:var(--sd-color-primary-900);--sd-form-control--read-only-color-background:var(--sd-color-neutral-700);--sd-form-control-border-radius:var(--sd-spacing-1);--sd-form-control-color-border:var(--sd-color-primary-200);--sd-form-control-color-icon-fill:var(--sd-color-white);--sd-form-control-color-text:var(--sd-color-white);--sd-form-control__listbox-border-bottom-left-radius:var(--sd-spacing-1);--sd-form-control__listbox-border-bottom-right-radius:var(--sd-spacing-1);--sd-form-control__listbox-border-top-left-radius:var(--sd-spacing-1);--sd-form-control__listbox-border-top-right-radius:var(--sd-spacing-1);--sd-header-color-background:var(--sd-color-primary);--sd-header-padding-bottom:0;--sd-header__shadow-height:0;--sd-header__underline-color-background:255 255 255 / 0;--sd-header__underline-height:var(--sd-spacing-2);--sd-headline--3xl-onwards-color-text:var(--sd-color-white);--sd-informational-gradient--primary-800-color-background:var(--sd-color-primary-800);--sd-informational-gradient--white-color-background:var(--sd-color-primary-800);--sd-interactive--active-color-text:var(--sd-color-primary-400);--sd-interactive--default-color-text:var(--sd-color-white);--sd-map-marker--cluster--default-color-background:var(--sd-color-white);--sd-map-marker--cluster--hover-color-background:var(--sd-color-primary-100);--sd-map-marker--cluster-color-text:var(--sd-color-primary);--sd-map-marker--main-color-background:var(--sd-color-accent-550);--sd-map-marker--pin--default-color-background:var(--sd-color-white);--sd-map-marker--pin--hover-color-background:var(--sd-color-primary-200);--sd-map-marker--pin-color-text:var(--sd-color-primary);--sd-marker-font-size:.875rem;--sd-marker-font-weight:var(--sd-font-weight-normal);--sd-menu-item--disabled-color-icon-fill:var(--sd-color-neutral-600);--sd-menu-item--disabled-color-text:var(--sd-color-neutral-600);--sd-menu-item-color-icon-fill:var(--sd-color-white);--sd-menu-item-color-text:var(--sd-color-white);--sd-navigable-border-radius:0;--sd-navigable-font-size:var(--sd-spacing-4);--sd-navigable__current-indicator-border-radius:0;--sd-navigable__current-indicator-height:var(--sd-spacing-1);--sd-navigable__current-indicator-width:var(--sd-spacing-1);--sd-navigation-item--default-color-text:var(--sd-color-white);--sd-navigation-item-color-text:var(--sd-color-white);--sd-notification--error-color-background:var(--sd-color-primary-900);--sd-notification--info-color-background:var(--sd-color-primary-900);--sd-notification--success-color-background:var(--sd-color-primary-900);--sd-notification--warning-color-background:var(--sd-color-primary-900);--sd-notification-color-border:var(--sd-color-primary-400);--sd-notification__duration-indicator-color-background:var(--sd-color-white);--sd-opacity-0:0%;--sd-opacity-100:100%;--sd-opacity-10:10%;--sd-opacity-20:20%;--sd-opacity-30:30%;--sd-opacity-50:50%;--sd-opacity-55:55%;--sd-opacity-5:5%;--sd-opacity-60:60%;--sd-opacity-70:70%;--sd-opacity-75:75%;--sd-opacity-80:80%;--sd-opacity-85:85%;--sd-opacity-90:90%;--sd-overlay-color-background:5 21 48 / .9;--sd-pagination--default-border:var(--sd-color-accent);--sd-pagination--inverted-border:var(--sd-color-accent);--sd-panel-color-border:var(--sd-color-primary-400);--sd-progress-bar--active--inverted-color-background:var(--sd-color-accent);--sd-progress-bar__slide-bar--inverted-color-background:var(--sd-color-primary-400);--sd-progress-bar__slide-bar-color-background:var(--sd-color-primary-400);--sd-quickfact--expandable-color-text:var(--sd-color-white);--sd-radio--checked--default-color-background:var(--sd-color-primary-900);--sd-radio--checked--default__icon-color-background:var(--sd-color-accent);--sd-radio--checked--disabled__icon-color-background:var(--sd-color-neutral-600);--sd-radio--checked--hover-color-background:var(--sd-color-primary-900);--sd-radio--checked--hover__icon-color-background:var(--sd-color-accent);--sd-radio--checked--invalid--default-color-background:var(--sd-color-primary-900);--sd-radio--checked--invalid--default__icon-color-background:var(--sd-color-error-250);--sd-radio--checked--invalid--hover__icon-color-background:var(--sd-color-error-300);--sd-radio--default--invalid-color-background:var(--sd-color-primary-900);--sd-radio-border-width:var(--sd-spacing-0\.25);--sd-radio-button--hover-color-background:255 255 255 / 0;--sd-radio-button--hover-color-text:var(--sd-color-primary-200);--sd-radio-button-border-radius:624.938rem;--sd-radio-button-color-text:var(--sd-color-white);--sd-radio-button-group-border-radius:624.938rem;--sd-radio-button-group-border-width:var(--sd-spacing-0\.25);--sd-radio-button-group-padding:0;--sd-radio__checked-height:var(--sd-spacing-2\.5);--sd-radio__checked-width:var(--sd-spacing-2\.5);--sd-radius-full:624.938rem;--sd-radius-lg:.5rem;--sd-radius-md:.375rem;--sd-radius-none:0;--sd-radius-sm:.125rem;--sd-radius:.25rem;--sd-range-scale-ticks-color-text:var(--sd-color-white);--sd-shadow-listbox:0px 0px 0px 0px #fff0;--sd-shadow-sm:.5px .5px 1.5px 0px #515151;--sd-shadow-xs:.5px .5px 1.5px 0px #515151;--sd-shadow:0px 0px 0px 0px #fff0;--sd-sizing-0:0;--sd-sizing-0\.25:.0625rem;--sd-sizing-0\.5:.125rem;--sd-sizing-10:2.5rem;--sd-sizing-12:3rem;--sd-sizing-16:4rem;--sd-sizing-1:.25rem;--sd-sizing-1\.5:.375rem;--sd-sizing-20:5rem;--sd-sizing-24:6rem;--sd-sizing-2:.5rem;--sd-sizing-2\.5:.625rem;--sd-sizing-3:.75rem;--sd-sizing-4:1rem;--sd-sizing-5:1.25rem;--sd-sizing-6:1.5rem;--sd-sizing-8:2rem;--sd-skeleton-color:var(--sd-color-primary-700);--sd-spacing-0\.25:.0625rem;--sd-spacing-0\.5:.125rem;--sd-spacing-10:2.5rem;--sd-spacing-12:3rem;--sd-spacing-14:3.5rem;--sd-spacing-16:4rem;--sd-spacing-1:.25rem;--sd-spacing-1\.5:.375rem;--sd-spacing-20:5rem;--sd-spacing-24:6rem;--sd-spacing-2:.5rem;--sd-spacing-2\.5:.625rem;--sd-spacing-32:8rem;--sd-spacing-3:.75rem;--sd-spacing-40:10rem;--sd-spacing-4:1rem;--sd-spacing-6:1.5rem;--sd-spacing-8:2rem;--sd-step-color-text:var(--sd-color-white);--sd-step__circle-border-width:var(--sd-spacing-0\.25);--sd-step__tail-border-width:var(--sd-spacing-0\.25);--sd-switch--checked--hover-color-background:var(--sd-color-accent);--sd-switch--unchecked--hover-color-background:var(--sd-color-primary-700);--sd-switch--unchecked-color-border:var(--sd-color-white);--sd-switch--unchecked__icon-color-background:var(--sd-color-white);--sd-switch-border-width:var(--sd-spacing-0\.25);--sd-switch-color-text:var(--sd-color-white);--sd-tab--active-color-text:var(--sd-color-white);--sd-tab--disabled-color-text:var(--sd-color-neutral-600);--sd-tab--hover-color-background:var(--sd-color-primary-700);--sd-tab-color-border:var(--sd-color-primary-400);--sd-tab-color-text:var(--sd-color-white);--sd-tag--default--hover-color-background:255 255 255 / 0;--sd-tag--default-color-background:255 255 255 / 0;--sd-tag--default-color-border:var(--sd-color-primary-100);--sd-tag--default-color-text:var(--sd-color-white);--sd-tag--disabled-color-text:var(--sd-color-neutral-600);--sd-tag--removable--size-lg-padding-left:var(--sd-spacing-4);--sd-tag--removable--size-lg-padding-right:var(--sd-spacing-3);--sd-tag--removable--size-sm-padding-left:var(--sd-spacing-3);--sd-tag--removable--size-sm-padding-right:var(--sd-spacing-2);--sd-tag--selected--default-color-background:var(--sd-color-white);--sd-tag--selected--default-color-border:255 255 255 / 0;--sd-tag--selected--default-color-text:var(--sd-color-primary);--sd-tag--selected--hover-color-background:var(--sd-color-primary-500);--sd-tag--selected--hover-color-border:255 255 255 / 0;--sd-tag--selected--hover-color-text:var(--sd-color-white);--sd-tag--selected-border-width:0;--sd-tag--size-lg-font-size:var(--sd-spacing-4);--sd-tag--size-lg-padding-inline:var(--sd-spacing-3);--sd-tag--size-sm-font-size:.875rem;--sd-tag--size-sm-padding-inline:var(--sd-spacing-3);--sd-tag-border-radius:624.938rem;--sd-teaser--neutral-100-color-background:var(--sd-color-primary-700);--sd-teaser--neutral-400-color-border:var(--sd-color-primary-400);--sd-teaser--primary-100-color-background:var(--sd-color-primary-700);--sd-teaser-border-radius:0;--sd-teaser-media--neutral-100--hover-color-background:10 32 74 / .9;--sd-teaser-media--neutral-100-color-background:10 32 74 / .8;--sd-teaser-media--primary-100--hover-color-background:10 32 74 / .9;--sd-teaser-media--primary-100-color-background:10 32 74 / .8;--sd-teaser-media--white--hover-color-background:0 53 142 / .9;--sd-teaser-media--white-color-background:0 53 142 / .8;--sd-teaser-media-color-icon-fill:var(--sd-color-white);--sd-text-2xl:1.75rem;--sd-text-3xl:2rem;--sd-text-4xl:2.5rem;--sd-text-base:1rem;--sd-text-lg:1.25rem;--sd-text-sm:.875rem;--sd-text-xl:1.5rem;--sd-text-xs:.75rem;--sd-tooltip-color-background:var(--sd-color-primary);--sd-tooltip-color-text:var(--sd-color-white);--sd-video--play-button-color-background:0 53 142 / .8;--sd-video--play-button-color-icon-fill:var(--sd-color-white)}