@solid-design-system/tokens 6.0.0-next.21 → 6.0.0-next.23

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 (13) hide show
  1. package/cdn/themes/kid/kid.css +1 -1
  2. package/cdn/themes/tailwind.css +1 -0
  3. package/cdn/themes/ui-dark/ui-dark.css +1 -1
  4. package/cdn/themes/ui-light/ui-light.css +1 -1
  5. package/cdn/themes/vb/vb.css +1 -1
  6. package/dist/theme.js +1 -1
  7. package/dist/themes/kid/kid.css +100 -68
  8. package/dist/themes/tailwind.css +1 -0
  9. package/dist/themes/ui-dark/ui-dark.css +52 -20
  10. package/dist/themes/ui-light/ui-light.css +48 -16
  11. package/dist/themes/vb/vb.css +134 -62
  12. package/dist/tokens.scss +42 -10
  13. package/package.json +1 -1
package/dist/themes/vb/vb.css CHANGED
@@ -3,7 +3,6 @@
3
3
 
4
4
  --sd-theme: 'vb';
5
5
  --sd-accordion-border-width: var(--sd-spacing-0\.5);
6
- --sd-accordion-color-background: var(--sd-color-white);
7
6
  --sd-accordion-color-text: var(--sd-color-black);
8
7
  --sd-accordion-padding-block: var(--sd-spacing-4);
9
8
  --sd-accordion__chevron-color-text: 255, 255, 255, 0.4;
@@ -22,28 +21,30 @@
22
21
  --sd-aspect-video: 16 / 9;
23
22
  --sd-audio--inverted-color-border: var(--sd-color-white);
24
23
  --sd-audio__slide-bar--inverted-color-border: 255, 255, 255, 0.5;
25
- --sd-audio__timestamp-color-text: var(--sd-color-black);
24
+ --sd-audio__timestamp-color-text: var(--sd-color-neutral-700);
26
25
  --sd-badge--blue--inverted-color-background: var(--sd-color-white);
27
26
  --sd-badge--blue--inverted-color-text: var(--sd-color-info);
28
- --sd-badge--green-color--inverted-background: var(--sd-color-white);
29
- --sd-badge--green-color--inverted-text: var(--sd-color-info);
30
- --sd-badge--green-color-background: var(--sd-color-primary);
27
+ --sd-badge--blue-color-background: var(--sd-color-primary);
28
+ --sd-badge--green-color--inverted-background: var(--sd-color-success);
29
+ --sd-badge--green-color--inverted-text: var(--sd-color-white);
30
+ --sd-badge--green-color-background: var(--sd-color-success);
31
31
  --sd-badge--inverted-color-border: var(--sd-color-info);
32
- --sd-badge--red--inverted-background: var(--sd-color-white);
33
- --sd-badge--red--inverted-text: var(--sd-color-info);
34
- --sd-badge--red-color-background: var(--sd-color-primary);
32
+ --sd-badge--red--inverted-background: var(--sd-color-error);
33
+ --sd-badge--red--inverted-text: var(--sd-color-white);
34
+ --sd-badge--red-color-background: var(--sd-color-error);
35
35
  --sd-border-width-2: 0.125rem;
36
36
  --sd-border-width-4: 0.25rem;
37
37
  --sd-border-width-6: 0.375rem;
38
38
  --sd-border-width: 0.0625rem;
39
- --sd-brandshape--neutral-100-color-background: var(--sd-color-neutral-100);
39
+ --sd-brandshape--neutral-100-color-background: var(--sd-color-primary-100);
40
40
  --sd-brandshape--white-color-background: var(--sd-color-white);
41
+ --sd-breadcrumb__separator--current-color: var(--sd-color-warning);
41
42
  --sd-breadcrumb__separator-color: var(--sd-color-neutral-200);
42
43
  --sd-button--cta--inverted--active-color-background: var(--sd-color-white);
43
44
  --sd-button--cta--inverted--active-color-text: var(--sd-color-info);
44
45
  --sd-button--cta--inverted--default-color-background: var(--sd-color-white);
45
46
  --sd-button--cta--inverted--default-color-text: var(--sd-color-info);
46
- --sd-button--cta--inverted--hover-color-background: var(--sd-color-neutral-100);
47
+ --sd-button--cta--inverted--hover-color-background: var(--sd-color-primary-100);
47
48
  --sd-button--cta--inverted--hover-color-text: var(--sd-color-primary);
48
49
  --sd-button--inverted--disabled-color-background: var(--sd-color-primary-400);
49
50
  --sd-button--inverted--disabled-color-border: var(--sd-color-primary-400);
@@ -56,13 +57,16 @@
56
57
  --sd-button--primary--inverted--active-color-text: var(--sd-color-info);
57
58
  --sd-button--primary--inverted--default-color-background: var(--sd-color-white);
58
59
  --sd-button--primary--inverted--default-color-text: var(--sd-color-info);
59
- --sd-button--primary--inverted--hover-color-background: var(--sd-color-neutral-100);
60
+ --sd-button--primary--inverted--hover-color-background: var(--sd-color-primary-100);
60
61
  --sd-button--primary--inverted--hover-color-text: var(--sd-color-info);
61
- --sd-button--secondary--active-color-background: var(--sd-color-neutral-100);
62
- --sd-button--secondary--hover-color-background: var(--sd-color-neutral-100);
62
+ --sd-button--secondary--active-color-background: var(--sd-color-primary-100);
63
+ --sd-button--secondary--default-color-text: var(--sd-color-primary);
64
+ --sd-button--secondary--disabled-color-text: var(--sd-color-neutral-500);
65
+ --sd-button--secondary--hover-color-background: var(--sd-color-primary-100);
63
66
  --sd-button--secondary--inverted--active-color-background: 39, 77, 126;
64
67
  --sd-button--secondary--inverted--hover-color-background: var(--sd-color-primary-750);
65
- --sd-button--secondary--inverted--hover-color-text: var(--sd-color-neutral-100);
68
+ --sd-button--secondary--inverted--hover-color-text: var(--sd-color-primary-100);
69
+ --sd-button--secondary--inverted-color-border: var(--sd-color-white);
66
70
  --sd-button--size-lg-border-radius: 624.9375rem;
67
71
  --sd-button--size-lg-font-size: 0.875rem;
68
72
  --sd-button--size-lg-padding-block: 0.625rem;
@@ -72,13 +76,20 @@
72
76
  --sd-button--size-sm-border-radius: 624.9375rem;
73
77
  --sd-button--size-sm-font-size: 0.875rem;
74
78
  --sd-button--size-sm-padding-block: 0.625rem;
75
- --sd-button--tertiary--active-color-background: var(--sd-color-neutral-100);
76
- --sd-button--tertiary--hover-color-background: var(--sd-color-neutral-100);
79
+ --sd-button--tertiary--active-color-background: var(--sd-color-primary-100);
80
+ --sd-button--tertiary--default-color-text: var(--sd-color-primary);
81
+ --sd-button--tertiary--disabled-color-text: var(--sd-color-neutral-500);
82
+ --sd-button--tertiary--hover-color-background: var(--sd-color-primary-100);
77
83
  --sd-button--tertiary--inverted--active-color-background: 39, 77, 126;
78
84
  --sd-button--tertiary--inverted--hover-color-background: var(--sd-color-primary-750);
79
- --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-neutral-100);
85
+ --sd-button--tertiary--inverted--hover-color-text: var(--sd-color-primary-100);
80
86
  --sd-button-font-weight: var(--sd-font-weight-bold);
81
- --sd-carousel--active-color-icon-fill: var(--sd-color-primary);
87
+ --sd-carousel--active--inverted-color-border: var(--sd-color-white);
88
+ --sd-carousel--active-color-border: var(--sd-color-primary);
89
+ --sd-carousel__pager-dot--inverted--hovered-background: var(--sd-color-white);
90
+ --sd-carousel__pager-dot--inverted-background: var(--sd-color-white);
91
+ --sd-carousel__pager-dot--inverted-border: var(--sd-color-white);
92
+ --sd-carousel__pager-dot-background: var(--sd-color-primary);
82
93
  --sd-carousel__pager-dot-border-width: var(--sd-spacing-0\.5);
83
94
  --sd-checkbox-border-width: var(--sd-spacing-0\.5);
84
95
  --sd-chip--primary-200-color-background: 237, 240, 244;
@@ -112,14 +123,14 @@
112
123
  --sd-color-background-error-400: var(--sd-color-error);
113
124
  --sd-color-background-error: var(--sd-color-error);
114
125
  --sd-color-background-info: var(--sd-color-info);
115
- --sd-color-background-neutral-100: var(--sd-color-neutral-100);
126
+ --sd-color-background-neutral-100: var(--sd-color-primary-100);
116
127
  --sd-color-background-neutral-200: var(--sd-color-neutral-100);
117
128
  --sd-color-background-neutral-300: var(--sd-color-neutral-200);
118
129
  --sd-color-background-neutral-400: var(--sd-color-neutral-300);
119
- --sd-color-background-neutral-500: var(--sd-color-neutral-400);
130
+ --sd-color-background-neutral-500: var(--sd-color-neutral-500);
120
131
  --sd-color-background-neutral-600: var(--sd-color-neutral-600);
121
- --sd-color-background-neutral-800: var(--sd-color-neutral-900);
122
- --sd-color-background-primary-100: var(--sd-color-neutral-100);
132
+ --sd-color-background-neutral-800: var(--sd-color-neutral-800);
133
+ --sd-color-background-primary-100: var(--sd-color-primary-100);
123
134
  --sd-color-background-primary-200: var(--sd-color-primary-200);
124
135
  --sd-color-background-primary-300: var(--sd-color-primary-300);
125
136
  --sd-color-background-primary-500: var(--sd-color-primary);
@@ -134,13 +145,13 @@
134
145
  --sd-color-border-accent: var(--sd-color-primary);
135
146
  --sd-color-border-error-400: var(--sd-color-error);
136
147
  --sd-color-border-error: var(--sd-color-error);
137
- --sd-color-border-neutral-400: var(--sd-color-neutral-400);
138
- --sd-color-border-neutral-500: var(--sd-color-neutral-400);
148
+ --sd-color-border-neutral-400: var(--sd-color-neutral-500);
149
+ --sd-color-border-neutral-500: var(--sd-color-neutral-500);
139
150
  --sd-color-border-neutral-600: var(--sd-color-neutral-600);
140
- --sd-color-border-neutral-800: var(--sd-color-neutral-900);
141
- --sd-color-border-primary-100: var(--sd-color-neutral-100);
151
+ --sd-color-border-neutral-800: var(--sd-color-neutral-800);
152
+ --sd-color-border-primary-100: var(--sd-color-primary-100);
142
153
  --sd-color-border-primary-200: var(--sd-color-primary-200);
143
- --sd-color-border-primary-400: var(--sd-color-neutral-400);
154
+ --sd-color-border-primary-400: var(--sd-color-neutral-500);
144
155
  --sd-color-border-primary-500: var(--sd-color-primary);
145
156
  --sd-color-border-primary-800: var(--sd-color-info);
146
157
  --sd-color-border-primary: var(--sd-color-primary);
@@ -158,8 +169,8 @@
158
169
  --sd-color-icon-fill-neutral-400: var(--sd-color-neutral-200);
159
170
  --sd-color-icon-fill-neutral-500: var(--sd-color-neutral-300);
160
171
  --sd-color-icon-fill-neutral-600: 255, 255, 255, 0.4;
161
- --sd-color-icon-fill-neutral-800: var(--sd-color-neutral-900);
162
- --sd-color-icon-fill-primary-100: var(--sd-color-neutral-100);
172
+ --sd-color-icon-fill-neutral-800: var(--sd-color-neutral-800);
173
+ --sd-color-icon-fill-primary-100: var(--sd-color-primary-100);
163
174
  --sd-color-icon-fill-primary-200: var(--sd-color-primary-200);
164
175
  --sd-color-icon-fill-primary-400: 255, 255, 255, 0.84;
165
176
  --sd-color-icon-fill-primary-500: var(--sd-color-primary);
@@ -177,12 +188,11 @@
177
188
  --sd-color-neutral-200: 217, 224, 232;
178
189
  --sd-color-neutral-300: 204, 213, 225;
179
190
  --sd-color-neutral-400: 191, 202, 217;
180
- --sd-color-neutral-500: 0, 0, 0, 0.65;
191
+ --sd-color-neutral-500: 191, 202, 217;
181
192
  --sd-color-neutral-600: 89, 89, 89;
182
193
  --sd-color-neutral-700: 0, 0, 0, 0.62;
183
194
  --sd-color-neutral-800: 0, 0, 0, 0.65;
184
- --sd-color-neutral-900: 0, 0, 0, 0.65;
185
- --sd-color-primary-100: 245, 247, 249;
195
+ --sd-color-primary-100: 224, 237, 246;
186
196
  --sd-color-primary-200: 229, 240, 247;
187
197
  --sd-color-primary-300: 153, 194, 225;
188
198
  --sd-color-primary-400: 102, 129, 164;
@@ -205,7 +215,7 @@
205
215
  --sd-color-text-neutral-500: 89, 89, 89, 0.4;
206
216
  --sd-color-text-neutral-600: 255, 255, 255, 0.4;
207
217
  --sd-color-text-neutral-700: var(--sd-color-neutral-700);
208
- --sd-color-text-primary-100: var(--sd-color-neutral-100);
218
+ --sd-color-text-primary-100: var(--sd-color-primary-100);
209
219
  --sd-color-text-primary-200: var(--sd-color-primary-200);
210
220
  --sd-color-text-primary-400: 255, 255, 255, 0.84;
211
221
  --sd-color-text-primary-500: var(--sd-color-primary);
@@ -217,16 +227,20 @@
217
227
  --sd-color-white: 255, 255, 255;
218
228
  --sd-combobox--default-color-icon: var(--sd-color-primary);
219
229
  --sd-combobox--default-color-text: var(--sd-color-primary);
220
- --sd-datepicker--hovered--current__date-item-color-background: var(--sd-color-neutral-100);
221
- --sd-datepicker--hovered--current__date-item-color-text: var(--sd-color-primary);
222
- --sd-datepicker--hovered--default__date-item-color-text: var(--sd-color-primary);
223
- --sd-datepicker--hovered__date-item--default-color-background: var(--sd-color-neutral-100);
224
- --sd-datepicker--hovered__prev-next-color-background: var(--sd-color-neutral-100);
225
- --sd-datepicker--hovered__prev-next-color-text: var(--sd-color-neutral-700);
226
- --sd-datepicker__date-item-color-text: var(--sd-color-white);
230
+ --sd-combobox__tag-border-width: var(--sd-spacing-0\.5);
231
+ --sd-datepicker__date-item--current-font-weight: var(--sd-font-weight-bold);
232
+ --sd-datepicker__date-item--default-color-text: var(--sd-color-black);
233
+ --sd-datepicker__date-item--default-font-weight: var(--sd-font-weight-normal);
234
+ --sd-datepicker__date-item--hovered--current-color-text: var(--sd-color-primary);
235
+ --sd-datepicker__date-item--hovered--default-color-background: var(--sd-color-primary-100);
236
+ --sd-datepicker__date-item--hovered--default-color-text: var(--sd-color-black);
237
+ --sd-datepicker__date-item--hovered--prev-next-color-background: var(--sd-color-primary-100);
238
+ --sd-datepicker__date-item--hovered--prev-next-color-text: var(--sd-color-neutral-700);
239
+ --sd-datepicker__date-item--selected-color-text: var(--sd-color-white);
227
240
  --sd-divider--inverted-color-border: 255, 255, 255, 0.4;
228
- --sd-drop-shadow-sm: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.65);
241
+ --sd-drop-shadow-sm: 0.5px 0.5px 1.5px rgba(0, 0, 0, 0.65);
229
242
  --sd-drop-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
243
+ --sd-dropdown-color-background: var(--sd-color-white);
230
244
  --sd-duration-fast: 150ms;
231
245
  --sd-duration-medium: 300ms;
232
246
  --sd-duration-slow: 500ms;
@@ -241,17 +255,22 @@
241
255
  --sd-flag--white-color-border: var(--sd-color-info);
242
256
  --sd-flag-border-radius: var(--sd-spacing-1);
243
257
  --sd-flag-border-width: var(--sd-spacing-0\.25);
258
+ --sd-flag-font-size: 0.875rem;
259
+ --sd-flag-font-weight: var(--sd-font-weight-normal);
244
260
  --sd-font-primary: 'GenosGFG';
245
261
  --sd-font-weight-bold: 600;
246
262
  --sd-font-weight-normal: 400;
247
- --sd-footnotes--target--inverted-color-background: 0, 0, 0, 0.1;
263
+ --sd-footnotes--target--inverted-color-background: var(--sd-color-primary-750);
248
264
  --sd-form-control--filled__floating-label-color-text: var(--sd-color-neutral-700);
249
265
  --sd-form-control--invalid-color-background: 253, 237, 237;
266
+ --sd-form-control-border-radius: var(--sd-spacing-1);
250
267
  --sd-form-control-color-border: var(--sd-color-black);
251
268
  --sd-form-control-color-icon-fill: var(--sd-color-neutral-700);
252
269
  --sd-form-control-color-text: var(--sd-color-neutral-700);
253
270
  --sd-form-control__tooltip-color-icon: var(--sd-color-black);
254
271
  --sd-header-padding-bottom: var(--sd-spacing-0\.5);
272
+ --sd-header__underline-color-background: var(--sd-color-neutral-200);
273
+ --sd-header__underline-height: var(--sd-spacing-0\.25);
255
274
  --sd-headline-4xl-and-mobile-4xl-text: var(--sd-color-info);
256
275
  --sd-informational-gradient--primary-800-color-background: var(--sd-color-info);
257
276
  --sd-informational-gradient--white-color-background: var(--sd-color-white);
@@ -259,6 +278,7 @@
259
278
  --sd-interactive--default-color-text: var(--sd-color-primary);
260
279
  --sd-link-color--active-text: var(--sd-color-primary);
261
280
  --sd-link-color--default-text: var(--sd-color-primary);
281
+ --sd-link-color--disabled-text: 195, 195, 195;
262
282
  --sd-link-color--hover-icon: var(--sd-color-primary);
263
283
  --sd-link-color--hover-text: var(--sd-color-primary);
264
284
  --sd-link-color--none-icon: var(--sd-color-primary);
@@ -266,8 +286,9 @@
266
286
  --sd-map-marker-cluster--hovered-color-icon-fill: var(--sd-color-primary-600);
267
287
  --sd-map-marker-cluster-color-icon-fill: var(--sd-color-primary);
268
288
  --sd-map-marker-font-size: var(--sd-spacing-3);
269
- --sd-menu--disabled-color-icon: var(--sd-color-black);
270
- --sd-menu--disabled-color-text: 0, 102, 179, 0.4;
289
+ --sd-map-marker-main-color-icon-fill: var(--sd-color-primary);
290
+ --sd-menu--disabled-color-icon: 0, 0, 0, 0.2;
291
+ --sd-menu--disabled-color-text: 0, 0, 0, 0.2;
271
292
  --sd-menu-color-icon: var(--sd-color-black);
272
293
  --sd-menu-color-text: var(--sd-color-black);
273
294
  --sd-navigable-border-radius: var(--sd-spacing-0\.5);
@@ -276,11 +297,13 @@
276
297
  --sd-navigable__current-indicator-height: 0.1875rem;
277
298
  --sd-navigable__current-indicator-width: 0.1875rem;
278
299
  --sd-navigation-item--current-color-text: var(--sd-color-black);
279
- --sd-navigation-item-color-text: var(--sd-color-black);
300
+ --sd-navigation-item-color-text: var(--sd-color-neutral-700);
280
301
  --sd-notification--error-color-background: 253, 237, 237;
281
302
  --sd-notification--info-color-background: 237, 240, 244;
282
303
  --sd-notification--success-color-background: 238, 246, 242;
283
304
  --sd-notification--warning-color-background: 255, 245, 224;
305
+ --sd-notification-color-border: var(--sd-color-info);
306
+ --sd-notification-color-icon-fill: var(--sd-color-neutral-800);
284
307
  --sd-opacity-0: 0%;
285
308
  --sd-opacity-100: 100%;
286
309
  --sd-opacity-10: 10%;
@@ -295,7 +318,10 @@
295
318
  --sd-opacity-80: 80%;
296
319
  --sd-opacity-85: 85%;
297
320
  --sd-opacity-90: 90%;
321
+ --sd-option--disabled-color-border: var(--sd-color-neutral-300);
298
322
  --sd-overlay-color-background: 0, 0, 0, 0.2;
323
+ --sd-pagination--default-border: var(--sd-color-primary);
324
+ --sd-pagination--inverted-border: var(--sd-color-white);
299
325
  --sd-panel-color-border: 255, 255, 255, 0;
300
326
  --sd-quickfact--expandable-color-text: var(--sd-color-black);
301
327
  --sd-quickfact__expandable-color-description-default-text: var(--sd-color-neutral-700);
@@ -308,6 +334,7 @@
308
334
  --sd-radio--checked--invalid--default__icon-color-background: var(--sd-color-white);
309
335
  --sd-radio--checked--invalid--hover__icon-color-background: var(--sd-color-white);
310
336
  --sd-radio--default--invalid-color-background: 253, 237, 237;
337
+ --sd-radio--error-color-text: var(--sd-color-black);
311
338
  --sd-radio-border-width: var(--sd-spacing-0\.5);
312
339
  --sd-radio-button--hover-color-background: 0, 102, 179, 0.05;
313
340
  --sd-radio-button--hover-color-icon-fill: var(--sd-color-black);
@@ -326,8 +353,9 @@
326
353
  --sd-radius: 0.25rem;
327
354
  --sd-range-scale-ticks-color-text: var(--sd-color-neutral-600);
328
355
  --sd-range__bar-border-width: var(--sd-spacing-0\.5);
329
- --sd-shadow-sm: 0.5px 0.5px 0.5px 0px rgba(0, 0, 0, 0.65);
356
+ --sd-shadow-sm: 0.5px 0.5px 1.5px 0px rgba(0, 0, 0, 0.65);
330
357
  --sd-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
358
+ --sd-sizing-0\.25: 0.0625rem;
331
359
  --sd-sizing-0\.5: 0.125rem;
332
360
  --sd-sizing-10: 2.5rem;
333
361
  --sd-sizing-12: 3rem;
@@ -342,6 +370,7 @@
342
370
  --sd-sizing-5: 1.25rem;
343
371
  --sd-sizing-6: 1.5rem;
344
372
  --sd-sizing-8: 2rem;
373
+ --sd-skeleton-color: var(--sd-color-neutral-100);
345
374
  --sd-spacing-0\.25: 0.0625rem;
346
375
  --sd-spacing-0\.5: 0.125rem;
347
376
  --sd-spacing-10: 2.5rem;
@@ -367,13 +396,13 @@
367
396
  --sd-switch--unchecked-color-border: var(--sd-color-black);
368
397
  --sd-switch--unchecked__icon-color-background: var(--sd-color-black);
369
398
  --sd-switch-color-text: var(--sd-color-black);
370
- --sd-tab-color-border: var(--sd-color-neutral-400);
399
+ --sd-tab-color-border: var(--sd-color-neutral-500);
371
400
  --sd-tab-font-weight: var(--sd-font-weight-bold);
372
- --sd-tag--default--hover-color-background: var(--sd-color-neutral-100);
401
+ --sd-tag--default--hover-color-background: var(--sd-color-primary-100);
373
402
  --sd-tag--default-color-background: 255, 255, 255, 0;
374
403
  --sd-tag--default-color-border: var(--sd-color-primary);
375
404
  --sd-tag--default-color-text: var(--sd-color-primary);
376
- --sd-tag--disabled-color-border: var(--sd-color-neutral-600);
405
+ --sd-tag--disabled-color-border: var(--sd-color-primary-400);
377
406
  --sd-tag--selected--default-color-background: var(--sd-color-primary-200);
378
407
  --sd-tag--selected--default-color-border: var(--sd-color-primary);
379
408
  --sd-tag--selected--default-color-text: var(--sd-color-primary);
@@ -386,21 +415,24 @@
386
415
  --sd-tag-border-radius: var(--sd-spacing-2);
387
416
  --sd-tag-font-weight: var(--sd-font-weight-bold);
388
417
  --sd-teaser--neutral-100-color-background: var(--sd-color-neutral-100);
389
- --sd-teaser--neutral-400-color-border: var(--sd-color-neutral-400);
418
+ --sd-teaser--neutral-400-color-border: var(--sd-color-neutral-500);
390
419
  --sd-teaser--primary-100-color-background: var(--sd-color-neutral-100);
420
+ --sd-teaser-border-radius: 0;
391
421
  --sd-teaser-media--neutral-100--hover-color-background: 245, 247, 249, 0.9;
392
422
  --sd-teaser-media--neutral-100-color-background: 245, 247, 249, 0.8;
393
423
  --sd-teaser-media--primary-100--hover-color-background: 245, 247, 249, 0.9;
394
424
  --sd-teaser-media--primary-100-color-background: 245, 247, 249, 0.8;
395
425
  --sd-text-2xl: 1.75rem;
396
426
  --sd-text-3xl: 2rem;
397
- --sd-text-4xl: 2.5rem;
427
+ --sd-text-4xl: 2.375rem;
398
428
  --sd-text-base: 1rem;
399
429
  --sd-text-lg: 1.25rem;
400
430
  --sd-text-sm: 0.875rem;
401
431
  --sd-text-xl: 1.5rem;
402
432
  --sd-text-xs: 0.75rem;
433
+ --sd-tooltip-border-width: var(--sd-spacing-0\.25);
403
434
  --sd-tooltip-color-background: var(--sd-color-white);
435
+ --sd-tooltip-color-border: var(--sd-color-neutral-500);
404
436
  --sd-tooltip-color-text: var(--sd-color-neutral-600);
405
437
  --sd-video--description-color-text: var(--sd-color-neutral-700);
406
438
  --sd-video--play-button-color-background: var(--sd-color-white);
@@ -408,28 +440,68 @@
408
440
  }
409
441
 
410
442
  .sd-theme-vb {
443
+ --sd-icon--arrow-bottom-right: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.96 19.98a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM16.26 9.27l-3.3 3.3v-9.6a1 1 0 0 0-2 0v9.6l-3.29-3.3A1 1 0 0 0 6 10c0 .27.1.5.27.69l5 5a1 1 0 0 0 1.41 0l5-5A1 1 0 0 0 16.94 9a1 1 0 0 0-.68.27Z"/></svg>';
444
+ --sd-icon--arrow-left: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="m5.41 11 5.3-5.3a1 1 0 0 0-1.42-1.4l-7 7a1 1 0 0 0 0 1.4l7 7a1 1 0 0 0 1.42-1.4L5.4 13H21a1 1 0 1 0 0-2H5.41Z" clip-rule="evenodd"/></svg>';
445
+ --sd-icon--arrow-right: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="m18.59 11-5.3-5.3a1 1 0 0 1 1.42-1.4l7 7a1 1 0 0 1 0 1.4l-7 7a1 1 0 0 1-1.42-1.4l5.3-5.3H3a1 1 0 1 1 0-2h15.59Z" clip-rule="evenodd"/></svg>';
411
446
  --sd-icon--calendar: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 4h3q1 0 1 1v14q0 1-1 1H4a1 1 0 0 1-1-1V5q0-1 1-1h3V3a1 1 0 0 1 2 0v1h6V3a1 1 0 1 1 2 0zm0 2v1a1 1 0 1 1-2 0V6H9v1a1 1 0 0 1-2 0V6H5v12h14V6zm-1 4a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm-5 4a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm5 0a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2z" clip-rule="evenodd"/></svg>';
447
+ --sd-icon--cart: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4 2.5c1.52 0 2.54 1.02 2.97 2.76l1.81 7.24H17.41c.69-.05.86-.23 1.08-1.1l1.54-6.14a1 1 0 1 1 1.94.48l-1.5 6c-.53 2.1-1.49 2.72-3.28 2.76H8.7l-.76 2H21a1 1 0 0 1 1 .88v.12a1 1 0 0 1-.88 1H20.83a3 3 0 1 1-5.66 0h-2.34a3 3 0 1 1-5.66 0H6.5a1 1 0 0 1-.97-1.24l.03-.11 1.4-3.71-1.93-7.7c-.22-.86-.5-1.2-.94-1.24H3a1 1 0 0 1-.12-2H4Zm6 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm8 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-4-17a1 1 0 0 1 1 .88v5.7l1.3-1.29a1 1 0 0 1 1.31-.08l.1.08a1 1 0 0 1 .08 1.32l-.08.1-3 3-.11.1-.12.07-.1.05-.11.03-.15.03-.12.01h-.08l-.12-.02-.11-.03-.11-.04-.1-.06-.1-.06-.09-.08-3-3a1 1 0 0 1 1.32-1.5l.1.08L13 8.1V2.5a1 1 0 0 1 1-1Z" clip-rule="evenodd"/></svg>';
412
448
  --sd-icon--chevron-down: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.2 9.2a1 1 0 0 1 1.4 1.5l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.5-1.5l4.2 4.3z" clip-rule="evenodd"/></svg>';
413
- --sd-icon--chevron-up: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m16.2 14.66-4.25-4.25-4.24 4.25a1 1 0 0 1-1.42-1.42l4.95-4.95a1 1 0 0 1 1.42 0l4.95 4.95a1 1 0 0 1-1.42 1.42" clip-rule="evenodd"/></svg>';
414
- --sd-icon--chevron-right: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.3 16.2a1 1 0 1 0 1.4 1.4l5-5q.4-.6 0-1.4l-5-5a1 1 0 0 0-1.4 1.5l4.2 4.2z" clip-rule="evenodd"/></svg>';
415
449
  --sd-icon--chevron-left: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.7 16.2a1 1 0 0 1-1.5 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.5 1.5L10.4 12z" clip-rule="evenodd"/></svg>';
450
+ --sd-icon--chevron-right: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.3 16.2a1 1 0 1 0 1.4 1.4l5-5q.4-.6 0-1.4l-5-5a1 1 0 0 0-1.4 1.5l4.2 4.2z" clip-rule="evenodd"/></svg>';
451
+ --sd-icon--chevron-sm-left: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="m10.94 12 4.24-4.24a1 1 0 0 0-1.41-1.42L8.82 11.3a1 1 0 0 0 0 1.42l4.95 4.95a1 1 0 1 0 1.41-1.42L10.94 12Z" clip-rule="evenodd"/></svg>';
452
+ --sd-icon--chevron-sm-right: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M13.06 12 8.82 7.76a1 1 0 0 1 1.41-1.42l4.95 4.95a1 1 0 0 1 0 1.42l-4.95 4.95a1 1 0 0 1-1.41-1.42L13.06 12Z" clip-rule="evenodd"/></svg>';
453
+ --sd-icon--chevron-up: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m16.2 14.66-4.25-4.25-4.24 4.25a1 1 0 0 1-1.42-1.42l4.95-4.95a1 1 0 0 1 1.42 0l4.95 4.95a1 1 0 0 1-1.42 1.42" clip-rule="evenodd"/></svg>';
454
+ --sd-icon--chevrons-sm-left: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12.7 7.73a1 1 0 1 0-1.42-1.42l-5 4.99a1 1 0 0 0 0 1.42l4.97 4.97a1 1 0 0 0 1.43-1.42L8.42 12l4.28-4.28Zm.74 4.28 4.28-4.28A1 1 0 1 0 16.3 6.3l-5 4.99a1 1 0 0 0 0 1.42l4.97 4.97a1 1 0 0 0 1.43-1.42L13.44 12Z" clip-rule="evenodd"/></svg>';
455
+ --sd-icon--chevrons-sm-right: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M11.3 7.73a1 1 0 1 1 1.43-1.42l4.99 4.99a1 1 0 0 1 0 1.42l-4.97 4.97a1 1 0 0 1-1.43-1.42L15.58 12l-4.27-4.28ZM10.57 12 6.28 7.73A1 1 0 1 1 7.7 6.3l5 4.99a1 1 0 0 1 0 1.42L7.73 17.7a1 1 0 0 1-1.43-1.42L10.56 12Z" clip-rule="evenodd"/></svg>';
416
456
  --sd-icon--clock: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 6v5.4l3.4 1.7a1 1 0 1 1-.8 1.8l-4-2a1 1 0 0 1-.6-.9V6a1 1 0 1 1 2 0m-1 16a10 10 0 1 1 0-20 10 10 0 0 1 0 20m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16" clip-rule="evenodd"/></svg>';
457
+ --sd-icon--close-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="m6.61 5.21.1.08L12 10.6l5.3-5.3a1 1 0 0 1 1.49 1.32l-.08.1L13.4 12l5.3 5.3a1 1 0 0 1-1.32 1.49l-.1-.08L12 13.4l-5.3 5.3a1 1 0 0 1-1.49-1.32l.08-.1L10.6 12l-5.3-5.3a1 1 0 0 1 1.32-1.49Z" clip-rule="evenodd"/></svg>';
417
458
  --sd-icon--close: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.6 5.2h.1l5.3 5.4 5.3-5.3a1 1 0 0 1 1.5 1.3v.1L13.3 12l5.3 5.3a1 1 0 0 1-1.3 1.5h-.1L12 13.3l-5.3 5.3a1 1 0 0 1-1.5-1.3v-.1l5.4-5.3-5.3-5.3a1 1 0 0 1 1.3-1.5" clip-rule="evenodd"/></svg>';
418
459
  --sd-icon--closing-round: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.6 5.2h.1l5.3 5.4 5.3-5.3a1 1 0 0 1 1.5 1.3v.1L13.3 12l5.3 5.3a1 1 0 0 1-1.3 1.5h-.1L12 13.3l-5.3 5.3a1 1 0 0 1-1.5-1.3v-.1l5.4-5.3-5.3-5.3a1 1 0 0 1 1.3-1.5" clip-rule="evenodd"/></svg>';
419
- --sd-icon--eye: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 19q-6.6 0-10.8-6.4a1 1 0 0 1 0-1.2Q5.4 5.1 12 5q6.6 0 10.8 6.4.4.6 0 1.2Q18.6 19 12 19m0-2q5.2 0 8.8-5-3.6-5-8.8-5t-8.8 5q3.6 5 8.8 5m0-1a4 4 0 1 1 0-8 4 4 0 0 1 0 8m0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4" clip-rule="evenodd"/></svg>';
460
+ --sd-icon--confirm-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.4 16.4 8.9-10a1 1 0 1 1 1.4 1.3l-9.6 11a1 1 0 0 1-1.5 0L4.2 13A1 1 0 1 1 5.8 12z" clip-rule="evenodd"/></svg>';
461
+ --sd-icon--dashboard: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M8.92 2.43a1 1 0 0 1-.52 1.32A9 9 0 1 0 20.29 15.5a1 1 0 0 1 1.84.78A11 11 0 1 1 7.6 1.92a1 1 0 0 1 1.32.51ZM12 1a11 11 0 0 1 11 11 1 1 0 0 1-.88 1H12a1 1 0 0 1-1-.88V2a1 1 0 0 1 1-1Zm1 2.06V11h7.94l-.02-.23a9 9 0 0 0-2.1-4.65l-.24-.26-.22-.22a9 9 0 0 0-4.79-2.5l-.34-.05-.23-.03Z" clip-rule="evenodd"/></svg>';
462
+ --sd-icon--download: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M11 12.6V4a1 1 0 1 1 2 0v8.6l2.54-2.53a1 1 0 0 1 1.4 1.41l-4.23 4.24a1 1 0 0 1-1.42 0l-4.24-4.24a1 1 0 1 1 1.41-1.41L11 12.6Zm9 6.4v-4a1 1 0 1 1 2 0v5a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-5a1 1 0 1 1 2 0v4h16Z" clip-rule="evenodd"/></svg>';
463
+ --sd-icon--e-mail: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4 7.51V18h16V7.48l-7.23 6.2c-.5.44-1.26.44-1.76 0L4 7.5Zm14.65-1.5H5.3l6.59 5.79L18.65 6ZM3 4h18a1 1 0 0 1 1 1V19a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Z" clip-rule="evenodd"/></svg>';
464
+ --sd-icon--exclamation-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16M11 8a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0zm0 8a1 1 0 1 1 2 0 1 1 0 1 1-2 0" clip-rule="evenodd"/></svg>';
465
+ --sd-icon--external-link: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 3a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1h-8a1 1 0 1 1 0-2h7V4H4v7a1 1 0 1 1-2 0V3ZM2 15a1 1 0 1 1 1.71.71 1 1 0 0 1-1.71-.7V15Z"/><path d="M5 15A1 1 0 1 1 6 16H6a1 1 0 0 1-1-1ZM8 15a1 1 0 1 1 2 0 1 1 0 0 1-1.71.71 1 1 0 0 1-.3-.71ZM9 17A1 1 0 1 1 8 18v-.02a1 1 0 0 1 1-1ZM3 17A1 1 0 1 1 2 18v-.02a1 1 0 0 1 1-1ZM3.71 20.29a1 1 0 0 0-1.71.7V21a1 1 0 1 0 1.71-.71ZM9 20a1 1 0 1 1 0 2 1 1 0 0 1-.71-1.71 1 1 0 0 1 .71-.3ZM5 21A1 1 0 1 1 6 22H6a1 1 0 0 1-1-1ZM14 5h4a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V8.41l-4.3 4.3a1 1 0 0 1-1.4-1.42L15.58 7H14a1 1 0 1 1 0-2Z"/></svg>';
420
466
  --sd-icon--eye-crossed-out: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.6 1.5a1 1 0 0 1 1.9.8v.1L16 5.7q4 1.4 6.8 5.8a1 1 0 0 1 0 1Q18.6 19 12 19l-2-.2-1.6 3.6v.1a1 1 0 0 1-1.9-.8v-.1L8 18.3Q4 17 1.2 12.6a1 1 0 0 1 0-1.1Q5.4 5 12 5l2 .2zm-.5 6-.6 1.4a4 4 0 0 1-3.2 7l-.4 1h.4l.4.1h.3q5 0 8.5-4.6l.2-.3V12q-2.4-3.4-5.6-4.4M12 7q-5 0-8.5 4.6l-.2.3v.2q2.4 3.4 5.6 4.4l.6-1.4a4 4 0 0 1 3.2-7l.4-1h-.8zm1.6 3.8L12.2 14a2 2 0 0 0 1.4-3.2m-1.8-.8a2 2 0 0 0-1.4 3.2z" clip-rule="evenodd"/></svg>';
467
+ --sd-icon--eye: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 19q-6.6 0-10.8-6.4a1 1 0 0 1 0-1.2Q5.4 5.1 12 5q6.6 0 10.8 6.4.4.6 0 1.2Q18.6 19 12 19m0-2q5.2 0 8.8-5-3.6-5-8.8-5t-8.8 5q3.6 5 8.8 5m0-1a4 4 0 1 1 0-8 4 4 0 0 1 0 8m0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4" clip-rule="evenodd"/></svg>';
468
+ --sd-icon--file-pdf: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M5.5 3c0-1.1.9-2 2-2h9.07a2 2 0 0 1 1.45.63l4.43 4.68A2 2 0 0 1 23 7.68V13a1 1 0 1 1-2 0V9h-5a1 1 0 0 1-1-1V3H7.5v7.43h-2V3Zm11.5.46V7h3.35L17 3.46ZM5.5 18.29h2V21H13a1 1 0 1 1 0 2H7.5a2 2 0 0 1-2-2v-2.71ZM17.78 21.06a.5.5 0 0 1-.63-.06l-2.36-2.36a.5.5 0 0 1 .7-.7l1.51 1.5v-5.08a.5.5 0 0 1 1 0v5.08l1.5-1.5a.5.5 0 1 1 .71.7L17.85 21a.5.5 0 0 1-.07.06ZM3.72 12.21c.26.15.45.33.58.57a1.63 1.63 0 0 1-.01 1.55c-.13.23-.33.42-.59.56-.26.13-.57.2-.93.2h-.94v1.65H1V12h1.77c.38 0 .7.07.95.21Zm-.3 1.94a.81.81 0 0 0 .24-.59.8.8 0 0 0-.23-.59c-.16-.16-.4-.23-.71-.23h-.9v1.64h.9c.32 0 .55-.07.7-.23ZM9.35 14.36c0 .48-.1.9-.28 1.26-.19.35-.46.63-.81.83-.36.2-.78.29-1.26.29H5.4V12H7c.49 0 .91.1 1.26.3.36.18.63.45.81.8.19.36.28.78.28 1.26Zm-.84 0c0-.5-.13-.89-.4-1.18-.27-.29-.64-.44-1.11-.44h-.76v3.24H7c.47 0 .84-.14 1.1-.43.28-.3.41-.69.41-1.19Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M13.47 12.74h-2.23v1.42h2.17v.72h-2.17v1.86h-.83V12h3.06v.74Z" clip-rule="evenodd"/></svg>';
469
+ --sd-icon--filter-empty: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.93 2H5.07a1 1 0 0 0-.88 1.46l4.88 9.41V21a1 1 0 0 0 .48.85.99.99 0 0 0 .98.04h-.01l4-2a1 1 0 0 0 .55-.89v-6.42l4.74-9.12A1 1 0 0 0 18.92 2Zm-5.74 9.88a.98.98 0 0 0-.12.45v6.05l-2 1v-6.75a1 1 0 0 0-.11-.47L6.72 4h10.56l-4.1 7.88Z"/></svg>';
470
+ --sd-icon--folder: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M5 6a1 1 0 0 0-1 1v11h16v-8a1 1 0 0 0-1-1h-4.93a3 3 0 0 1-2.5-1.34l-.8-1.21A1 1 0 0 0 9.92 6H5Zm0-2h4.93a3 3 0 0 1 2.5 1.34l.8 1.21a1 1 0 0 0 .84.45H19a3 3 0 0 1 3 3v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a3 3 0 0 1 3-3Z" clip-rule="evenodd"/></svg>';
471
+ --sd-icon--globe: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 12a10 10 0 1 1 20 0 10 10 0 0 1-20 0Zm11-7.57v3.04c.66-.04 1.3-.1 1.91-.21A11.78 11.78 0 0 0 13 4.43Zm-2 3.04V4.43c-.78.85-1.42 1.8-1.92 2.83.61.1 1.26.18 1.92.21Zm0 2c-.9-.04-1.79-.14-2.62-.3-.16.6-.27 1.2-.33 1.83H11V9.48ZM13 11h2.95c-.06-.63-.17-1.24-.33-1.84a19 19 0 0 1-2.62.31V11Zm-2 2H8.04c.06.63.17 1.24.32 1.83.84-.16 1.73-.26 2.64-.3V13Zm2 1.53a19 19 0 0 1 2.63.31c.16-.6.27-1.21.33-1.84H13v1.53Zm-2 2c-.67.03-1.32.1-1.94.2.5 1.06 1.15 2.03 1.94 2.9v-3.1Zm2 3.1c.79-.87 1.44-1.84 1.94-2.88a17.1 17.1 0 0 0-1.94-.22v3.1Zm2.98-14.57c.35.55.65 1.13.91 1.72.31-.1.6-.2.88-.32a8.04 8.04 0 0 0-1.79-1.4ZM6.44 8.68c-.5-.16-.99-.35-1.44-.55-.48.87-.81 1.84-.94 2.87h1.98c.06-.8.2-1.57.4-2.32ZM6.04 13H4.06c.13 1.03.46 2 .94 2.87.45-.2.92-.39 1.42-.55-.2-.75-.32-1.52-.38-2.32Zm11.53 2.34c.5.16.98.34 1.42.55.5-.88.82-1.85.95-2.89h-1.98c-.06.8-.19 1.58-.39 2.34ZM19 8.1c-.45.21-.93.4-1.43.56.2.75.34 1.53.4 2.33h1.98a7.95 7.95 0 0 0-.95-2.89Zm-2.96 10.8a8.04 8.04 0 0 0 1.74-1.37l-.85-.32c-.26.59-.55 1.15-.89 1.69ZM6.21 6.47c.29.12.58.23.89.32.26-.6.57-1.18.92-1.73-.67.38-1.28.86-1.8 1.41Zm0 11.06c.52.53 1.1 1 1.76 1.38-.34-.54-.64-1.11-.89-1.7-.3.1-.6.2-.87.32Z"/></svg>';
472
+ --sd-icon--highlighter: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M16.81 2.05c.44-.1 1.1-.11 1.59.38l.87.88 1-1a1 1 0 1 1 1.42 1.4l-1 1.01.89.9c.5.49.49 1.14.38 1.58-.12.46-.39.9-.74 1.24l-8.95 8.95a1 1 0 0 1-.37.24l-3.8 1.35a1 1 0 0 1-1.04-.24l-.55-.55-.67.67a.5.5 0 1 1-.71-.7l.67-.68-.54-.54a1 1 0 0 1-.23-1.04l1.33-3.78a1 1 0 0 1 .24-.37l7.87-7.87h-2.65L7.84 7.86a.5.5 0 0 1-.7-.7l4.12-4.13a.5.5 0 0 1 .35-.15h3.86l.1-.1c.35-.34.78-.61 1.24-.73Zm.37 2a.98.98 0 0 0-.2.15L8.18 13l-1.06 2.98.91.9 2.99-1.06 8.79-8.8a.98.98 0 0 0 .16-.2l-2.79-2.78Zm.13-.06ZM2.98 20h18a1 1 0 1 1 0 2h-18a1 1 0 0 1 0-2Z" clip-rule="evenodd"/></svg>';
473
+ --sd-icon--home: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M9 19.5v-3a1 1 0 1 1 2 0v3h7v-6a1 1 0 0 1 2 0v7a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-7a1 1 0 1 1 2 0v6h3Zm3-14.72-9.38 7.5a1 1 0 0 1-1.24-1.56l10-8a1 1 0 0 1 1.25 0l10 8a1 1 0 0 1-1.25 1.56L12 4.78Z" clip-rule="evenodd"/></svg>';
474
+ --sd-icon--image: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h16Zm-5.82 9.34-2.52 3.77a2 2 0 0 1-2.96.41l-.12-.1-.58-.6L4.83 19h14.9l-5.55-6.66ZM20 5H4v12l3.65-3.65a.5.5 0 0 1 .63-.05l.07.05L10 15l3.63-5.44a.5.5 0 0 1 .8-.05L20 16.2V5Z" clip-rule="evenodd"/></svg>';
421
475
  --sd-icon--info-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m1 12a1 1 0 1 1-2 0v-5a1 1 0 1 1 2 0zm0-8a1 1 0 0 1-2 .1V8a1 1 0 0 1 2-.1z" clip-rule="evenodd"/></svg>';
422
- --sd-icon--status-check: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.4 16.4 8.9-10a1 1 0 1 1 1.4 1.3l-9.6 11a1 1 0 0 1-1.5 0L4.2 13A1 1 0 1 1 5.8 12z" clip-rule="evenodd"/></svg>';
423
- --sd-icon--status-minus: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 13a1 1 0 1 1 0-2h18a1 1 0 1 1 0 2z" clip-rule="evenodd"/></svg>';
476
+ --sd-icon--list: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2.3 2.3a1 1 0 0 1 1.4 0l2 2a1 1 0 0 1 0 1.4l-2 2a1 1 0 0 1-1.4-1.4L3.58 5l-1.3-1.3a1 1 0 0 1 0-1.4ZM8 5a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1ZM2.3 9.3a1 1 0 0 1 1.4 0l2 2a1 1 0 0 1 0 1.4l-2 2a1 1 0 0 1-1.4-1.4L3.58 12l-1.3-1.3a1 1 0 0 1 0-1.4ZM8 12a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Zm-5.7 4.3a1 1 0 0 1 1.4 0l2 2a1 1 0 0 1 0 1.4l-2 2a1 1 0 0 1-1.4-1.4L3.58 19l-1.3-1.3a1 1 0 0 1 0-1.4ZM8 19a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></svg>';
477
+ --sd-icon--lock-open: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M15.82 6.8a1 1 0 0 0 1.9-.6A6 6 0 0 0 6 8v2H5a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1H8V8a4 4 0 0 1 7.82-1.2ZM6 20v-8h12v8H6Z" clip-rule="evenodd"/></svg>';
478
+ --sd-icon--locked: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M6 10V8a6 6 0 1 1 12 0v2h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1Zm2 0h8V8a4 4 0 0 0-8 0v2Zm-2 2v8h12v-8H6Z" clip-rule="evenodd"/></svg>';
479
+ --sd-icon--log-out: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M21.5 3h.12a1 1 0 0 1 .87.88l.01.12v16.12a1 1 0 0 1-.88.87l-.12.01H7.38a1 1 0 0 1-.87-.88L6.5 20v-2.12a1 1 0 0 1 .88-.87L7.5 17h.12a1 1 0 0 1 .87.88l.01.12v1h12V5h-12v1.12a1 1 0 0 1-2 0V3.88a1 1 0 0 1 .88-.87L7.5 3h14ZM11.11 8.21l.1.08 3 3a1 1 0 0 1 .08 1.32l-.08.1-3 3a1 1 0 0 1-1.5-1.32l.08-.1L11.1 13H2.5a1 1 0 0 1-.12-2H11.1l-1.3-1.3a1 1 0 0 1-.08-1.31l.08-.1a1 1 0 0 1 1.32-.08Z" clip-rule="evenodd"/></svg>';
480
+ --sd-icon--magnifying-glass: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 15.5a7.5 7.5 0 1 1 1.4-1.4l6.3 6.2a1 1 0 0 1-1.4 1.4zM9.5 15a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11" clip-rule="evenodd"/></svg>';
481
+ --sd-icon--menu: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4 7a1 1 0 0 1 0-2h16a1 1 0 1 1 0 2H4Zm0 6a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2H4Zm0 6a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2H4Z" clip-rule="evenodd"/></svg>';
482
+ --sd-icon--minus-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M3 13a1 1 0 1 1 0-2h18a1 1 0 1 1 0 2H3Z" clip-rule="evenodd"/></svg>';
483
+ --sd-icon--minus: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M3 13a1 1 0 1 1 0-2h18a1 1 0 1 1 0 2H3Z" clip-rule="evenodd"/></svg>';
484
+ --sd-icon--more-functions: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 17a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm0-7a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm0-7a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z" clip-rule="evenodd"/></svg>';
485
+ --sd-icon--mute: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.5 3.1a1 1 0 0 1 1.5.7V20a1 1 0 0 1-1.4 1v-.1L6.3 17H3a1 1 0 0 1-1-.8V8q0-.9.9-1h3.5zM13 5.7 7.1 8.9h-.3l-.1.1H4v6h3l.1.1 5.9 3.2zm3.3 3.6a1 1 0 0 1 1.3 0h.1l1.3 1.3 1.3-1.3a1 1 0 0 1 1.5 1.3v.1L20.3 12l1.3 1.3a1 1 0 0 1-1.3 1.5h-.1L19 13.3l-1.3 1.3a1 1 0 0 1-1.5-1.3v-.1l1.4-1.3-1.3-1.3a1 1 0 0 1 0-1.4" clip-rule="evenodd"/></svg>';
424
486
  --sd-icon--pause: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3q1.4.2 1.5 1.5v15q-.1 1.4-1.5 1.5H4.6C3.8 21 3 20 3 19.2V4.8C3 3.9 3.8 3 4.6 3zm10 0q1.4.2 1.5 1.5v15q-.1 1.4-1.5 1.5h-4.9c-.8 0-1.6-1-1.6-1.8V4.8c0-.9.8-1.8 1.6-1.8zM9 5H5v14h4zm10 0h-4v14h4z" clip-rule="evenodd"/></svg>';
487
+ --sd-icon--pencil: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m14.67 6.75 2.58 2.58 2.33-2.32-2.59-2.59-2.32 2.33Zm-1.41 1.41L5.12 16.3l-.77 3.35 3.35-.77 8.14-8.14-2.58-2.58Zm-1.42-1.41 1.41-1.42L16.3 2.3a1 1 0 0 1 1.41 0l4 4a1 1 0 0 1 0 1.41L8.9 20.5a1 1 0 0 1-.48.26l-5.2 1.2a1 1 0 0 1-1.2-1.2l1.2-5.19a1 1 0 0 1 .27-.48l8.34-8.34Z"/></svg>';
488
+ --sd-icon--phone: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2.07 3.4a1 1 0 0 1 .82-.73L6.87 2A1 1 0 0 1 8 2.73l1.3 4.59c.14.38.14.77.05 1.17a3.95 3.95 0 0 1-.88 1.7 10.69 10.69 0 0 0 5.33 5.3l.49-.34c.8-.5 1.6-.73 2.34-.48L21.28 16a1 1 0 0 1 .7 1.12l-.65 3.98a1 1 0 0 1-.31.6H21a1 1 0 0 1-.62.25c-9.92.71-19.06-8.43-18.35-18.35a1 1 0 0 1 .03-.2ZM4 4.51c-.11 8.17 7.32 15.6 15.49 15.49l.38-2.32-3.84-1.1c-.08-.03-.34.05-.69.26a4.19 4.19 0 0 0-.59.46l-.03.02a1 1 0 0 1-.94.27c-3.01-.75-6.63-4.36-7.4-7.38a1 1 0 0 1 .25-.96c.1-.09.26-.28.42-.5.18-.26.3-.5.34-.69a.26.26 0 0 0 0-.15L6.32 4.13 4 4.51Z" clip-rule="evenodd"/></svg>';
489
+ --sd-icon--plus-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M11 11V3a1 1 0 1 1 2 0v8h8a1 1 0 1 1 0 2h-8v8a1 1 0 1 1-2 0v-8H3a1 1 0 1 1 0-2h8Z" clip-rule="evenodd"/></svg>';
490
+ --sd-icon--position: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12.75 22.16a1 1 0 0 1-1.5 0C6.43 16.7 4 12.57 4 9.62a8.06 8.06 0 0 1 8-8.12c4.42 0 8 3.64 8 8.12 0 2.95-2.43 7.07-7.25 12.54ZM18 9.62a6.06 6.06 0 0 0-6-6.12c-3.31 0-6 2.74-6 6.12 0 2.17 1.99 5.67 6 10.36 4.01-4.69 6-8.19 6-10.36Zm-6 3.88a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" clip-rule="evenodd"/></svg>';
491
+ --sd-icon--print: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 8h-2V3a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v5H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3h2a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1ZM7 4h10v4H7V4Zm10 16H7v-6h10v6Zm3-4h-1v-3a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v3H4v-6h16v6Z"/><path d="M9 16h6v2H9v-2Z"/></svg>';
492
+ --sd-icon--reload: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 18v1a1 1 0 1 1-2 0v-4q0-.9 1-1h4a1 1 0 1 1 0 2H5a8 8 0 1 0-.6-6.5 1 1 0 0 1-2-.6A10 10 0 1 1 4 18" clip-rule="evenodd"/></svg>';
425
493
  --sd-icon--risk: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.9 19.5A1 1 0 0 1 21 21H3a1 1 0 0 1-.9-1.5l9-16a1 1 0 0 1 1.8 0zM12 6 4.7 19h14.6zm-1 4a1 1 0 1 1 2 0v4a1 1 0 0 1-2 0zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0" clip-rule="evenodd"/></svg>';
494
+ --sd-icon--share: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.98 10.01H18a4.02 4.02 0 1 0-3.88-2.97l-.01-.03-5 2.51a4 4 0 1 0-.3 5.34l5.23 2.49a4 4 0 1 0 .83-1.83l-5.05-2.39a3.9 3.9 0 0 0 .1-1.8v.02l5.16-2.58a3.99 3.99 0 0 0 2.9 1.24Zm0 6a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm-12-2a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm12-10a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"/></svg>';
495
+ --sd-icon--shopping-cart-crossed-out: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4 2.5c1.52 0 2.54 1.02 2.97 2.76l1.81 7.24H17.41c.69-.05.86-.23 1.08-1.1l1.54-6.14a1 1 0 1 1 1.94.48l-1.5 6c-.53 2.1-1.49 2.72-3.28 2.76H8.7l-.76 2H21a1 1 0 0 1 1 .88v.12a1 1 0 0 1-.88 1H20.83a3 3 0 1 1-5.66 0h-2.34a3 3 0 1 1-5.66 0H6.5a1 1 0 0 1-.97-1.24l.03-.11 1.4-3.71-1.93-7.7c-.22-.86-.5-1.2-.94-1.24H3a1 1 0 0 1-.12-2H4Zm6 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm8 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM13.85 1.51h.06L14 1.5h.08l.12.02.11.03.11.04.1.06.1.07.09.07 3 3a1 1 0 0 1-1.32 1.5l-.1-.08L15 4.9v5.59a1 1 0 0 1-2 .12v-5.7L11.7 6.2a1 1 0 0 1-1.31.08l-.1-.08a1 1 0 0 1-.08-1.32l.08-.1 3-3 .11-.1.12-.07.1-.05.11-.03.12-.03Z" clip-rule="evenodd"/></svg>';
496
+ --sd-icon--star-empty: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M11.53 16.47a1 1 0 0 1 .94 0l3.5 1.84-.68-3.9a1 1 0 0 1 .3-.88l2.82-2.75-3.9-.57a1 1 0 0 1-.76-.55L12 6.12l-1.75 3.54a1 1 0 0 1-.75.55l-3.91.57 2.83 2.75a1 1 0 0 1 .29.89l-.67 3.9 3.5-1.85Zm-4.35 4.55a1 1 0 0 1-1.46-1.05l.93-5.37-3.9-3.8a1 1 0 0 1 .55-1.71l5.4-.79 2.4-4.88a1 1 0 0 1 1.8 0l2.4 4.88 5.4.79a1 1 0 0 1 .56 1.7l-3.9 3.8.92 5.38a1 1 0 0 1-1.46 1.05L12 18.5l-4.82 2.53Z" clip-rule="evenodd"/></svg>';
497
+ --sd-icon--star-full: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="m8.68 8.28-5.39.8-.11.03a1 1 0 0 0-.44 1.68l3.88 3.82-.9 5.36v.11a1 1 0 0 0 1.45.95L12 18.5l4.83 2.52.1.04a1 1 0 0 0 1.35-1.1l-.9-5.36 3.88-3.82.08-.08a1 1 0 0 0-.63-1.62l-5.39-.8L12.9 3.4a1 1 0 0 0-1.78 0L8.68 8.28Z" clip-rule="evenodd"/></svg>';
426
498
  --sd-icon--start: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.4 11.1a1 1 0 0 1 0 1.8l-17 8A1 1 0 0 1 3 20V4a1 1 0 0 1 1.4-.9zm-2.7.9L5 5.6v12.8z" clip-rule="evenodd"/></svg>';
427
- --sd-icon--confirm-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.4 16.4 8.9-10a1 1 0 1 1 1.4 1.3l-9.6 11a1 1 0 0 1-1.5 0L4.2 13A1 1 0 1 1 5.8 12z" clip-rule="evenodd"/></svg>';
428
- --sd-icon--warning: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.9 19.5A1 1 0 0 1 21 21H3a1 1 0 0 1-.9-1.5l9-16a1 1 0 0 1 1.8 0zM12 6 4.7 19h14.6zm-1 4a1 1 0 1 1 2 0v4a1 1 0 0 1-2 0zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0" clip-rule="evenodd"/></svg>';
429
- --sd-icon--exclamation-circle: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16M11 8a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0zm0 8a1 1 0 1 1 2 0 1 1 0 1 1-2 0" clip-rule="evenodd"/></svg>';
430
- --sd-icon--magnifying-glass: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 15.5a7.5 7.5 0 1 1 1.4-1.4l6.3 6.2a1 1 0 0 1-1.4 1.4zM9.5 15a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11" clip-rule="evenodd"/></svg>';
499
+ --sd-icon--status-check: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m9.4 16.4 8.9-10a1 1 0 1 1 1.4 1.3l-9.6 11a1 1 0 0 1-1.5 0L4.2 13A1 1 0 1 1 5.8 12z" clip-rule="evenodd"/></svg>';
500
+ --sd-icon--status-minus: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 13a1 1 0 1 1 0-2h18a1 1 0 1 1 0 2z" clip-rule="evenodd"/></svg>';
501
+ --sd-icon--table: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 2.9A1 1 0 0 1 3 2h18a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V2.9ZM4 6v4h4.5V6H4Zm0 5v4h4.5v-4H4Zm0 5v4h4.5v-4H4Zm5.5 0v4h5v-4h-5ZM20 20v-4h-4.5v4H20Zm0-5v-4h-4.5v4H20Zm0-5V6h-4.5v4H20ZM9.5 6v4h5V6h-5Zm5 9v-4h-5v4h5Z" clip-rule="evenodd"/></svg>';
431
502
  --sd-icon--transcript: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2h.4l.3.3 7 7 .3.7v-.1V21q0 1-1 1H5a1 1 0 0 1-1-1V3q0-1 1-1zm-1 2H6v16h12v-9h-6a1 1 0 0 1-1-.9V4m5.6 5L13 5.4V9z" clip-rule="evenodd"/></svg>';
432
- --sd-icon--mute: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.5 3.1a1 1 0 0 1 1.5.7V20a1 1 0 0 1-1.4 1v-.1L6.3 17H3a1 1 0 0 1-1-.8V8q0-.9.9-1h3.5zM13 5.7 7.1 8.9h-.3l-.1.1H4v6h3l.1.1 5.9 3.2zm3.3 3.6a1 1 0 0 1 1.3 0h.1l1.3 1.3 1.3-1.3a1 1 0 0 1 1.5 1.3v.1L20.3 12l1.3 1.3a1 1 0 0 1-1.3 1.5h-.1L19 13.3l-1.3 1.3a1 1 0 0 1-1.5-1.3v-.1l1.4-1.3-1.3-1.3a1 1 0 0 1 0-1.4" clip-rule="evenodd"/></svg>';
503
+ --sd-icon--user: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M18.33 15.53c.64.36.98.58 1.91 1.22 1.24.85 1.8 2.32 1.76 4.28a1 1 0 0 1-2-.05c.03-1.35-.28-2.17-.89-2.58-.89-.6-1.2-.8-1.76-1.13a11.95 11.95 0 0 0-3.62-1.38 1 1 0 0 1-.8-.84 2.6 2.6 0 0 1 .27-1.64l.84-1.26.1-.14c.32-.5.54-.88.6-1.02.25-.67.33-1.28.33-2.37v-.18c0-.5 0-.76-.02-1.05a6.22 6.22 0 0 0-.12-1.19C14.55 4.71 13.38 4 12 4c-1.38 0-2.56.71-2.93 2.2-.07.25-.1.66-.12 1.18l-.02 1.05v.19c0 1.09.08 1.7.34 2.38a7.95 7.95 0 0 0 .7 1.15c.02.04.74 1.11.82 1.26.3.5.37 1.1.27 1.66a1 1 0 0 1-.79.82c-1.28.25-2.46.72-3.62 1.38-.57.32-.89.53-1.76 1.13-.6.41-.92 1.22-.89 2.55A1 1 0 0 1 2 21c-.04-1.95.52-3.4 1.76-4.25a22.8 22.8 0 0 1 1.9-1.22c1.05-.59 2.11-1.05 3.24-1.37l-.6-.9-.1-.16a7.92 7.92 0 0 1-.8-1.4 8.07 8.07 0 0 1-.47-3.08v-.19c0-.52 0-.78.02-1.11a7.8 7.8 0 0 1 .18-1.61A4.81 4.81 0 0 1 12 2a4.8 4.8 0 0 1 4.87 3.71c.1.43.16.95.18 1.6l.02 1.13v.18c0 1.3-.11 2.13-.46 3.07-.12.33-.38.77-.8 1.41l-.1.16-.61.9c1.13.32 2.2.78 3.23 1.37Z" clip-rule="evenodd"/></svg>';
433
504
  --sd-icon--volume: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.5 3.1a1 1 0 0 1 1.5.7V20a1 1 0 0 1-1.4 1v-.1L6.3 17H3a1 1 0 0 1-1-.8V8q0-.9.9-1h3.5zm6.3 2.3Q22 8.7 22 12a12 12 0 0 1-2.2 6.6 1 1 0 1 1-1.6-1A10 10 0 0 0 20 12q0-2.7-1.8-5.4a1 1 0 1 1 1.6-1.2m-6.8.3L7.1 8.9h-.3l-.1.1H4v6h3l.1.1 5.9 3.2zm4.8 2.7A6 6 0 0 1 19 12q0 1.8-1.2 3.6a1 1 0 0 1-1.6-1.2q.8-1.2.8-2.4t-.8-2.4a1 1 0 0 1 1.6-1.2" clip-rule="evenodd"/></svg>';
434
- --sd-icon--reload: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 18v1a1 1 0 1 1-2 0v-4q0-.9 1-1h4a1 1 0 1 1 0 2H5a8 8 0 1 0-.6-6.5 1 1 0 0 1-2-.6A10 10 0 1 1 4 18" clip-rule="evenodd"/></svg>';
505
+ --sd-icon--warning: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.9 19.5A1 1 0 0 1 21 21H3a1 1 0 0 1-.9-1.5l9-16a1 1 0 0 1 1.8 0zM12 6 4.7 19h14.6zm-1 4a1 1 0 1 1 2 0v4a1 1 0 0 1-2 0zm0 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0" clip-rule="evenodd"/></svg>';
506
+ --sd-icon--website: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 2H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1ZM4 4h16v2H4V4Zm0 16V8h16v12H4Z"/><path d="M17 10h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1Zm-1 4h-2v-2h2v2ZM10 10H7a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2ZM10 13H7a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2ZM10 16H7a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2Z"/></svg>';
435
507
  }