@bonniernews/dn-design-system-web 32.7.41 → 32.7.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/components/teaser-centered/README.md +3 -3
- package/components/teaser-longlife/README.md +2 -2
- package/components/teaser-onsite/README.md +1 -1
- package/components/teaser-text-on-image/README-NJK.md +40 -0
- package/components/teaser-text-on-image/README.md +29 -40
- package/components/teaser-text-on-image/teaser-text-on-image.njk +2 -2
- package/package.json +1 -1
- package/preact/components/teaser-text-on-image/teaser-text-on-image.d.ts +13 -0
- package/preact/components/teaser-text-on-image/teaser-text-on-image.js +116 -0
- package/preact/components/teaser-text-on-image/teaser-text-on-image.js.map +7 -0
- package/components/teaser-text-on-image/README-UXD.md +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,13 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
+
## [32.7.42](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@32.7.41...@bonniernews/dn-design-system-web@32.7.42) (2025-07-30)
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### Bug Fixes
|
|
11
|
+
|
|
12
|
+
* **web:** teaser text on image tsx ([#1850](https://github.com/BonnierNews/dn-design-system/issues/1850)) ([0598b34](https://github.com/BonnierNews/dn-design-system/commit/0598b34983528dd6638a646a894f08d9c8c002ab))
|
|
13
|
+
|
|
7
14
|
## [32.7.41](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@32.7.40...@bonniernews/dn-design-system-web@32.7.41) (2025-07-30)
|
|
8
15
|
|
|
9
16
|
|
|
@@ -14,10 +14,10 @@ The component will not include styling by itself. Make sure to include the right
|
|
|
14
14
|
| areaType | The area where the column is rendered<br />"right", "bauta", "bautaxl" | \- |
|
|
15
15
|
| title\* | Heading of the teaser<br />string | \- |
|
|
16
16
|
| text | Teaser subtext<br />string | \- |
|
|
17
|
-
| theme | The theme-class to apply to the teaser<br />"kultur", "nyheter" | "nyheter" |
|
|
18
|
-
| highlight | Text before the heading<br />string | \- |
|
|
19
|
-
| media | Main image or other media<br />ComponentChild | \- |
|
|
20
17
|
| vignette | Top text in the teaser<br />string | \- |
|
|
18
|
+
| media | Main image or other media<br />ComponentChild | \- |
|
|
19
|
+
| highlight | Text before the heading<br />string | \- |
|
|
20
|
+
| theme | The theme-class to apply to the teaser<br />"nyheter", "kultur" | "nyheter" |
|
|
21
21
|
|
|
22
22
|
```jsx
|
|
23
23
|
<TeaserCentered
|
|
@@ -12,9 +12,9 @@ The component will not include styling by itself. Make sure to include the right
|
|
|
12
12
|
| title\* | Heading of the teaser<br />string | \- |
|
|
13
13
|
| classNames | Ex. "my-special-class"<br />string | \- |
|
|
14
14
|
| attributes | Ex. { target: "\_blank", "data-test": "lorem ipsum" }<br />Record<string, unknown> | \- |
|
|
15
|
-
| theme | The theme-class to apply to the teaser<br />"nyheter", "kultur" | \- |
|
|
16
|
-
| media | Main image or other media<br />ComponentChild | \- |
|
|
17
15
|
| vignette | Top text in the teaser<br />string | \- |
|
|
16
|
+
| media | Main image or other media<br />ComponentChild | \- |
|
|
17
|
+
| theme | The theme-class to apply to the teaser<br />"nyheter", "kultur" | \- |
|
|
18
18
|
|
|
19
19
|
```jsx
|
|
20
20
|
<TeaserLonglife
|
|
@@ -18,8 +18,8 @@ The component will not include styling by itself. Make sure to include the right
|
|
|
18
18
|
| areaType | The area where the column is rendered<br />"right", "bauta", "bautaxl" | \- |
|
|
19
19
|
| title\* | Heading of the teaser<br />string | \- |
|
|
20
20
|
| text | Teaser subtext<br />string | \- |
|
|
21
|
-
| theme | The theme-class to apply to the teaser<br />"nyheter", "kultur" | "nyheter" |
|
|
22
21
|
| media | Main image or other media<br />ComponentChild | \- |
|
|
22
|
+
| theme | The theme-class to apply to the teaser<br />"nyheter", "kultur" | "nyheter" |
|
|
23
23
|
|
|
24
24
|
```jsx
|
|
25
25
|
<TeaserOnSite
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
- GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-text-on-image](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-text-on-image)
|
|
2
|
+
- Storybook: [TeaserTextOnImage](https://designsystem.dn.se/?path=/docs/section-teasertextonimage--docs)
|
|
3
|
+
- Storybook (Latest): [TeaserTextOnImage](https://designsystem-latest.dn.se/?path=/docs/section-teasertextonimage--docs)
|
|
4
|
+
|
|
5
|
+
----
|
|
6
|
+
|
|
7
|
+
# teaser-text-on-image
|
|
8
|
+
|
|
9
|
+
## Parameters
|
|
10
|
+
|
|
11
|
+
|parameter | type | required | options | default | description |
|
|
12
|
+
|:--- | :--- | :--- | :--- | :--- | :--- |
|
|
13
|
+
|title | String | yes | | | Heading of the teaser |
|
|
14
|
+
|targetLink | String | yes | | | Target URL for the teaser |
|
|
15
|
+
|text | String | no | | | Teaser subtext |
|
|
16
|
+
|vignette | String | no | | | Top text in the teaser |
|
|
17
|
+
|mediaHtml | HTML String | yes | | | Main image |
|
|
18
|
+
|attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
|
|
19
|
+
|classNames | String | no | | | Ex. "my-special-class" |
|
|
20
|
+
|~forcePx~ | | | | | Not supported |
|
|
21
|
+
|
|
22
|
+
## Minimum requirement example
|
|
23
|
+
These are copy paste friendly examples to quickliy get started using a component.
|
|
24
|
+
|
|
25
|
+
### Nunjucks
|
|
26
|
+
```html
|
|
27
|
+
{% from '@bonniernews/dn-design-system-web/components/teaser-text-on-image/teaser-text-on-image.njk' import TeaserTextOnImage %}
|
|
28
|
+
|
|
29
|
+
{{ TeaserTextOnImage({
|
|
30
|
+
title: 'Ludmila Engquist: "Det skulle kännas fel att dö utan att ha förklarat sig"',
|
|
31
|
+
targetLink: "https://www.dn.se/sport/ludmila-enguist-det-skulle-kannas-fel-att-do-utan-att-ha-forklarat-sig/",
|
|
32
|
+
text: "Nu träder Ludmila Engquist fram och berättar sanningen – innan det är för sent.",
|
|
33
|
+
mediaHtml: "text-on-image",
|
|
34
|
+
})}}
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
### SCSS
|
|
38
|
+
```scss
|
|
39
|
+
@use "@bonniernews/dn-design-system-web/components/teaser-text-on-image/teaser-text-on-image" as *;
|
|
40
|
+
```
|
|
@@ -1,40 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
|
12
|
-
|
|
13
|
-
|
|
|
14
|
-
|
|
|
15
|
-
|
|
|
16
|
-
|
|
|
17
|
-
|
|
|
18
|
-
|
|
|
19
|
-
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
title: 'Ludmila Engquist: "Det skulle kännas fel att dö utan att ha förklarat sig"',
|
|
31
|
-
targetLink: "https://www.dn.se/sport/ludmila-enguist-det-skulle-kannas-fel-att-do-utan-att-ha-forklarat-sig/",
|
|
32
|
-
text: "Nu träder Ludmila Engquist fram och berättar sanningen – innan det är för sent.",
|
|
33
|
-
mediaHtml: "text-on-image",
|
|
34
|
-
})}}
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
### SCSS
|
|
38
|
-
```scss
|
|
39
|
-
@use "@bonniernews/dn-design-system-web/components/teaser-text-on-image/teaser-text-on-image" as *;
|
|
40
|
-
```
|
|
1
|
+
TeaserTextOnImage
|
|
2
|
+
=================
|
|
3
|
+
|
|
4
|
+
* GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-text-on-image](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-text-on-image)
|
|
5
|
+
* Storybook: [TeaserTextOnImage](https://designsystem.dn.se/?path=/docs/section-teasertextonimage--docs)
|
|
6
|
+
|
|
7
|
+
The component will not include styling by itself. Make sure to include the right styles for the component. See example below: `@use '@bonniernews/dn-design-system-web/components/teaser-text-on-image)/teaser-text-on-image.scss'`
|
|
8
|
+
|
|
9
|
+
| Name | Description | Default |
|
|
10
|
+
|:--- | :--- | :--- |
|
|
11
|
+
| classNames | Ex. "my-special-class"<br />string | \- |
|
|
12
|
+
| attributes | Ex. { target: "\_blank", "data-test": "lorem ipsum" }<br />Record<string, unknown> | \- |
|
|
13
|
+
| targetLink\* | Target URL for the teaser<br />string | \- |
|
|
14
|
+
| areaType | The area where the column is rendered<br />"right", "bauta", "bautaxl" | \- |
|
|
15
|
+
| title\* | Heading of the teaser<br />string | \- |
|
|
16
|
+
| text | Teaser subtext<br />string | \- |
|
|
17
|
+
| vignette | Top text in the teaser<br />string | \- |
|
|
18
|
+
| media | Main image or other media<br />ComponentChild | \- |
|
|
19
|
+
| isItalicHeadline | If the headline should be italic<br />boolean | \- |
|
|
20
|
+
|
|
21
|
+
```jsx
|
|
22
|
+
<TeaserTextOnImage
|
|
23
|
+
media={<TeaserImage byline="Foto: Paul Hansen" image={<ExamplePicture alt="" className="picture picture--placeholder" sizes="1010px" src="https://cached-images.bonnier.news/gcs/bilder/dn-mly/2ff5d902-4e11-4634-b356-84200e86ded8.jpeg" srcSet="https://cached-images.bonnier.news/gcs/bilder/dn-mly/2ff5d902-4e11-4634-b356-84200e86ded8.jpeg?io=1&width=1010 1010w, https://cached-images.bonnier.news/gcs/bilder/dn-mly/2ff5d902-4e11-4634-b356-84200e86ded8.jpeg?io=1&width=2020&quality=60 2020w" style={{aspectRatio: '2 / 3'}}/>}/>}
|
|
24
|
+
targetLink="https://www.dn.se/sport/ludmila-enguist-det-skulle-kannas-fel-att-do-utan-att-ha-forklarat-sig/"
|
|
25
|
+
text="Nu träder Ludmila Engquist fram och berättar sanningen – innan det är för sent."
|
|
26
|
+
title="Ludmila Engquist: 'Det skulle kännas fel att dö utan att ha förklarat sig'"
|
|
27
|
+
vignette="DN Intervju"
|
|
28
|
+
/>
|
|
29
|
+
```
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
}) %}
|
|
17
17
|
<div class="{{ componentClassName + '__content'}}">
|
|
18
18
|
<div class="{{ componentClassName + '__media' }}">
|
|
19
|
-
{{ params.mediaHtml }}
|
|
19
|
+
{{ params.mediaHtml | safe }}
|
|
20
20
|
</div>
|
|
21
21
|
|
|
22
22
|
<div class="{{ componentClassName + '__text-content'}}">
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
{{ params.vignette }}
|
|
26
26
|
</p>
|
|
27
27
|
{% endif %}
|
|
28
|
-
|
|
28
|
+
|
|
29
29
|
<h2 class="{{ componentClassName + '__title'}} {{ componentClassName + '__title--italic' if params.isItalicHeadline}}">
|
|
30
30
|
{{ params.title }}
|
|
31
31
|
</h2>
|
package/package.json
CHANGED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { SharedProps } from "@bonniernews/dn-design-system-web/assets/types/shared-props.ts";
|
|
2
|
+
import type { TeaserProps } from "@bonniernews/dn-design-system-web/assets/types/teaser-props.ts";
|
|
3
|
+
interface TeaserTextOnImageProps extends SharedProps, Pick<TeaserProps, 'areaType' | 'targetLink' | 'title' | 'vignette' | 'text' | 'media' | 'isItalicHeadline'> {
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-text-on-image](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-text-on-image)
|
|
7
|
+
* - Storybook: [TeaserTextOnImage](https://designsystem.dn.se/?path=/docs/section-teasertextonimage--docs)
|
|
8
|
+
*
|
|
9
|
+
* The component will not include styling by itself. Make sure to include the right styles for the component. See example below:
|
|
10
|
+
* `@use '@bonniernews/dn-design-system-web/components/teaser-text-on-image)/teaser-text-on-image.scss'`
|
|
11
|
+
*/
|
|
12
|
+
export declare const TeaserTextOnImage: ({ title, targetLink, vignette, text, isItalicHeadline, media, classNames, attributes, areaType }: TeaserTextOnImageProps) => import("preact").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
// ../src/helpers/formatClassString.ts
|
|
2
|
+
var formatClassString = (classesArray) => {
|
|
3
|
+
return classesArray.filter((x) => !!x).join(" ");
|
|
4
|
+
};
|
|
5
|
+
|
|
6
|
+
// ../src/components/teaser-card/teaser-card.tsx
|
|
7
|
+
import { jsx } from "preact/jsx-runtime";
|
|
8
|
+
var TeaserCard = ({ areaType, targetLink, theme = "nyheter", classNames, attributes, children }) => {
|
|
9
|
+
const componentClassName = "ds-teaser";
|
|
10
|
+
const classes = formatClassString([
|
|
11
|
+
componentClassName,
|
|
12
|
+
areaType && `${componentClassName}--${areaType}`,
|
|
13
|
+
areaType == "bauta" && "ds-dark",
|
|
14
|
+
`ds-theme--${theme}`,
|
|
15
|
+
classNames
|
|
16
|
+
]);
|
|
17
|
+
if (targetLink) {
|
|
18
|
+
return /* @__PURE__ */ jsx("a", { className: classes, href: targetLink, ...attributes, children });
|
|
19
|
+
}
|
|
20
|
+
return /* @__PURE__ */ jsx("div", { className: classes, ...attributes, children });
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
// ../src/foundations/icons/sprite.svg
|
|
24
|
+
import { h } from "preact";
|
|
25
|
+
import { jsx as jsx2, jsxs } from "preact/jsx-runtime";
|
|
26
|
+
|
|
27
|
+
// ../src/components/icon-sprite/icon-sprite.tsx
|
|
28
|
+
import { jsx as jsx3 } from "preact/jsx-runtime";
|
|
29
|
+
var IconUse = ({ iconName, classNames, attributes }) => {
|
|
30
|
+
const componentClassName = "ds-icon";
|
|
31
|
+
const classes = formatClassString([
|
|
32
|
+
componentClassName,
|
|
33
|
+
`${componentClassName}--sprite`,
|
|
34
|
+
`${componentClassName}--${iconName}`,
|
|
35
|
+
classNames
|
|
36
|
+
]);
|
|
37
|
+
return /* @__PURE__ */ jsx3("i", { className: classes, ...attributes, children: /* @__PURE__ */ jsx3("svg", { children: /* @__PURE__ */ jsx3("use", { xlinkHref: `#ds-${iconName}` }) }) });
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
// ../src/components/teaser-dot/teaser-dot.tsx
|
|
41
|
+
import { jsx as jsx4 } from "preact/jsx-runtime";
|
|
42
|
+
var TeaserDot = ({
|
|
43
|
+
flashing,
|
|
44
|
+
forcePx,
|
|
45
|
+
classNames,
|
|
46
|
+
attributes = {}
|
|
47
|
+
}) => {
|
|
48
|
+
const classes = formatClassString([
|
|
49
|
+
"ds-teaser-dot",
|
|
50
|
+
flashing && "ds-teaser-dot--flashing",
|
|
51
|
+
forcePx && "ds-force-px",
|
|
52
|
+
classNames
|
|
53
|
+
]);
|
|
54
|
+
return /* @__PURE__ */ jsx4("span", { className: classes, ...attributes });
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
// ../src/helpers/teaser.tsx
|
|
58
|
+
import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "preact/jsx-runtime";
|
|
59
|
+
var Media = ({ media, rounded, isSquareImage }) => {
|
|
60
|
+
const classNames = formatClassString([
|
|
61
|
+
"ds-teaser__media",
|
|
62
|
+
rounded && "ds-teaser__media--rounded",
|
|
63
|
+
isSquareImage && "ds-teaser__media--square-image"
|
|
64
|
+
]);
|
|
65
|
+
return media ? /* @__PURE__ */ jsx5("div", { className: classNames, children: media }) : null;
|
|
66
|
+
};
|
|
67
|
+
var Title = ({ title, highlight, isItalicHeadline }) => {
|
|
68
|
+
return title ? /* @__PURE__ */ jsxs2("h2", { className: `ds-teaser__title ${isItalicHeadline ? "ds-teaser__title--italic" : ""}`, children: [
|
|
69
|
+
highlight && /* @__PURE__ */ jsxs2("span", { className: "ds-teaser__highlight", children: [
|
|
70
|
+
highlight,
|
|
71
|
+
" ",
|
|
72
|
+
" "
|
|
73
|
+
] }),
|
|
74
|
+
title
|
|
75
|
+
] }) : null;
|
|
76
|
+
};
|
|
77
|
+
var Body = ({ text, sticker, isFlashingDot }) => {
|
|
78
|
+
return text ? /* @__PURE__ */ jsxs2("p", { className: "ds-teaser__text", children: [
|
|
79
|
+
sticker && /* @__PURE__ */ jsxs2(Fragment, { children: [
|
|
80
|
+
/* @__PURE__ */ jsx5(TeaserDot, { flashing: isFlashingDot }),
|
|
81
|
+
/* @__PURE__ */ jsxs2("span", { className: "ds-teaser__sticker", children: [
|
|
82
|
+
" ",
|
|
83
|
+
sticker,
|
|
84
|
+
" "
|
|
85
|
+
] })
|
|
86
|
+
] }),
|
|
87
|
+
text
|
|
88
|
+
] }) : null;
|
|
89
|
+
};
|
|
90
|
+
var Vignette = ({ vignette, variant }) => {
|
|
91
|
+
return vignette ? /* @__PURE__ */ jsxs2("div", { className: "ds-teaser__vignette", children: [
|
|
92
|
+
variant === "podcast" && /* @__PURE__ */ jsx5(IconUse, { iconName: "headphones" }),
|
|
93
|
+
vignette
|
|
94
|
+
] }) : null;
|
|
95
|
+
};
|
|
96
|
+
|
|
97
|
+
// ../src/components/teaser-text-on-image/teaser-text-on-image.tsx
|
|
98
|
+
import { jsx as jsx6, jsxs as jsxs3 } from "preact/jsx-runtime";
|
|
99
|
+
var TeaserTextOnImage = ({ title, targetLink, vignette, text, isItalicHeadline, media, classNames, attributes, areaType }) => {
|
|
100
|
+
const classes = formatClassString([
|
|
101
|
+
"ds-teaser--text-on-image",
|
|
102
|
+
classNames
|
|
103
|
+
]);
|
|
104
|
+
return /* @__PURE__ */ jsx6(TeaserCard, { ...{ targetLink, areaType, attributes, classNames: classes }, children: /* @__PURE__ */ jsxs3("div", { className: "ds-teaser__content", children: [
|
|
105
|
+
/* @__PURE__ */ jsx6(Media, { ...{ media } }),
|
|
106
|
+
/* @__PURE__ */ jsxs3("div", { className: "ds-teaser__text-content", children: [
|
|
107
|
+
/* @__PURE__ */ jsx6(Vignette, { ...{ vignette } }),
|
|
108
|
+
/* @__PURE__ */ jsx6(Title, { ...{ title, isItalicHeadline } }),
|
|
109
|
+
/* @__PURE__ */ jsx6(Body, { ...{ text, areaType } })
|
|
110
|
+
] })
|
|
111
|
+
] }) });
|
|
112
|
+
};
|
|
113
|
+
export {
|
|
114
|
+
TeaserTextOnImage
|
|
115
|
+
};
|
|
116
|
+
//# sourceMappingURL=teaser-text-on-image.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../helpers/formatClassString.ts", "../../../components/teaser-card/teaser-card.tsx", "../../../foundations/icons/sprite.svg", "../../../components/icon-sprite/icon-sprite.tsx", "../../../components/teaser-dot/teaser-dot.tsx", "../../../helpers/teaser.tsx", "../../../components/teaser-text-on-image/teaser-text-on-image.tsx"],
|
|
4
|
+
"sourcesContent": ["export const formatClassString = (classesArray: (string|undefined|false)[]): string => {\n return classesArray.filter(x => !!x).join(' ');\n}\n", "import { ComponentChildren } from \"preact\";\n\nimport type { SharedProps } from \"@bonniernews/dn-design-system-web/assets/types/shared-props.ts\";\nimport { formatClassString } from \"@bonniernews/dn-design-system-web/helpers/formatClassString.ts\";\n\nexport interface TeaserCardsProps extends SharedProps {\n areaType?: 'main' | 'right' | 'bauta' | 'bautaxl';\n targetLink?: string;\n theme?: 'kultur' | 'nyheter';\n children: ComponentChildren;\n}\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-card](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-card)\n * - Storybook: [Subcomponents > TeaserCard](https://designsystem.dn.se/?path=/docs/section-subcomponents-teaserdot--docs)\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/assets/teaser/teaser.scss'`\n */\nexport const TeaserCard = ({ areaType, targetLink, theme = 'nyheter', classNames, attributes, children }: TeaserCardsProps) => {\n const componentClassName = 'ds-teaser';\n\n const classes = formatClassString([\n componentClassName,\n areaType && `${componentClassName}--${areaType}`,\n areaType == 'bauta' && 'ds-dark',\n `ds-theme--${theme}`,\n classNames,\n ])\n\n if (targetLink) {\n return (\n <a className={classes} href={targetLink } {...attributes}>\n { children }\n </a>\n );\n }\n\n return (\n <div className={classes}{...attributes}>\n { children }\n </div>\n );\n};\n", "import { h } from \"preact\";\nconst SvgSprite = props => <svg style={{\n display: \"block\",\n height: 0,\n width: 0\n}} {...props}><defs /><symbol id=\"ds-add\" viewBox=\"0 0 24 24\"><path d=\"M11.35 19.16v-6h-6v-1.5h6v-6h1.5v6h6v1.5h-6v6h-1.5Z\" /></symbol><symbol id=\"ds-arrow_back\" viewBox=\"0 0 24 24\"><path d=\"m12.313 19.808-7.626-7.625 7.625-7.625 1.075 1.075-5.825 5.8h12.375v1.5H7.563l5.825 5.8-1.075 1.075Z\" /></symbol><symbol id=\"ds-arrow_forward\" viewBox=\"0 0 24 24\"><path d=\"m12 19.625-1.075-1.075 5.825-5.8H4.375v-1.5H16.75l-5.825-5.8L12 4.375 19.625 12 12 19.625Z\" /></symbol><symbol id=\"ds-arrow_outward\" viewBox=\"0 0 24 24\"><path d=\"M6.4 17.65 5.35 16.6l9.85-9.85H6.25v-1.5h11.5v11.5h-1.5V7.8L6.4 17.65Z\" /></symbol><symbol id=\"ds-arrow_upward\" viewBox=\"0 0 24 24\"><path d=\"M11.25 19.615V7.258L5.44 13.069 4.385 12 12 4.385 19.616 12l-1.054 1.07-5.812-5.812v12.357h-1.5Z\" /></symbol><symbol id=\"ds-autoplay\" viewBox=\"0 0 24 24\"><path d=\"M9.75 16.038V7.962L16.038 12 9.75 16.038ZM12 22.5c-1.87 0-3.592-.456-5.163-1.367C5.264 20.22 3.986 18.94 3 17.29v3.21H1.5v-5.692h5.683v1.5H4.175c.812 1.455 1.908 2.6 3.29 3.437A8.595 8.595 0 0 0 12 21c1.949 0 3.707-.57 5.275-1.712 1.568-1.142 2.656-2.64 3.264-4.496l1.469.325c-.686 2.21-1.95 3.992-3.789 5.348C16.38 21.822 14.306 22.5 12 22.5ZM1.55 11a11.3 11.3 0 0 1 .752-3.006c.378-.925.915-1.818 1.61-2.678L4.99 6.375a9.71 9.71 0 0 0-1.272 2.144A9.544 9.544 0 0 0 3.066 11H1.55Zm4.84-6.016L5.33 3.906a10.985 10.985 0 0 1 2.702-1.618A9.781 9.781 0 0 1 11 1.57v1.5c-.83.084-1.634.29-2.41.62-.777.33-1.51.762-2.2 1.295Zm11.216 0a9.007 9.007 0 0 0-2.178-1.29A8.238 8.238 0 0 0 13 3.07v-1.5c1.033.094 2.03.338 2.991.732a10.43 10.43 0 0 1 2.684 1.615l-1.07 1.068ZM20.93 11a8.605 8.605 0 0 0-1.935-4.615l1.07-1.07a9.99 9.99 0 0 1 1.623 2.665c.395.96.642 1.967.742 3.02h-1.5Z\" /></symbol><symbol id=\"ds-bookmark-filled\" viewBox=\"0 0 24 24\"><path d=\"M5.5 20.25V3.5h13v16.75l-6.5-2.8-6.5 2.8Z\" /></symbol><symbol id=\"ds-bookmarked\" viewBox=\"0 0 24 24\"><path d=\"m7 17.95 5-2.15 5 2.15V5H7v12.95Zm-1.5 2.3V3.5h13v16.75l-6.5-2.8-6.5 2.8Z\" /></symbol><symbol id=\"ds-campaign\" viewBox=\"0 0 24 24\"><path d=\"M17.95 12.75v-1.5h3.625v1.5H17.95Zm1.15 6.725L16.2 17.3l.925-1.175 2.9 2.15-.925 1.2ZM17.075 7.85l-.9-1.2 2.9-2.175.9 1.2-2.9 2.175ZM5.25 18.475v-3.9H4.225c-.5 0-.925-.175-1.275-.525a1.736 1.736 0 0 1-.525-1.275v-1.55c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525H8.1l4.475-2.675v10.5L8.1 14.575H6.75v3.9h-1.5Zm8.7-3.35v-6.25c.4.367.721.817.963 1.35.241.533.362 1.125.362 1.775 0 .65-.12 1.242-.362 1.775a4.108 4.108 0 0 1-.963 1.35Zm-9.725-4.2c-.067 0-.133.033-.2.1s-.1.133-.1.2v1.55c0 .067.033.133.1.2s.133.1.2.1H8.5l2.575 1.5v-5.15l-2.575 1.5H4.225Z\" /></symbol><symbol id=\"ds-cancel\" viewBox=\"0 0 24 24\"><path d=\"m8.4 16.65 3.6-3.6 3.6 3.6 1.05-1.05-3.6-3.6 3.6-3.6-1.05-1.05-3.6 3.6-3.6-3.6L7.35 8.4l3.6 3.6-3.6 3.6 1.05 1.05ZM12 21.5a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013A9.263 9.263 0 0 1 2.5 12c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.288 3.25 9.263 9.263 0 0 1 12 2.5a9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012A9.27 9.27 0 0 1 21.5 12c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025A9.27 9.27 0 0 1 12 21.5Zm0-1.5c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z\" /></symbol><symbol id=\"ds-celebration\" viewBox=\"0 0 24 24\"><path d=\"M2.8 20.925 7.175 8.65l7.9 7.9L2.8 20.925Zm2.475-2.475 7.05-2.5-4.55-4.55-2.5 7.05Zm8.7-6-.825-.825 7.3-7.325 2.3 2.325-.825.825-1.475-1.475-6.475 6.475Zm-3.65-3.65L9.5 7.95l1.675-1.675-1.725-1.7.85-.85 2.55 2.55L10.325 8.8Zm1.825 1.825-.825-.825L15.8 5.325 13.325 2.85 14.15 2l3.325 3.325-5.325 5.3Zm3.65 3.65-.825-.825 3.15-3.15 3.15 3.15-.85.825-2.3-2.3-2.325 2.3Z\" /></symbol><symbol id=\"ds-check_box_outline_blank\" viewBox=\"0 0 24 24\"><path d=\"M5.3 20.5c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 3.5 18.7V5.3c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525h13.4c.5 0 .925.175 1.275.525.35.35.525.775.525 1.275v13.4c0 .5-.175.925-.525 1.275-.35.35-.775.525-1.275.525H5.3Zm0-1.5h13.4c.067 0 .133-.033.2-.1s.1-.133.1-.2V5.3c0-.067-.033-.133-.1-.2s-.133-.1-.2-.1H5.3c-.067 0-.133.033-.2.1s-.1.133-.1.2v13.4c0 .067.033.133.1.2s.133.1.2.1Z\" /></symbol><symbol id=\"ds-check_box-filled\" viewBox=\"0 0 24 24\"><path d=\"M5.3 20.5c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 3.5 18.7V5.3c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525h13.4c.5 0 .925.175 1.275.525.35.35.525.775.525 1.275v13.4c0 .5-.175.925-.525 1.275-.35.35-.775.525-1.275.525H5.3Zm5.3-5.025a.93.93 0 0 0 .338-.063.813.813 0 0 0 .287-.187l5.6-5.6c.133-.133.2-.3.2-.5A.72.72 0 0 0 16.8 8.6a.734.734 0 0 0-.538-.225.654.654 0 0 0-.512.225l-5.15 5.15-2.35-2.35a.679.679 0 0 0-.5-.2.72.72 0 0 0-.525.225.72.72 0 0 0-.225.525c0 .2.075.375.225.525l2.75 2.75a.81.81 0 0 0 .288.187c.108.042.22.063.337.063Z\" /></symbol><symbol id=\"ds-check_circle\" viewBox=\"0 0 24 24\"><path d=\"M10.575 16.25 17.3 9.525l-1.05-1.05-5.675 5.675-2.85-2.85-1.05 1.05 3.9 3.9ZM12 21.5a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013A9.263 9.263 0 0 1 2.5 12c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.288 3.25 9.263 9.263 0 0 1 12 2.5a9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012A9.27 9.27 0 0 1 21.5 12c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025A9.27 9.27 0 0 1 12 21.5Zm0-1.5c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z\" /></symbol><symbol id=\"ds-check\" viewBox=\"0 0 24 24\"><path d=\"M9.785 17.48 4.46 12.155l1.05-1.075 4.275 4.275L18.96 6.18l1.05 1.075L9.785 17.48Z\" /></symbol><symbol id=\"ds-chevron_down\" viewBox=\"0 0 24 24\"><path d=\"m2.479 7.883 1.42-1.42 8.234 8.235 8.234-8.235 1.42 1.42-9.654 9.654-9.654-9.654Z\" /></symbol><symbol id=\"ds-chevron_left\" viewBox=\"0 0 24 24\"><path d=\"M14 17.65 8.35 12 14 6.35l1.05 1.05-4.6 4.6 4.6 4.6L14 17.65Z\" /></symbol><symbol id=\"ds-chevron_right\" viewBox=\"0 0 24 24\"><path d=\"M9.4 17.65 8.35 16.6l4.6-4.6-4.6-4.6L9.4 6.35 15.05 12 9.4 17.65Z\" /></symbol><symbol id=\"ds-close\" viewBox=\"0 0 24 24\"><path d=\"m5.982 18.744-1.05-1.05 5.6-5.6-5.6-5.6 1.05-1.05 5.6 5.6 5.6-5.6 1.05 1.05-5.6 5.6 5.6 5.6-1.05 1.05-5.6-5.6-5.6 5.6Z\" /></symbol><symbol id=\"ds-comment\" viewBox=\"0 0 24 24\"><path d=\"M6.25 13.75h11.5v-1.5H6.25v1.5Zm0-3h11.5v-1.5H6.25v1.5Zm0-3h11.5v-1.5H6.25v1.5Zm15.25 13.3-3.55-3.55H2.5v-15h19v18.55ZM20 4H4v12h14.575L20 17.425V4Z\" /></symbol><symbol id=\"ds-delete\" viewBox=\"0 0 24 24\"><path d=\"M5.5 20.5V6h-1V4.5H9v-.875h6V4.5h4.5V6h-1v14.5h-13ZM7 19h10V6H7v13Zm2.4-2h1.5V8H9.4v9Zm3.7 0h1.5V8h-1.5v9Z\" /></symbol><symbol id=\"ds-download\" viewBox=\"0 0 24 24\"><path d=\"M6.308 19.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V15H6v2.692c0 .077.032.148.096.212a.294.294 0 0 0 .212.096h11.384a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212V15h1.5v2.692c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H6.308ZM12 15.615l-4.27-4.269 1.055-1.084 2.465 2.465v-8.4h1.5v8.4l2.465-2.465 1.054 1.084L12 15.616Z\" /></symbol><symbol id=\"ds-edit\" viewBox=\"0 0 24 24\"><path d=\"M5.15 19H6.4l9.25-9.25-1.225-1.25-9.275 9.275V19Zm13.7-10.35L15.475 5.3l1.3-1.3c.3-.283.663-.425 1.088-.425.425 0 .779.142 1.062.425l1.225 1.225c.283.3.433.654.45 1.062.017.409-.125.755-.425 1.038L18.85 8.65Zm-1.075 1.1L7.025 20.5H3.65v-3.375L14.4 6.375l3.375 3.375Zm-2.75-.625-.6-.625 1.225 1.25-.625-.625Z\" /></symbol><symbol id=\"ds-expand_less\" viewBox=\"0 0 24 24\"><path d=\"m7.4 15.05-1.05-1.075L12 8.325l5.65 5.65-1.05 1.075-4.6-4.6-4.6 4.6Z\" /></symbol><symbol id=\"ds-expand_more\" viewBox=\"0 0 24 24\"><path d=\"M12 15.05 6.35 9.375l1.05-1.05 4.6 4.6 4.6-4.6 1.05 1.05L12 15.05Z\" /></symbol><symbol id=\"ds-facebook\" viewBox=\"0 0 24 24\"><path d=\"M17.525 9H14V7c0-1.032.084-1.682 1.563-1.682h1.868v-3.18A26.065 26.065 0 0 0 14.693 2C11.98 2 10 3.657 10 6.699V9H7v4l3-.001V22h4v-9.003l3.066-.001L17.525 9Z\" /></symbol><symbol id=\"ds-favorite-filled\" viewBox=\"0 0 24 24\"><path d=\"m12 21.35-1.45-1.3c-2.617-2.333-4.696-4.363-6.238-6.088C2.771 12.237 2 10.417 2 8.5c0-1.567.525-2.875 1.575-3.925C4.625 3.525 5.933 3 7.5 3a5.72 5.72 0 0 1 2.5.562c.783.375 1.45.888 2 1.538a5.962 5.962 0 0 1 2-1.538A5.72 5.72 0 0 1 16.5 3c1.567 0 2.875.525 3.925 1.575C21.475 5.625 22 6.933 22 8.5c0 1.917-.77 3.737-2.312 5.462-1.542 1.725-3.621 3.755-6.238 6.088L12 21.35Z\" /></symbol><symbol id=\"ds-favorite\" viewBox=\"0 0 24 24\"><path d=\"m12 20.325-1.1-1c-1.667-1.5-3.042-2.792-4.125-3.875-1.083-1.083-1.942-2.046-2.575-2.888-.633-.841-1.075-1.608-1.325-2.3A6.167 6.167 0 0 1 2.5 8.15c0-1.417.48-2.604 1.438-3.563C4.896 3.629 6.083 3.15 7.5 3.15c.867 0 1.692.204 2.475.612.783.409 1.458.996 2.025 1.763.567-.767 1.242-1.354 2.025-1.763A5.285 5.285 0 0 1 16.5 3.15c1.417 0 2.604.479 3.562 1.437.959.959 1.438 2.146 1.438 3.563 0 .717-.125 1.42-.375 2.112-.25.692-.692 1.459-1.325 2.3-.633.842-1.492 1.805-2.575 2.888-1.083 1.083-2.458 2.375-4.125 3.875l-1.1 1Zm0-2.025c1.6-1.433 2.917-2.667 3.95-3.7 1.033-1.033 1.85-1.93 2.45-2.688.6-.758 1.017-1.429 1.25-2.012.233-.583.35-1.167.35-1.75 0-1-.333-1.833-1-2.5s-1.5-1-2.5-1a3.87 3.87 0 0 0-2.188.675c-.675.45-1.204 1.075-1.587 1.875h-1.45c-.4-.817-.933-1.446-1.6-1.888A3.862 3.862 0 0 0 7.5 4.65c-1 0-1.833.333-2.5 1s-1 1.5-1 2.5c0 .583.117 1.167.35 1.75.233.583.65 1.254 1.25 2.012.6.759 1.417 1.65 2.45 2.675A123.359 123.359 0 0 0 12 18.3Z\" /></symbol><symbol id=\"ds-feed\" viewBox=\"0 0 24 24\"><path d=\"M5.3 20.5c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 3.5 18.7V5.3c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525h10.5l4.7 4.7v10.5c0 .5-.175.925-.525 1.275-.35.35-.775.525-1.275.525H5.3Zm0-1.5h13.4a.292.292 0 0 0 .213-.087A.292.292 0 0 0 19 18.7V9h-4V5H5.3a.287.287 0 0 0-.212.088A.287.287 0 0 0 5 5.3v13.4c0 .083.03.154.088.213A.289.289 0 0 0 5.3 19Zm1.95-2.5h9.5V15h-9.5v1.5Zm0-7.5H12V7.5H7.25V9Zm0 3.75h9.5v-1.5h-9.5v1.5Z\" /></symbol><symbol id=\"ds-feedback\" viewBox=\"0 0 24 24\"><path d=\"M12 14.711a.784.784 0 0 0 .808-.807.784.784 0 0 0-.808-.808.784.784 0 0 0-.808.808.784.784 0 0 0 .808.807Zm-.75-3.48h1.5V5.192h-1.5v6.039ZM2.5 21.038V4.308c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h15.384c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v11.384c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H6.038L2.5 21.038ZM5.4 16h14.292a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212V4.308a.294.294 0 0 0-.096-.212.294.294 0 0 0-.212-.096H4.308a.294.294 0 0 0-.212.096.294.294 0 0 0-.096.212v13.077L5.4 16Z\" /></symbol><symbol id=\"ds-filter_list\" viewBox=\"0 0 24 24\"><path d=\"M10.25 17.75v-1.5h3.5v1.5h-3.5Zm-4-5.192v-1.5h11.5v1.5H6.25Zm-3-5.193v-1.5h17.5v1.5H3.25Z\" /></symbol><symbol id=\"ds-filter_none\" viewBox=\"0 0 24 24\"><path d=\"M6.25 18V3h15v15h-15Zm1.5-1.5h12v-12h-12v12Zm-5 5V6.8h1.5V20h13.2v1.5H2.75Z\" /></symbol><symbol id=\"ds-format_size\" viewBox=\"0 0 24 24\"><path d=\"M14.45 19.55v-13h-5v-2.1h12.1v2.1h-5v13h-2.1Zm-9 0v-8h-3v-2.1h8.1v2.1h-3v8h-2.1Z\" /></symbol><symbol id=\"ds-forward_10\" viewBox=\"0 0 24 24\"><path d=\"M9.5 15.774v-4.5H8.058V10.08h2.634v5.693H9.5Zm3.385 0a.968.968 0 0 1-.713-.288.968.968 0 0 1-.287-.713v-3.692c0-.283.095-.52.287-.712a.968.968 0 0 1 .713-.288h1.884c.284 0 .521.096.713.288.192.191.287.429.287.712v3.693c0 .283-.095.52-.287.712a.967.967 0 0 1-.713.287h-1.884Zm.307-1.193h1.27c.038 0 .067-.01.086-.029.02-.019.029-.048.029-.086v-3.077c0-.039-.01-.067-.029-.087-.02-.019-.048-.028-.086-.028h-1.27c-.038 0-.067.01-.086.028-.02.02-.029.048-.029.087v3.077c0 .038.01.067.029.086.02.02.048.03.086.03Zm-.903 6.846a8.255 8.255 0 0 1-3.316-.669 8.609 8.609 0 0 1-2.696-1.82 8.607 8.607 0 0 1-1.82-2.695 8.255 8.255 0 0 1-.668-3.316c0-1.18.223-2.284.669-3.315a8.607 8.607 0 0 1 1.819-2.696 8.607 8.607 0 0 1 2.696-1.82 8.255 8.255 0 0 1 3.316-.669h.265L10.946 2.82 12 1.735l3.442 3.433L12.02 8.6l-1.053-1.084 1.588-1.589h-.265c-1.95 0-3.605.68-4.963 2.038-1.358 1.358-2.037 3.012-2.037 4.962 0 1.95.679 3.605 2.037 4.963 1.358 1.358 3.013 2.037 4.963 2.037 1.95 0 3.604-.679 4.962-2.037 1.358-1.358 2.038-3.013 2.038-4.963h1.5c0 1.18-.224 2.285-.67 3.316a8.609 8.609 0 0 1-1.819 2.696 8.609 8.609 0 0 1-2.696 1.82 8.255 8.255 0 0 1-3.315.668Z\" /></symbol><symbol id=\"ds-forward_30\" viewBox=\"0 0 24 24\"><path d=\"M7.52 15.846v-1.192h2.691v-1.212H8.423v-.884h1.788v-1.212H7.52v-1.192h3.039c.245 0 .447.08.606.24.16.159.24.361.24.606v4c0 .245-.08.447-.24.607a.822.822 0 0 1-.606.24H7.519Zm6.076 0a.968.968 0 0 1-.712-.287.968.968 0 0 1-.288-.713v-3.692c0-.284.096-.521.288-.713a.968.968 0 0 1 .712-.287h1.885c.283 0 .52.096.712.287.192.192.288.43.288.713v3.692c0 .284-.096.521-.288.713a.968.968 0 0 1-.712.287h-1.885Zm.308-1.192h1.27c.037 0 .066-.01.086-.029.019-.02.029-.048.029-.086V11.46c0-.038-.01-.067-.03-.086-.019-.02-.048-.029-.086-.029h-1.27c-.038 0-.067.01-.086.029-.019.02-.029.048-.029.086v3.078c0 .038.01.067.03.086.018.02.047.029.086.029ZM12 21.5a8.255 8.255 0 0 1-3.315-.67 8.605 8.605 0 0 1-2.697-1.818 8.608 8.608 0 0 1-1.819-2.697A8.256 8.256 0 0 1 3.5 13c0-1.18.223-2.285.67-3.315a8.607 8.607 0 0 1 1.818-2.697A8.607 8.607 0 0 1 8.685 5.17 8.256 8.256 0 0 1 12 4.5h.265l-1.607-1.608 1.053-1.084 3.443 3.432-3.423 3.433-1.054-1.085L12.265 6H12c-1.95 0-3.604.68-4.963 2.037C5.68 9.396 5 11.05 5 13c0 1.95.68 3.604 2.037 4.962C8.396 19.322 10.05 20 12 20c1.95 0 3.604-.68 4.962-2.038C18.322 16.604 19 14.95 19 13h1.5c0 1.18-.223 2.285-.67 3.315a8.606 8.606 0 0 1-1.818 2.697 8.606 8.606 0 0 1-2.697 1.819A8.255 8.255 0 0 1 12 21.5Z\" /></symbol><symbol id=\"ds-fullscreen\" viewBox=\"0 0 24 24\"><path d=\"M3.5 20.5v-4.711H5V19h3.211v1.5H3.5Zm12.298 0V19h3.211v-3.211h1.5V20.5h-4.711ZM3.5 8.211V3.5h4.711V5H5v3.211H3.5Zm15.51 0V5h-3.212V3.5h4.711v4.711h-1.5Z\" /></symbol><symbol id=\"ds-grid_view\" viewBox=\"0 0 24 24\"><path d=\"M3.5 11V3.5H11V11H3.5Zm0 9.5V13H11v7.5H3.5ZM13 11V3.5h7.5V11H13Zm0 9.5V13h7.5v7.5H13Zm-8-11h4.5V5H5v4.5Zm9.5 0H19V5h-4.5v4.5Zm0 9.5H19v-4.5h-4.5V19ZM5 19h4.5v-4.5H5V19Z\" /></symbol><symbol id=\"ds-headphones-filled\" viewBox=\"0 0 24 24\"><path d=\"M3.5 20.5V12c0-1.183.225-2.287.675-3.312A8.715 8.715 0 0 1 6 6a8.715 8.715 0 0 1 2.688-1.825A8.145 8.145 0 0 1 12 3.5c1.183 0 2.287.225 3.312.675A8.716 8.716 0 0 1 18 6a8.715 8.715 0 0 1 1.825 2.688A8.145 8.145 0 0 1 20.5 12v8.5h-5.05v-7.075H19V12c0-1.95-.68-3.604-2.038-4.963C15.604 5.679 13.95 5 12 5c-1.95 0-3.604.679-4.962 2.037C5.679 8.396 5 10.05 5 12v1.425h3.55V20.5H3.5Z\" /></symbol><symbol id=\"ds-headphones\" viewBox=\"0 0 24 24\"><path d=\"M3.5 20.5V12c0-1.183.225-2.287.675-3.312A8.715 8.715 0 0 1 6 6a8.715 8.715 0 0 1 2.688-1.825A8.145 8.145 0 0 1 12 3.5c1.183 0 2.287.225 3.312.675A8.716 8.716 0 0 1 18 6a8.715 8.715 0 0 1 1.825 2.688A8.145 8.145 0 0 1 20.5 12v8.5h-5.05v-7.075H19V12c0-1.95-.68-3.604-2.038-4.963C15.604 5.679 13.95 5 12 5c-1.95 0-3.604.679-4.962 2.037C5.679 8.396 5 10.05 5 12v1.425h3.55V20.5H3.5ZM5 19h2.05v-4.075H5V19Zm11.95 0H19v-4.075h-2.05V19Z\" /></symbol><symbol id=\"ds-history\" viewBox=\"0 0 24 24\"><path d=\"M11.71 20.63c-2.168 0-4.055-.711-5.664-2.136-1.608-1.425-2.529-3.213-2.762-5.363H4.81c.25 1.733 1.025 3.166 2.325 4.3 1.3 1.133 2.825 1.7 4.575 1.7 1.95 0 3.604-.68 4.963-2.038 1.358-1.358 2.037-3.012 2.037-4.962 0-1.95-.679-3.604-2.037-4.963C15.313 5.81 13.66 5.13 11.71 5.13a6.705 6.705 0 0 0-3.062.725 7.409 7.409 0 0 0-2.463 2h2.6v1.5H3.71V4.28h1.5v2.375a8.43 8.43 0 0 1 2.925-2.238 8.411 8.411 0 0 1 3.575-.787c1.183 0 2.292.225 3.325.675a8.676 8.676 0 0 1 2.7 1.825 8.533 8.533 0 0 1 1.812 2.688 8.272 8.272 0 0 1 .663 3.312 8.271 8.271 0 0 1-.663 3.312 8.532 8.532 0 0 1-1.812 2.688 8.676 8.676 0 0 1-2.7 1.825 8.237 8.237 0 0 1-3.325.675Zm3-4.474-3.726-3.725v-5.3h1.5v4.7l3.275 3.275-1.05 1.05Z\" /></symbol><symbol id=\"ds-home-filled\" viewBox=\"0 0 24 24\"><path d=\"M4.5 20.5V9.25L12 3.625l7.5 5.625V20.5h-5.575v-6.7h-3.85v6.7H4.5Z\" /></symbol><symbol id=\"ds-home\" viewBox=\"0 0 24 24\"><path d=\"M4.5 20.495V9.245L12 3.62l7.5 5.625v11.25h-5.575v-6.7h-3.85v6.7H4.5Zm1.5-1.5h2.575v-6.7h6.85v6.7H18v-9l-6-4.5-6 4.5v9Z\" /></symbol><symbol id=\"ds-info-filled\" viewBox=\"0 0 24 24\"><path d=\"M11.49 16.58h1.5v-5.75h-1.5v5.75Zm.75-7.45c.233 0 .425-.08.575-.238a.82.82 0 0 0 .225-.587.792.792 0 0 0-.8-.8.792.792 0 0 0-.8.8.82.82 0 0 0 .225.587c.15.159.342.238.575.238Zm0 12.2a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013 9.263 9.263 0 0 1-.75-3.712c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.528 3.08a9.263 9.263 0 0 1 3.712-.75 9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012 9.27 9.27 0 0 1 .75 3.713c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025 9.27 9.27 0 0 1-3.713.75Z\" /></symbol><symbol id=\"ds-info\" viewBox=\"0 0 24 24\"><path d=\"M11.25 16.75h1.5V11h-1.5v5.75ZM12 9.3c.233 0 .425-.08.575-.238a.82.82 0 0 0 .225-.587.792.792 0 0 0-.8-.8.792.792 0 0 0-.8.8.82.82 0 0 0 .225.587c.15.159.342.238.575.238Zm0 12.2a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013A9.263 9.263 0 0 1 2.5 12c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.288 3.25 9.263 9.263 0 0 1 12 2.5a9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012A9.27 9.27 0 0 1 21.5 12c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025A9.27 9.27 0 0 1 12 21.5Zm0-1.5c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z\" /></symbol><symbol id=\"ds-instagram\" viewBox=\"0 0 24 24\"><path d=\"M8.25 2.5A5.761 5.761 0 0 0 2.5 8.25v7.5a5.762 5.762 0 0 0 5.75 5.75h7.5a5.762 5.762 0 0 0 5.75-5.75v-7.5a5.762 5.762 0 0 0-5.75-5.75h-7.5Zm0 1.5h7.5A4.239 4.239 0 0 1 20 8.25v7.5A4.24 4.24 0 0 1 15.75 20h-7.5A4.239 4.239 0 0 1 4 15.75v-7.5A4.239 4.239 0 0 1 8.25 4ZM17 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-5 1c-2.752 0-5 2.248-5 5s2.248 5 5 5 5-2.248 5-5-2.248-5-5-5Zm0 1.5c1.942 0 3.5 1.558 3.5 3.5s-1.558 3.5-3.5 3.5A3.489 3.489 0 0 1 8.5 12c0-1.942 1.558-3.5 3.5-3.5Z\" /></symbol><symbol id=\"ds-integrity\" viewBox=\"0 0 24 24\"><path d=\"M17 17c.417 0 .77-.146 1.062-.438.292-.291.438-.645.438-1.062 0-.417-.146-.77-.438-1.062A1.444 1.444 0 0 0 17 14c-.417 0-.77.146-1.062.438A1.444 1.444 0 0 0 15.5 15.5c0 .417.146.77.438 1.062.291.292.645.438 1.062.438Zm0 3c.517 0 .992-.121 1.425-.363a2.988 2.988 0 0 0 1.05-.962 4.892 4.892 0 0 0-1.175-.5A4.798 4.798 0 0 0 17 18c-.45 0-.883.058-1.3.175a4.892 4.892 0 0 0-1.175.5c.267.4.617.72 1.05.962.433.242.908.363 1.425.363Zm-5 1.475c-2.167-.583-3.958-1.854-5.375-3.812C5.208 15.704 4.5 13.517 4.5 11.1V5.35l7.5-2.8 7.5 2.8V11a13.148 13.148 0 0 0-.737-.238 9.387 9.387 0 0 0-.763-.187V6.4l-6-2.25L6 6.4v4.7c0 .883.125 1.746.375 2.588.25.841.596 1.633 1.038 2.374a9.377 9.377 0 0 0 1.575 1.988 7.82 7.82 0 0 0 1.987 1.4l.025-.025c.133.367.304.717.513 1.05.208.333.445.642.712.925a.511.511 0 0 1-.1.038c-.033.008-.075.02-.125.037Zm5 .025c-1.25 0-2.313-.437-3.188-1.312S12.5 18.25 12.5 17c0-1.25.437-2.313 1.312-3.188S15.75 12.5 17 12.5c1.25 0 2.313.437 3.188 1.312S21.5 15.75 21.5 17c0 1.25-.437 2.313-1.312 3.188S18.25 21.5 17 21.5Z\" /></symbol><symbol id=\"ds-ios_share\" viewBox=\"0 0 24 24\"><path d=\"M11.25 14.9V3.875L9.4 5.725 8.35 4.65 12 1l3.65 3.65-1.05 1.075-1.85-1.85V14.9h-1.5ZM4.5 21.65v-14h4.375v1.5H6v11h12v-11h-2.875v-1.5H19.5v14h-15Z\" /></symbol><symbol id=\"ds-link\" viewBox=\"0 0 24 24\"><path d=\"M10.968 16.645H7.16c-1.256 0-2.326-.443-3.21-1.328-.886-.885-1.328-1.955-1.328-3.21 0-1.256.442-2.326 1.327-3.211.885-.885 1.955-1.328 3.211-1.328h3.808v1.5H7.16c-.84 0-1.556.296-2.149.89a2.928 2.928 0 0 0-.89 2.148c0 .84.297 1.556.89 2.15.593.592 1.31.889 2.149.889h3.808v1.5ZM8.41 12.856v-1.5h7.5v1.5h-7.5Zm4.942 3.789v-1.5h3.808c.84 0 1.556-.297 2.15-.89.592-.593.889-1.309.889-2.149 0-.84-.297-1.556-.89-2.149a2.928 2.928 0 0 0-2.149-.89h-3.808v-1.5h3.808c1.256 0 2.326.443 3.211 1.328.885.885 1.328 1.955 1.328 3.21 0 1.256-.443 2.327-1.328 3.212-.885.885-1.955 1.328-3.211 1.328h-3.808Z\" /></symbol><symbol id=\"ds-lock\" viewBox=\"0 0 24 24\"><path d=\"M4.74 21.33v-13h3v-2c0-1.25.437-2.313 1.312-3.188S10.99 1.83 12.24 1.83c1.25 0 2.313.437 3.188 1.312S16.74 5.08 16.74 6.33v2h3v13h-15Zm4.5-13h6v-2c0-.833-.292-1.542-.875-2.125a2.893 2.893 0 0 0-2.125-.875c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9.24 6.33v2Zm-3 11.5h12v-10h-12v10Zm6-3.25c.483 0 .896-.17 1.238-.512.341-.342.512-.755.512-1.238s-.17-.896-.512-1.238a1.689 1.689 0 0 0-1.238-.512c-.483 0-.896.17-1.238.512a1.689 1.689 0 0 0-.512 1.238c0 .483.17.896.512 1.238.342.341.755.512 1.238.512Z\" /></symbol><symbol id=\"ds-login\" viewBox=\"0 0 24 24\"><path d=\"M11.99 20.5V19h6.702a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212V5.308a.294.294 0 0 0-.096-.212.294.294 0 0 0-.212-.096H11.99V3.5h6.702c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v13.384c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H11.99Zm-1.355-4.23-1.039-1.085 2.435-2.435H3.5v-1.5h8.53L9.597 8.815l1.039-1.084L14.904 12l-4.27 4.27Z\" /></symbol><symbol id=\"ds-logout\" viewBox=\"0 0 24 24\"><path d=\"M5.4 21c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 3.6 19.2V5.3c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525h6.725V5H5.4c-.067 0-.133.033-.2.1s-.1.133-.1.2v13.9c0 .067.033.133.1.2s.133.1.2.1h6.725V21H5.4Zm10.725-4.475-1.025-1.1L17.525 13h-8.4v-1.5h8.4L15.1 9.075l1.025-1.1L20.4 12.25l-4.275 4.275Z\" /></symbol><symbol id=\"ds-mail\" viewBox=\"0 0 24 24\"><path d=\"M2.5 19.5v-15h19v15h-19Zm9.5-6.95-8-5.1V18h16V7.45l-8 5.1ZM12 11l7.85-5H4.15L12 11ZM4 7.45V6v5.85-4.4Z\" /></symbol><symbol id=\"ds-manage_accounts-filled\" viewBox=\"0 0 24 24\"><path d=\"m16.1 20.05-.225-1.325a3.076 3.076 0 0 1-.662-.275 4.034 4.034 0 0 1-.613-.425l-1.25.425-.725-1.2 1.05-.85a2.594 2.594 0 0 1-.125-.775c0-.25.042-.5.125-.75L12.65 14l.7-1.2 1.25.45c.183-.183.383-.33.6-.438.217-.108.442-.195.675-.262l.225-1.325h1.425l.225 1.325c.233.067.458.158.675.275.217.117.417.267.6.45l1.25-.475.7 1.225-1.025.875c.083.233.125.483.125.75s-.042.517-.125.75l1.05.85-.725 1.2-1.25-.425c-.2.167-.404.308-.612.425-.209.117-.43.208-.663.275l-.225 1.325H16.1ZM2.5 19.3v-2.225c0-.5.13-.954.388-1.363a2.66 2.66 0 0 1 1.087-.962c.817-.4 1.708-.742 2.675-1.025.967-.283 2.083-.425 3.35-.425h.288a.7.7 0 0 1 .262.05 7.127 7.127 0 0 0-.488 3.05 5.927 5.927 0 0 0 .913 2.9H2.5Zm14.3-1.75c.533 0 .983-.187 1.35-.562.367-.375.55-.83.55-1.363 0-.517-.183-.963-.55-1.338a1.816 1.816 0 0 0-1.35-.562c-.517 0-.962.187-1.337.562a1.828 1.828 0 0 0-.563 1.338c0 .533.188.988.563 1.363.375.375.82.562 1.337.562ZM10 11.7a3.372 3.372 0 0 1-2.475-1.025A3.372 3.372 0 0 1 6.5 8.2c0-.967.342-1.792 1.025-2.475A3.372 3.372 0 0 1 10 4.7c.967 0 1.792.342 2.475 1.025A3.373 3.373 0 0 1 13.5 8.2c0 .967-.342 1.792-1.025 2.475A3.372 3.372 0 0 1 10 11.7Z\" /></symbol><symbol id=\"ds-manage_accounts\" viewBox=\"0 0 24 24\"><path d=\"M10.25 11.4c-.967 0-1.792-.345-2.475-1.037C7.092 9.672 6.75 8.85 6.75 7.9c0-.967.342-1.792 1.025-2.475A3.372 3.372 0 0 1 10.25 4.4c.967 0 1.792.342 2.475 1.025A3.372 3.372 0 0 1 13.75 7.9c0 .95-.342 1.77-1.025 2.462-.683.692-1.508 1.038-2.475 1.038ZM2.75 19v-2.224c0-.5.13-.954.388-1.363a2.66 2.66 0 0 1 1.087-.962c.817-.4 1.708-.742 2.675-1.025.967-.283 2.083-.425 3.35-.425h.3a.67.67 0 0 1 .25.05 5.583 5.583 0 0 0-.4 1.45h-.15c-1.15 0-2.17.133-3.062.4-.892.267-1.655.567-2.288.9-.217.117-.38.258-.488.425a.99.99 0 0 0-.162.55v.725h6.3c.067.267.163.529.288.787.125.259.254.496.387.713H2.75Zm13.6.75-.225-1.324a3.07 3.07 0 0 1-.662-.275 4.027 4.027 0 0 1-.613-.425l-1.25.425-.725-1.2 1.05-.85a2.594 2.594 0 0 1-.125-.775c0-.25.042-.5.125-.75L12.9 13.7l.7-1.2 1.25.45c.183-.183.383-.33.6-.438.217-.108.442-.195.675-.262l.225-1.325h1.425L18 12.25c.233.067.458.158.675.275.217.117.417.267.6.45l1.25-.475.7 1.225-1.025.875c.083.233.125.483.125.75s-.042.517-.125.75l1.05.85-.725 1.2-1.25-.425c-.2.167-.404.308-.612.425-.209.117-.43.208-.663.275l-.225 1.325H16.35Zm.7-2.5c.533 0 .983-.186 1.35-.561.367-.375.55-.83.55-1.363a1.85 1.85 0 0 0-.55-1.338 1.816 1.816 0 0 0-1.35-.562c-.517 0-.962.187-1.337.562a1.828 1.828 0 0 0-.563 1.338c0 .533.188.988.563 1.363.375.375.82.562 1.337.562Zm-6.8-7.35c.55 0 1.021-.195 1.413-.587.391-.391.587-.862.587-1.412 0-.55-.196-1.021-.587-1.413A1.928 1.928 0 0 0 10.25 5.9c-.55 0-1.02.196-1.412.587A1.927 1.927 0 0 0 8.25 7.9c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z\" /></symbol><symbol id=\"ds-mark_email_unread\" viewBox=\"0 0 24 24\"><path d=\"M2.74 19.325v-15h11.825c-.05.25-.075.5-.075.75s.017.5.05.75H4.39l7.85 5 3.6-2.3c.183.167.375.317.575.45.2.133.408.25.625.35l-4.8 3.05-8-5.1v10.55h16V9.85c.283-.067.55-.15.8-.25s.483-.233.7-.4v10.125h-19ZM19.24 7.95a2.653 2.653 0 0 1-1.95-.8 2.654 2.654 0 0 1-.8-1.95c0-.75.267-1.396.8-1.937a2.632 2.632 0 0 1 1.95-.813c.767 0 1.417.271 1.95.813.533.541.8 1.187.8 1.937 0 .767-.267 1.417-.8 1.95-.533.533-1.183.8-1.95.8Z\" /></symbol><symbol id=\"ds-memory\" viewBox=\"0 0 24 24\"><path d=\"M9.25 20.275V18.5H5.5v-3.75H3.725v-1.5H5.5v-2.5H3.725v-1.5H5.5V5.5h3.75V3.725h1.5V5.5h2.5V3.725h1.5V5.5h3.75v3.75h1.775v1.5H18.5v2.5h1.775v1.5H18.5v3.75h-3.75v1.775h-1.5V18.5h-2.5v1.775h-1.5ZM7 17h10V7H7v10Zm2.5-2.5v-5h5v5h-5ZM11 13h2v-2h-2v2Z\" /></symbol><symbol id=\"ds-menu-filled\" viewBox=\"0 0 24 24\"><path d=\"M3.563 17.808v-1.5h17.5v1.5h-17.5Zm0-4.875v-1.5h17.5v1.5h-17.5Zm0-4.875v-1.5h17.5v1.5h-17.5Z\" /></symbol><symbol id=\"ds-menu\" viewBox=\"0 0 24 24\"><path d=\"M3.25 17.625v-1.5h17.5v1.5H3.25Zm0-4.875v-1.5h17.5v1.5H3.25Zm0-4.875v-1.5h17.5v1.5H3.25Z\" /></symbol><symbol id=\"ds-mode_comment\" viewBox=\"0 0 24 24\"><path d=\"m21.5 21.05-3.55-3.55H4.3c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 2.5 15.7V4.3c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525h15.4c.5 0 .925.175 1.275.525.35.35.525.775.525 1.275v16.75ZM4 4.3V16h14.575L20 17.425V4.3a.292.292 0 0 0-.087-.213A.292.292 0 0 0 19.7 4H4.3a.289.289 0 0 0-.212.087A.29.29 0 0 0 4 4.3Zm0 0v13.125V4v.3Z\" /></symbol><symbol id=\"ds-more_horiz\" viewBox=\"0 0 24 24\"><path d=\"M6.22 13.5c-.417 0-.77-.146-1.062-.438A1.444 1.444 0 0 1 4.72 12c0-.417.146-.77.438-1.062A1.444 1.444 0 0 1 6.22 10.5c.417 0 .771.146 1.063.438.291.291.437.645.437 1.062 0 .417-.146.77-.437 1.062a1.447 1.447 0 0 1-1.063.438Zm5.775 0c-.417 0-.77-.146-1.062-.438A1.444 1.444 0 0 1 10.495 12c0-.417.146-.77.438-1.062a1.444 1.444 0 0 1 1.062-.438c.417 0 .77.146 1.062.438.292.291.438.645.438 1.062 0 .417-.146.77-.438 1.062a1.444 1.444 0 0 1-1.062.438Zm5.775 0c-.417 0-.77-.146-1.062-.438A1.444 1.444 0 0 1 16.27 12c0-.417.146-.77.438-1.062a1.444 1.444 0 0 1 1.062-.438c.417 0 .771.146 1.063.438.291.291.437.645.437 1.062 0 .417-.146.77-.437 1.062a1.447 1.447 0 0 1-1.063.438Z\" /></symbol><symbol id=\"ds-mystery\" viewBox=\"0 0 24 24\"><path d=\"M11 18c1.933 0 3.583-.68 4.95-2.042C17.317 14.596 18 12.944 18 11c0-1.933-.683-3.583-2.05-4.95C14.583 4.683 12.933 4 11 4c-1.944 0-3.596.683-4.958 2.05C4.681 7.417 4 9.067 4 11c0 1.944.68 3.596 2.042 4.958C7.404 17.319 9.056 18 11 18Zm0-3.154c-1.345 0-2.539-.353-3.582-1.06A5.982 5.982 0 0 1 5.163 11c.46-1.135 1.212-2.06 2.255-2.774C8.461 7.511 9.655 7.154 11 7.154c1.328 0 2.514.357 3.557 1.072 1.043.715 1.8 1.64 2.27 2.774a6.077 6.077 0 0 1-2.27 2.787c-1.043.706-2.229 1.06-3.557 1.06Zm0-1.192c.949 0 1.822-.235 2.621-.706A5.065 5.065 0 0 0 15.508 11a5.153 5.153 0 0 0-1.887-1.94A5.03 5.03 0 0 0 11 8.346c-.959 0-1.84.238-2.641.714A5.142 5.142 0 0 0 6.467 11a5.055 5.055 0 0 0 1.892 1.948c.802.47 1.682.706 2.641.706Zm0-1.154c.417 0 .77-.143 1.063-.43A1.44 1.44 0 0 0 12.5 11c0-.417-.146-.77-.438-1.063A1.447 1.447 0 0 0 11 9.5a1.44 1.44 0 0 0-1.07.438A1.46 1.46 0 0 0 9.5 11c0 .427.143.784.43 1.07.286.287.643.43 1.07.43Zm0 7a8.255 8.255 0 0 1-3.315-.67 8.605 8.605 0 0 1-2.697-1.818 8.607 8.607 0 0 1-1.819-2.697A8.256 8.256 0 0 1 2.5 11c0-1.17.223-2.27.67-3.3a8.542 8.542 0 0 1 4.515-4.53A8.256 8.256 0 0 1 11 2.5c1.17 0 2.27.223 3.3.67a8.635 8.635 0 0 1 2.704 1.826A8.633 8.633 0 0 1 18.83 7.7c.446 1.03.669 2.13.669 3.3a8.189 8.189 0 0 1-.53 2.948 8.866 8.866 0 0 1-1.464 2.514l3.994 3.994-1.06 1.044-3.994-3.979a8.723 8.723 0 0 1-2.513 1.457A8.252 8.252 0 0 1 11 19.5Z\" /></symbol><symbol id=\"ds-newsmode\" viewBox=\"0 0 24 24\"><path d=\"M4.308 20.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V5.308c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h15.384c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v13.384c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H4.308Zm0-1.5h15.384a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212V5.308a.294.294 0 0 0-.096-.212.294.294 0 0 0-.212-.096H4.308a.294.294 0 0 0-.212.096.294.294 0 0 0-.096.212v13.384c0 .077.032.148.096.212a.294.294 0 0 0 .212.096Zm2.077-2.385h11.23v-1.5H6.385v1.5Zm0-3.865h3.692V7.385H6.385v5.365Zm5.884 0h5.346v-1.5H12.27v1.5Zm0-3.865h5.346v-1.5H12.27v1.5Z\" /></symbol><symbol id=\"ds-notifications_off\" viewBox=\"0 0 24 24\"><path d=\"M4.22 18.714v-1.5H6.03V9.752c0-.466.056-.93.169-1.39.113-.46.282-.9.508-1.317L7.84 8.179a4.109 4.109 0 0 0-.311 1.573v7.462h7.277L1.756 4.202 2.809 3.15 20.652 20.99l-1.054 1.054-3.362-3.331H4.221Zm13.193-3.83-1.5-1.5V9.751c0-1.157-.41-2.145-1.228-2.964-.818-.819-1.806-1.228-2.964-1.228-.494 0-.97.081-1.426.243a3.714 3.714 0 0 0-1.232.73L7.98 5.45a5.878 5.878 0 0 1 1.156-.782c.419-.216.864-.371 1.336-.465V3.58c0-.347.121-.642.364-.885s.538-.365.885-.365.642.122.885.365c.244.243.366.538.366.885v.623c1.307.276 2.375.932 3.202 1.969.827 1.036 1.24 2.23 1.24 3.581v5.131Zm-5.694 6.638c-.497 0-.923-.177-1.276-.531a1.743 1.743 0 0 1-.53-1.277h3.616c0 .499-.178.925-.532 1.278-.354.353-.78.53-1.278.53Z\" /></symbol><symbol id=\"ds-notifications\" viewBox=\"0 0 24 24\"><path d=\"M4.25 18.875v-1.5h2v-7.25A5.65 5.65 0 0 1 7.5 6.537C8.333 5.479 9.417 4.8 10.75 4.5V2.55h2.5V4.5c1.333.3 2.417.979 3.25 2.037a5.65 5.65 0 0 1 1.25 3.588v7.25h2v1.5H4.25ZM12 21.8c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 10.2 20h3.6c0 .5-.175.925-.525 1.275-.35.35-.775.525-1.275.525Zm-4.25-4.425h8.5v-7.25c0-1.183-.417-2.188-1.25-3.013-.833-.825-1.833-1.237-3-1.237s-2.167.412-3 1.237c-.833.825-1.25 1.83-1.25 3.013v7.25Z\" /></symbol><symbol id=\"ds-pause\" viewBox=\"0 0 24 24\"><path d=\"M14 18.5v-13h3.75v13H14Zm-7.75 0v-13H10v13H6.25Z\" /></symbol><symbol id=\"ds-person\" viewBox=\"0 0 24 24\"><path d=\"M12 11.7c-.967 0-1.792-.346-2.475-1.038C8.842 9.971 8.5 9.15 8.5 8.2c0-.967.342-1.792 1.025-2.475A3.372 3.372 0 0 1 12 4.7c.967 0 1.792.342 2.475 1.025A3.372 3.372 0 0 1 15.5 8.2c0 .95-.342 1.77-1.025 2.462-.683.692-1.508 1.038-2.475 1.038Zm-7.5 7.6v-2.225c0-.483.133-.933.4-1.35a2.76 2.76 0 0 1 1.075-.975 14.36 14.36 0 0 1 2.988-1.088A13.003 13.003 0 0 1 12 13.3c1.017 0 2.03.12 3.038.362s2.004.605 2.987 1.088c.45.233.808.558 1.075.975.267.417.4.867.4 1.35V19.3h-15ZM6 17.8h12v-.725c0-.2-.058-.383-.175-.55a1.475 1.475 0 0 0-.475-.425 13.99 13.99 0 0 0-2.637-.963 11.064 11.064 0 0 0-5.426 0c-.891.225-1.77.546-2.637.963-.2.117-.358.258-.475.425a.938.938 0 0 0-.175.55v.725Zm6-7.6c.55 0 1.021-.196 1.413-.588.391-.391.587-.862.587-1.412 0-.55-.196-1.021-.587-1.413A1.928 1.928 0 0 0 12 6.2c-.55 0-1.02.196-1.412.587A1.927 1.927 0 0 0 10 8.2c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z\" /></symbol><symbol id=\"ds-play_arrow-filled\" viewBox=\"0 0 24 24\"><path d=\"M8.422 17.687v-12.2l9.575 6.1-9.575 6.1Z\" /></symbol><symbol id=\"ds-play_arrow\" viewBox=\"0 0 24 24\"><path d=\"M8.5 18.1V5.9l9.575 6.1L8.5 18.1Zm1.5-2.75L15.275 12 10 8.65v6.7Z\" /></symbol><symbol id=\"ds-print\" viewBox=\"0 0 24 24\"><path d=\"M16 8.3v-3H8v3H6.5V3.8h11v4.5H16Zm1.8 4a.968.968 0 0 0 .713-.288.967.967 0 0 0 .287-.712.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287.97.97 0 0 0-.713.287.97.97 0 0 0-.287.713c0 .283.096.52.287.712.192.192.43.288.713.288ZM16 19v-4.275H8V19h8Zm1.5 1.5h-11v-4H2.8v-5.7c0-.7.242-1.292.725-1.775C4.008 8.542 4.6 8.3 5.3 8.3h13.4c.717 0 1.313.242 1.788.725.475.483.712 1.075.712 1.775v5.7h-3.7v4Zm2.2-5.5v-4.2a.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287H5.3a.967.967 0 0 0-.712.287.968.968 0 0 0-.288.713V15h2.2v-1.775h11V15h2.2Z\" /></symbol><symbol id=\"ds-priority_high\" viewBox=\"0 0 24 24\"><path d=\"M12 19.925c-.417 0-.77-.146-1.062-.437a1.447 1.447 0 0 1-.438-1.063c0-.417.146-.77.438-1.062A1.444 1.444 0 0 1 12 16.925c.417 0 .77.146 1.062.438.292.291.438.645.438 1.062 0 .417-.146.771-.438 1.063a1.446 1.446 0 0 1-1.062.437Zm-1.375-4.9V3.575h2.75v11.45h-2.75Z\" /></symbol><symbol id=\"ds-push_pin\" viewBox=\"0 0 24 24\"><path d=\"m15.883 12.313 2 2v2h-5v6l-1 1-1-1v-6h-5v-2l2-2v-7h-1v-2h10v2h-1v7Z\" /></symbol><symbol id=\"ds-queue_music\" viewBox=\"0 0 24 24\"><path d=\"M16 19.75a2.654 2.654 0 0 1-1.95-.8 2.654 2.654 0 0 1-.8-1.95c0-.767.267-1.417.8-1.95a2.654 2.654 0 0 1 1.95-.8c.217 0 .429.029.637.087.209.059.413.163.613.313v-8.4h4.5v1.775h-3V17c0 .767-.267 1.417-.8 1.95-.533.533-1.183.8-1.95.8Zm-12.75-4v-1.5h7.5v1.5h-7.5Zm0-4v-1.5h11.5v1.5H3.25Zm0-4v-1.5h11.5v1.5H3.25Z\" /></symbol><symbol id=\"ds-quiz\" viewBox=\"0 0 24 24\"><path d=\"M13.45 15.077a.878.878 0 0 0 .641-.274.878.878 0 0 0 .274-.642.878.878 0 0 0-.274-.64.878.878 0 0 0-.641-.275.878.878 0 0 0-.642.274.878.878 0 0 0-.274.641c0 .245.092.46.274.642a.878.878 0 0 0 .642.274Zm-.596-3.008h1.192c.013-.451.07-.786.174-1.005.103-.218.348-.514.733-.887.462-.442.776-.816.943-1.121.166-.305.25-.66.25-1.064 0-.711-.252-1.298-.754-1.76-.503-.463-1.15-.694-1.942-.694-.62 0-1.164.171-1.634.513-.47.342-.811.8-1.024 1.376l1.08.454c.17-.404.387-.707.652-.909.264-.202.573-.303.926-.303.438 0 .798.127 1.08.38.283.255.424.59.424 1.005 0 .252-.072.49-.215.71-.143.221-.39.494-.743.817-.486.425-.798.784-.936 1.075-.138.29-.207.762-.207 1.413Zm-5.097 5.739c-.505 0-.932-.175-1.282-.525A1.745 1.745 0 0 1 5.95 16V4.615c0-.505.175-.932.525-1.282.35-.35.777-.525 1.282-.525h11.385c.505 0 .933.175 1.283.525.35.35.525.777.525 1.282V16c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H7.757Zm0-1.5h11.385a.294.294 0 0 0 .212-.097.294.294 0 0 0 .096-.211V4.615a.294.294 0 0 0-.096-.211.294.294 0 0 0-.212-.096H7.757a.294.294 0 0 0-.211.096.294.294 0 0 0-.096.211V16c0 .077.032.147.096.211a.294.294 0 0 0 .211.097Zm-3.5 5c-.505 0-.932-.175-1.282-.526A1.745 1.745 0 0 1 2.45 19.5V6.615h1.5V19.5c0 .077.032.147.096.211a.294.294 0 0 0 .211.097h12.885v1.5H4.257Z\" /></symbol><symbol id=\"ds-radio_button_checked\" viewBox=\"0 0 24 24\"><path d=\"M12 16.5c1.25 0 2.313-.437 3.188-1.312S16.5 13.25 16.5 12c0-1.25-.437-2.313-1.312-3.188S13.25 7.5 12 7.5c-1.25 0-2.313.437-3.188 1.312S7.5 10.75 7.5 12c0 1.25.437 2.313 1.312 3.188S10.75 16.5 12 16.5Zm0 5a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013A9.263 9.263 0 0 1 2.5 12c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.288 3.25 9.263 9.263 0 0 1 12 2.5a9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012A9.27 9.27 0 0 1 21.5 12c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025A9.27 9.27 0 0 1 12 21.5Zm0-1.5c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z\" /></symbol><symbol id=\"ds-radio_button_unchecked\" viewBox=\"0 0 24 24\"><path d=\"M12 21.5a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013A9.263 9.263 0 0 1 2.5 12c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.288 3.25 9.263 9.263 0 0 1 12 2.5a9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012A9.27 9.27 0 0 1 21.5 12c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025A9.27 9.27 0 0 1 12 21.5Zm0-1.5c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z\" /></symbol><symbol id=\"ds-redeem\" viewBox=\"0 0 24 24\"><path d=\"M4.259 17.093v2.2h16v-2.2h-16Zm-1.5 3.7V6.818h4.575a1.931 1.931 0 0 1-.187-.475 2.141 2.141 0 0 1-.063-.525c0-.7.242-1.292.725-1.775.483-.483 1.075-.725 1.775-.725.417 0 .804.108 1.163.325.358.217.67.483.937.8l.55.75.575-.75c.25-.333.554-.604.913-.813a2.274 2.274 0 0 1 1.162-.312c.7 0 1.292.242 1.775.725.483.483.725 1.075.725 1.775 0 .183-.017.358-.05.525-.033.167-.1.325-.2.475h4.625v13.975h-19Zm1.5-6.3h16V8.318h-5.775l2.05 2.775-1.2.875-3.1-4.2-3.075 4.2-1.2-.875 2-2.775h-5.7v6.175Zm5.325-7.675a.968.968 0 0 0 .713-.288.967.967 0 0 0 .287-.712.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287.967.967 0 0 0-.712.287.968.968 0 0 0-.288.713c0 .283.096.52.288.712a.965.965 0 0 0 .712.288Zm5.3 0a.968.968 0 0 0 .713-.288.967.967 0 0 0 .287-.712.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287.967.967 0 0 0-.712.287.968.968 0 0 0-.288.713c0 .283.096.52.288.712a.965.965 0 0 0 .712.288Z\" /></symbol><symbol id=\"ds-refresh\" viewBox=\"0 0 24 24\"><path d=\"M12.039 19.5c-2.094 0-3.868-.726-5.32-2.18-1.454-1.452-2.18-3.225-2.18-5.319 0-2.093.726-3.866 2.18-5.32C8.17 5.227 9.944 4.5 12.038 4.5c1.169 0 2.275.26 3.319.78a7.106 7.106 0 0 1 2.604 2.2V4.5h1.5v6.115h-6.116v-1.5h3.95a5.885 5.885 0 0 0-2.192-2.281A5.888 5.888 0 0 0 12.039 6c-1.667 0-3.084.583-4.25 1.75-1.167 1.167-1.75 2.583-1.75 4.25 0 1.667.583 3.083 1.75 4.25 1.166 1.167 2.583 1.75 4.25 1.75a5.862 5.862 0 0 0 3.475-1.1 5.808 5.808 0 0 0 2.175-2.9h1.58c-.454 1.632-1.347 2.957-2.681 3.974-1.334 1.017-2.85 1.526-4.55 1.526Z\" /></symbol><symbol id=\"ds-replay_10\" viewBox=\"0 0 24 24\"><path d=\"M12.489 21.248a8.255 8.255 0 0 1-3.316-.669 8.608 8.608 0 0 1-2.696-1.82 8.607 8.607 0 0 1-1.819-2.695 8.255 8.255 0 0 1-.67-3.316h1.5c0 1.95.68 3.604 2.038 4.963 1.359 1.358 3.013 2.037 4.963 2.037 1.95 0 3.604-.679 4.962-2.037 1.359-1.358 2.038-3.013 2.038-4.963 0-1.95-.68-3.604-2.038-4.962-1.358-1.358-3.012-2.038-4.962-2.038h-.266l1.589 1.589-1.054 1.084L9.335 4.99l3.442-3.433 1.054 1.085-1.608 1.607h.266c1.18 0 2.284.223 3.315.67A8.607 8.607 0 0 1 18.5 6.737a8.608 8.608 0 0 1 1.82 2.696c.446 1.03.669 2.136.669 3.315 0 1.18-.223 2.285-.67 3.316A8.609 8.609 0 0 1 18.5 18.76a8.609 8.609 0 0 1-2.696 1.82 8.255 8.255 0 0 1-3.315.668ZM9.7 15.594v-4.5H8.258V9.902h2.635v5.693H9.7Zm3.385 0a.968.968 0 0 1-.713-.287.967.967 0 0 1-.287-.713v-3.692c0-.283.096-.52.287-.712a.968.968 0 0 1 .713-.288h1.884c.284 0 .521.096.713.288.192.191.287.429.287.712v3.693c0 .283-.095.52-.287.712a.967.967 0 0 1-.713.287h-1.884Zm.308-1.192h1.269c.038 0 .067-.01.086-.029.02-.019.03-.048.03-.086V11.21c0-.039-.01-.067-.03-.087-.019-.019-.048-.028-.086-.028h-1.27c-.038 0-.067.01-.086.028-.02.02-.029.048-.029.087v3.077c0 .038.01.067.029.086.02.02.048.03.087.03Z\" /></symbol><symbol id=\"ds-replay_30\" viewBox=\"0 0 24 24\"><path d=\"M12 21.75a8.255 8.255 0 0 1-3.315-.67 8.605 8.605 0 0 1-2.697-1.818 8.608 8.608 0 0 1-1.819-2.697A8.256 8.256 0 0 1 3.5 13.25H5c0 1.95.68 3.604 2.037 4.962C8.396 19.572 10.05 20.25 12 20.25c1.95 0 3.604-.68 4.962-2.038C18.322 16.854 19 15.2 19 13.25c0-1.95-.68-3.604-2.038-4.963C15.604 6.93 13.95 6.25 12 6.25h-.265l1.588 1.588-1.054 1.085L8.846 5.49l3.443-3.432 1.053 1.084-1.607 1.608H12c1.18 0 2.285.223 3.315.67a8.608 8.608 0 0 1 2.697 1.818 8.605 8.605 0 0 1 1.819 2.697c.446 1.03.669 2.135.669 3.315 0 1.18-.223 2.285-.67 3.315a8.606 8.606 0 0 1-1.818 2.697 8.606 8.606 0 0 1-2.697 1.819A8.255 8.255 0 0 1 12 21.75Zm-4.48-5.654v-1.192h2.691v-1.212H8.423v-.884h1.788v-1.212H7.52v-1.192h3.039c.245 0 .447.08.606.24.16.159.24.361.24.606v4c0 .245-.08.447-.24.607a.822.822 0 0 1-.606.24H7.519Zm6.076 0a.968.968 0 0 1-.712-.287.968.968 0 0 1-.288-.713v-3.692c0-.284.096-.521.288-.713a.968.968 0 0 1 .712-.287h1.885c.283 0 .52.096.712.287.192.192.288.43.288.713v3.692c0 .284-.096.521-.288.713a.968.968 0 0 1-.712.287h-1.885Zm.308-1.192h1.27c.037 0 .066-.01.086-.029.019-.02.029-.048.029-.086V11.71c0-.038-.01-.067-.03-.086-.019-.02-.048-.029-.086-.029h-1.27c-.038 0-.067.01-.086.029-.019.02-.029.048-.029.086v3.078c0 .038.01.067.03.086.018.02.047.029.086.029Z\" /></symbol><symbol id=\"ds-schedule_filled\" viewBox=\"0 0 24 24\"><path d=\"m15.3 16.7 1.4-1.4-3.7-3.7V7h-2v5.4l4.3 4.3ZM12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12c0-1.383.263-2.683.788-3.9a10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2c1.383 0 2.683.263 3.9.788a10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z\" /></symbol><symbol id=\"ds-schedule\" viewBox=\"0 0 24 24\"><path d=\"m15.473 16.527 1.054-1.054-3.777-3.777V7h-1.5v5.304l4.223 4.223ZM12.002 21.5a9.255 9.255 0 0 1-3.705-.748 9.596 9.596 0 0 1-3.018-2.03 9.591 9.591 0 0 1-2.03-3.016 9.245 9.245 0 0 1-.749-3.704c0-1.314.25-2.55.748-3.705a9.597 9.597 0 0 1 2.03-3.017 9.592 9.592 0 0 1 3.016-2.032 9.245 9.245 0 0 1 3.704-.748c1.314 0 2.55.25 3.705.748a9.597 9.597 0 0 1 3.018 2.03 9.592 9.592 0 0 1 2.03 3.016 9.245 9.245 0 0 1 .749 3.704c0 1.314-.25 2.55-.748 3.705a9.597 9.597 0 0 1-2.03 3.018 9.592 9.592 0 0 1-3.016 2.03 9.247 9.247 0 0 1-3.704.749ZM12 20c2.217 0 4.104-.78 5.663-2.337C19.22 16.104 20 14.217 20 12s-.78-4.104-2.337-5.662C16.104 4.779 14.217 4 12 4s-4.104.78-5.663 2.338C4.78 7.896 4 9.783 4 12s.78 4.104 2.337 5.663C7.896 19.22 9.783 20 12 20Z\" /></symbol><symbol id=\"ds-search_off\" viewBox=\"0 0 24 24\"><path d=\"M7 21.3c-1.25 0-2.313-.437-3.188-1.312S2.5 18.05 2.5 16.8c0-1.25.437-2.313 1.312-3.188S5.75 12.3 7 12.3c1.25 0 2.313.437 3.188 1.312S11.5 15.55 11.5 16.8c0 1.25-.437 2.313-1.312 3.188S8.25 21.3 7 21.3Zm13.525-.725-6.35-6.35a1.313 1.313 0 0 1-.312.225 4.785 4.785 0 0 1-.363.175 12.188 12.188 0 0 0-.425-.55 4.53 4.53 0 0 0-.475-.5 4.51 4.51 0 0 0 1.825-1.625c.467-.717.7-1.533.7-2.45 0-1.283-.45-2.375-1.35-3.275-.9-.9-1.992-1.35-3.275-1.35s-2.375.45-3.275 1.35c-.9.9-1.35 1.992-1.35 3.275 0 .15.012.3.037.45.025.15.055.3.088.45a3.797 3.797 0 0 0-.75.137 4.924 4.924 0 0 0-.725.263c-.033-.2-.067-.408-.1-.625a4.436 4.436 0 0 1-.05-.675c0-1.7.596-3.146 1.787-4.338C7.354 3.971 8.8 3.375 10.5 3.375c1.7 0 3.146.596 4.338 1.787C16.029 6.354 16.625 7.8 16.625 9.5c0 .717-.121 1.396-.363 2.037a6.226 6.226 0 0 1-.962 1.713l6.275 6.275-1.05 1.05ZM5.225 19.2 7 17.425 8.75 19.2l.65-.625L7.625 16.8 9.4 15.05l-.625-.625L7 16.175l-1.775-1.75-.625.625 1.775 1.75L4.6 18.575l.625.625Z\" /></symbol><symbol id=\"ds-search\" viewBox=\"0 0 24 24\"><path d=\"m19.73 20.347-6.3-6.275c-.5.417-1.075.742-1.725.975-.65.233-1.317.35-2 .35-1.717 0-3.167-.592-4.35-1.775-1.184-1.184-1.775-2.633-1.775-4.35 0-1.7.591-3.146 1.775-4.338 1.183-1.191 2.633-1.787 4.35-1.787 1.7 0 3.142.592 4.325 1.775 1.183 1.183 1.775 2.633 1.775 4.35 0 .717-.117 1.4-.35 2.05a5.613 5.613 0 0 1-.95 1.7l6.275 6.275-1.05 1.05Zm-10.025-6.45c1.283 0 2.37-.45 3.263-1.35.891-.9 1.337-1.992 1.337-3.275s-.446-2.375-1.337-3.275c-.892-.9-1.98-1.35-3.263-1.35-1.3 0-2.396.45-3.287 1.35-.892.9-1.338 1.992-1.338 3.275s.446 2.375 1.338 3.275c.891.9 1.987 1.35 3.287 1.35Z\" /></symbol><symbol id=\"ds-settings\" viewBox=\"0 0 24 24\"><path d=\"m9.692 21.5-.38-3.046a5.334 5.334 0 0 1-1.579-.896L4.912 18.75l-2.308-4 2.44-1.844a5.062 5.062 0 0 1-.049-.448 6.976 6.976 0 0 1 0-.882c.01-.147.026-.307.05-.482L2.603 9.25l2.308-3.98 2.811 1.182a6.42 6.42 0 0 1 .772-.524 5.1 5.1 0 0 1 .807-.382l.39-3.046h4.616l.38 3.056c.3.109.572.236.815.381.243.146.488.317.735.515l2.85-1.183 2.308 3.981-2.479 1.873c.036.162.056.313.059.453.003.14.005.282.005.424 0 .136-.004.274-.01.415-.006.14-.03.3-.069.481l2.46 1.854-2.308 4-2.816-1.202c-.247.198-.5.372-.757.524a4.576 4.576 0 0 1-.793.372l-.38 3.056H9.692ZM11 20h1.966l.359-2.679c.51-.133.977-.323 1.399-.568.422-.246.83-.561 1.222-.947l2.485 1.044.985-1.7-2.17-1.635c.084-.258.14-.512.17-.761a6.266 6.266 0 0 0 0-1.508 3.9 3.9 0 0 0-.17-.742l2.189-1.654-.985-1.7-2.513 1.06a5.327 5.327 0 0 0-1.203-.949 5.173 5.173 0 0 0-1.418-.582L13 4h-1.985l-.33 2.67a5.22 5.22 0 0 0-1.414.553c-.432.249-.844.57-1.237.962L5.55 7.15l-.984 1.7 2.159 1.61a3.65 3.65 0 0 0-.175.74 6.28 6.28 0 0 0 0 1.575c.033.25.088.497.165.74l-2.15 1.635.985 1.7 2.475-1.05c.38.39.785.709 1.217.958.432.248.91.44 1.433.573L11 20Zm1.011-5c.833 0 1.54-.292 2.125-.876A2.892 2.892 0 0 0 15.011 12c0-.832-.293-1.54-.877-2.124A2.892 2.892 0 0 0 12.012 9c-.843 0-1.553.292-2.132.876A2.905 2.905 0 0 0 9.01 12c0 .832.29 1.54.869 2.124.579.584 1.29.876 2.131.876Z\" /></symbol><symbol id=\"ds-share\" viewBox=\"0 0 24 24\"><path d=\"M18 21.75a2.654 2.654 0 0 1-1.95-.8 2.654 2.654 0 0 1-.8-1.95c0-.117.008-.246.025-.388.017-.141.05-.262.1-.362l-7.4-4.35a3.014 3.014 0 0 1-.9.625A2.59 2.59 0 0 1 6 14.75a2.654 2.654 0 0 1-1.95-.8 2.653 2.653 0 0 1-.8-1.95c0-.767.267-1.417.8-1.95A2.654 2.654 0 0 1 6 9.25c.383 0 .742.075 1.075.225.333.15.633.358.9.625l7.4-4.35c-.05-.1-.083-.221-.1-.363A3.32 3.32 0 0 1 15.25 5c0-.767.267-1.417.8-1.95a2.653 2.653 0 0 1 1.95-.8c.767 0 1.417.267 1.95.8.533.533.8 1.183.8 1.95 0 .767-.267 1.417-.8 1.95-.533.533-1.183.8-1.95.8a2.59 2.59 0 0 1-1.075-.225 3.016 3.016 0 0 1-.9-.625l-7.4 4.35c.05.1.083.217.1.35a3.221 3.221 0 0 1 0 .787c-.017.142-.05.263-.1.363l7.4 4.35c.267-.267.567-.475.9-.625A2.59 2.59 0 0 1 18 16.25c.767 0 1.417.267 1.95.8.533.533.8 1.183.8 1.95 0 .767-.267 1.417-.8 1.95-.533.533-1.183.8-1.95.8Zm0-15.5c.35 0 .646-.121.888-.363.241-.241.362-.537.362-.887s-.12-.646-.362-.888A1.21 1.21 0 0 0 18 3.75c-.35 0-.646.12-.887.362A1.208 1.208 0 0 0 16.75 5c0 .35.121.646.363.887.241.242.537.363.887.363Zm-12 7c.35 0 .646-.121.888-.363.241-.241.362-.537.362-.887s-.12-.646-.362-.887A1.208 1.208 0 0 0 6 10.75c-.35 0-.646.121-.887.363A1.204 1.204 0 0 0 4.75 12c0 .35.121.646.363.887.241.242.537.363.887.363Zm12 7c.35 0 .646-.121.888-.363.241-.241.362-.537.362-.887s-.12-.646-.362-.887A1.208 1.208 0 0 0 18 17.75c-.35 0-.646.121-.887.363a1.204 1.204 0 0 0-.363.887c0 .35.121.646.363.887.241.242.537.363.887.363Z\" /></symbol><symbol id=\"ds-support_agent\" viewBox=\"0 0 24 24\"><path d=\"M10.957 21.094v-1.5h7.625v-7.525c0-.967-.183-1.875-.55-2.725a7.078 7.078 0 0 0-1.5-2.225 7.078 7.078 0 0 0-2.225-1.5 6.806 6.806 0 0 0-2.725-.55c-.966 0-1.875.183-2.725.55a7.077 7.077 0 0 0-2.225 1.5 7.077 7.077 0 0 0-1.5 2.225 6.805 6.805 0 0 0-.55 2.725v5.925h-2.5v-5.225h1l.05-1.275a8.237 8.237 0 0 1 .863-3.175A8.505 8.505 0 0 1 5.882 5.83a8.526 8.526 0 0 1 2.612-1.612 8.365 8.365 0 0 1 3.088-.575 8.46 8.46 0 0 1 3.1.575c.984.383 1.854.92 2.612 1.612a8.685 8.685 0 0 1 1.876 2.475c.492.959.779 2.013.862 3.163l.05 1.3h1v5.225h-1v3.1h-9.125Zm-2.175-6.925a.869.869 0 0 1-.638-.263.839.839 0 0 1-.262-.612.87.87 0 0 1 .262-.638.87.87 0 0 1 .638-.262c.234 0 .438.087.612.262a.869.869 0 0 1 .263.638.837.837 0 0 1-.263.612.837.837 0 0 1-.612.263Zm5.6 0a.837.837 0 0 1-.612-.263.837.837 0 0 1-.263-.612c0-.25.088-.463.263-.638a.838.838 0 0 1 .612-.262.87.87 0 0 1 .638.262.87.87 0 0 1 .262.638.839.839 0 0 1-.262.612.869.869 0 0 1-.638.263Zm-8.425-1.625c-.066-.917.063-1.754.388-2.512.325-.759.758-1.4 1.3-1.926a5.762 5.762 0 0 1 1.862-1.212 5.62 5.62 0 0 1 2.125-.425c1.434 0 2.67.45 3.712 1.35 1.042.9 1.672 2.025 1.888 3.375-1.466 0-2.8-.392-4-1.175-1.2-.783-2.1-1.792-2.7-3.025a7.46 7.46 0 0 1-1.6 3.375 7.376 7.376 0 0 1-2.975 2.175Z\" /></symbol><symbol id=\"ds-system_update\" viewBox=\"0 0 24 24\"><path d=\"M7.308 22.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V3.308c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h9.384c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v17.384c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H7.308ZM7 19.75v.942c0 .077.032.148.096.212a.294.294 0 0 0 .212.096h9.384a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212v-.942H7Zm0-1.5h10V5.75H7v12.5Zm5-2.596L8.346 12 9.4 10.946l1.85 1.82v-4.42h1.5v4.42l1.85-1.82L15.654 12 12 15.654ZM7 4.25h10v-.942a.294.294 0 0 0-.096-.212.294.294 0 0 0-.212-.096H7.308a.294.294 0 0 0-.212.096.294.294 0 0 0-.096.212v.942Z\" /></symbol><symbol id=\"ds-twitter\" viewBox=\"0 0 24 24\"><path d=\"M22 3.999c-.78.463-2.345 1.094-3.265 1.276-.027.007-.049.016-.075.023A4.5 4.5 0 0 0 11 8.499c0 .131-.011.372 0 .5-3.353 0-5.905-1.756-7.735-4-.199.5-.286 1.29-.286 2.032 0 1.401 1.095 2.777 2.8 3.63-.314.081-.66.139-1.02.139A2.686 2.686 0 0 1 3 10.183v.051c0 1.958 2.078 3.291 3.926 3.662-.375.221-1.131.243-1.5.243-.26 0-1.18-.119-1.426-.165.514 1.605 2.368 2.507 4.135 2.539-1.382 1.084-2.341 1.486-5.171 1.486H2C3.788 19.145 6.065 20 8.347 20 15.777 20 20 14.337 20 8.999l-.005-.447c0-.018.005-.035.005-.053 0-.027-.008-.053-.008-.08a18.384 18.384 0 0 0-.009-.329A8.217 8.217 0 0 0 22 5.999a8.07 8.07 0 0 1-2.32.636c.834-.5 2.019-1.692 2.32-2.636Z\" /></symbol><symbol id=\"ds-user_policy\" viewBox=\"0 0 24 24\"><path d=\"M14 13.5h4v-1.2h-4v1.2Zm0 2.7h4V15h-4v1.2Zm.5-8.7h7v14h-19v-14h7v-5h5v5ZM11 9h2V4h-2v5Zm-2 6c.367 0 .683-.129.95-.387.267-.259.4-.58.4-.963 0-.367-.133-.683-.4-.95a1.298 1.298 0 0 0-.95-.4c-.367 0-.683.133-.95.4-.267.267-.4.583-.4.95s.133.683.4.95c.267.267.583.4.95.4Zm-2.85 2.7h5.7v-.275c0-.267-.07-.508-.212-.725a1.386 1.386 0 0 0-.588-.5 4.665 4.665 0 0 0-1-.325 5.342 5.342 0 0 0-1.05-.1c-.367 0-.717.033-1.05.1a4.665 4.665 0 0 0-1 .325 1.38 1.38 0 0 0-.587.5 1.294 1.294 0 0 0-.213.725v.275ZM9.5 9H4v11h16V9h-5.5v1.5h-5V9Z\" /></symbol><symbol id=\"ds-view_list\" viewBox=\"0 0 24 24\"><path d=\"M3.5 18.3V5.55h17V18.3h-17Zm1.5-9h2.25V7.05H5V9.3Zm3.75 0H19V7.05H8.75V9.3Zm0 3.75H19V10.8H8.75v2.25Zm0 3.75H19v-2.25H8.75v2.25ZM5 16.8h2.25v-2.25H5v2.25Zm0-3.75h2.25V10.8H5v2.25Z\" /></symbol><symbol id=\"ds-vip\" viewBox=\"0 0 24 24\"><path d=\"M2.471 19.308v-2.223c0-.531.134-.995.401-1.392a2.767 2.767 0 0 1 1.065-.931c.85-.434 1.747-.784 2.692-1.052.945-.268 2.059-.402 3.342-.402.5 0 .965.02 1.395.06.43.04.832.101 1.205.182l-1.327 1.327a4.01 4.01 0 0 0-.595-.06c-.213-.006-.44-.01-.678-.01-1.183 0-2.22.133-3.11.397-.89.264-1.636.563-2.236.896-.227.122-.393.264-.497.427a1.01 1.01 0 0 0-.157.558v.723h6.058l1.5 1.5H2.47Zm12.954.746-3.104-3.104 1.054-1.054 2.05 2.05 5.05-5.05 1.054 1.054-6.104 6.104Zm-5.454-8.362c-.962 0-1.786-.342-2.472-1.028-.685-.685-1.028-1.51-1.028-2.472S6.814 6.406 7.5 5.72c.686-.685 1.51-1.028 2.472-1.028.963 0 1.787.343 2.472 1.028.685.686 1.028 1.51 1.028 2.472 0 .963-.343 1.787-1.028 2.472-.685.686-1.51 1.028-2.472 1.028Zm0-1.5c.55 0 1.021-.196 1.413-.587.391-.392.587-.863.587-1.413s-.196-1.02-.587-1.412a1.926 1.926 0 0 0-1.413-.588c-.55 0-1.02.196-1.412.588a1.926 1.926 0 0 0-.588 1.412c0 .55.196 1.021.588 1.413.391.391.862.587 1.412.587Z\" /></symbol><symbol id=\"ds-visibility_off\" viewBox=\"0 0 24 24\"><path d=\"m16.087 13.158-1.125-1.125c.15-.833-.087-1.579-.712-2.237-.625-.658-1.388-.913-2.288-.763l-1.125-1.125c.234-.1.467-.175.7-.225.234-.05.492-.075.775-.075 1.134 0 2.096.396 2.887 1.188.792.792 1.188 1.754 1.188 2.887 0 .284-.025.546-.075.787-.05.242-.125.472-.225.688Zm3.175 3.1-1.1-1.025a10.952 10.952 0 0 0 1.688-1.588 8.895 8.895 0 0 0 1.262-1.962C20.28 10 19.083 8.663 17.524 7.67c-1.558-.991-3.295-1.487-5.212-1.487-.483 0-.958.034-1.425.1a9.622 9.622 0 0 0-1.375.3L8.337 5.408c.634-.25 1.28-.433 1.938-.55a11.648 11.648 0 0 1 2.037-.175c2.35 0 4.467.646 6.35 1.938 1.884 1.292 3.25 2.979 4.1 5.062-.366.9-.841 1.738-1.425 2.512a10.348 10.348 0 0 1-2.075 2.063Zm.8 5.8-4.025-4.025c-.516.2-1.087.359-1.712.475-.625.117-1.296.175-2.013.175-2.35 0-4.462-.646-6.338-1.938-1.874-1.291-3.245-2.978-4.112-5.062a11.1 11.1 0 0 1 1.425-2.475 10.84 10.84 0 0 1 1.925-1.975l-2.775-2.8 1.05-1.075 17.65 17.65-1.075 1.05ZM6.262 8.283a10.06 10.06 0 0 0-1.537 1.513 8.948 8.948 0 0 0-1.213 1.887c.834 1.684 2.03 3.021 3.587 4.012 1.559.992 3.297 1.488 5.213 1.488.45 0 .9-.037 1.35-.113.45-.074.834-.153 1.15-.237l-1.25-1.3a3.877 3.877 0 0 1-1.25.225c-1.133 0-2.095-.396-2.887-1.188-.792-.791-1.188-1.753-1.188-2.887 0-.2.021-.412.063-.638.042-.224.096-.428.162-.612l-2.2-2.15Z\" /></symbol><symbol id=\"ds-visibility\" viewBox=\"0 0 24 24\"><path d=\"M12 15.575c1.133 0 2.096-.396 2.887-1.188.792-.791 1.188-1.754 1.188-2.887s-.396-2.096-1.188-2.887c-.791-.792-1.754-1.188-2.887-1.188s-2.096.396-2.887 1.188c-.792.791-1.188 1.754-1.188 2.887s.396 2.096 1.188 2.887c.791.792 1.754 1.188 2.887 1.188Zm0-1.375c-.75 0-1.387-.263-1.912-.788A2.602 2.602 0 0 1 9.3 11.5c0-.75.263-1.388.788-1.913A2.603 2.603 0 0 1 12 8.8c.75 0 1.388.262 1.913.787.525.525.787 1.163.787 1.913s-.262 1.387-.787 1.912A2.605 2.605 0 0 1 12 14.2Zm0 4.3c-2.3 0-4.396-.633-6.287-1.9-1.892-1.267-3.28-2.967-4.163-5.1.883-2.133 2.271-3.833 4.163-5.1C7.604 5.133 9.7 4.5 12 4.5s4.396.633 6.288 1.9c1.891 1.267 3.279 2.967 4.162 5.1-.883 2.133-2.27 3.833-4.162 5.1-1.892 1.267-3.988 1.9-6.288 1.9Zm0-1.5a9.545 9.545 0 0 0 5.188-1.488A9.77 9.77 0 0 0 20.8 11.5a9.777 9.777 0 0 0-3.612-4.013A9.55 9.55 0 0 0 12 6a9.55 9.55 0 0 0-5.188 1.487A9.777 9.777 0 0 0 3.2 11.5a9.77 9.77 0 0 0 3.612 4.012A9.545 9.545 0 0 0 12 17Z\" /></symbol><symbol id=\"ds-volume_off\" viewBox=\"0 0 24 24\"><path d=\"m19.475 22.15-3.025-3.025a7.332 7.332 0 0 1-2.275.975v-1.55c.217-.067.425-.142.625-.225.2-.083.392-.175.575-.275l-3.575-3.6v4.35l-4.3-4.3H3.8v-5h3.025L2 4.65 3.05 3.6l17.475 17.475-1.05 1.075Zm-.5-5.425L17.9 15.65c.35-.533.617-1.113.8-1.738.183-.625.275-1.27.275-1.937 0-1.517-.442-2.88-1.325-4.088A6.675 6.675 0 0 0 14.175 5.4V3.85c1.867.5 3.383 1.5 4.55 3 1.167 1.5 1.75 3.208 1.75 5.125 0 .883-.129 1.725-.387 2.525a8.2 8.2 0 0 1-1.113 2.225Zm-3.05-3.05-1.75-1.75V8.3a3.94 3.94 0 0 1 1.563 1.55c.375.667.562 1.383.562 2.15 0 .3-.033.587-.1.862a4.908 4.908 0 0 1-.275.813ZM11.8 9.525l-2.175-2.15L11.8 5.2v4.325Zm-1.5 5.625v-2.2L8.325 11H5.3v2h2.85l2.15 2.15Z\" /></symbol><symbol id=\"ds-volume_up\" viewBox=\"0 0 24 24\"><path d=\"M14.05 20.1v-1.55a6.673 6.673 0 0 0 3.475-2.488c.883-1.208 1.325-2.57 1.325-4.087s-.442-2.88-1.325-4.088A6.675 6.675 0 0 0 14.05 5.4V3.85c1.85.5 3.362 1.5 4.537 3 1.175 1.5 1.763 3.208 1.763 5.125 0 1.917-.588 3.625-1.763 5.125-1.175 1.5-2.687 2.5-4.537 3Zm-10.4-5.6v-5h3.725l4.275-4.3v13.6l-4.275-4.3H3.65Zm10.4 1.15V8.3a3.854 3.854 0 0 1 1.55 1.55 4.39 4.39 0 0 1 .55 2.15c0 .767-.183 1.475-.55 2.125a3.899 3.899 0 0 1-1.55 1.525Zm-3.9-6.8L8 11H5.15v2H8l2.15 2.15v-6.3Z\" /></symbol><symbol id=\"ds-wifi_off\" viewBox=\"0 0 24 24\"><path d=\"M21.9 11.1a14.116 14.116 0 0 0-4.462-3.013C15.746 7.362 13.933 7 12 7c-.35 0-.692.012-1.025.037A12.16 12.16 0 0 0 10 7.15L8.075 5.225c.6-.15 1.221-.263 1.863-.338A17.865 17.865 0 0 1 12 4.775c2.25 0 4.354.42 6.312 1.262A16.286 16.286 0 0 1 23.45 9.5l-1.55 1.6Zm-4 3.95-4-4c.967.133 1.908.43 2.825.888A9.185 9.185 0 0 1 19.2 13.75l-1.3 1.3Zm1.925 6.925-8.85-8.875c-.9.1-1.75.346-2.55.737-.8.392-1.492.896-2.075 1.513l-1.55-1.6a9.746 9.746 0 0 1 1.988-1.525 9.293 9.293 0 0 1 2.362-.975L6.175 8.3c-.717.317-1.429.717-2.137 1.2A13.447 13.447 0 0 0 2.1 11.1L.55 9.5c.6-.6 1.238-1.142 1.913-1.625.675-.483 1.362-.9 2.062-1.25l-2.2-2.2 1.05-1.05 17.55 17.55-1.1 1.05ZM12 21l-2.975-3c.383-.383.83-.683 1.338-.9A4.128 4.128 0 0 1 12 16.775c.583 0 1.129.108 1.637.325.509.217.955.517 1.338.9L12 21Z\" /></symbol><symbol id=\"ds-x\" viewBox=\"0 0 24 24\"><path d=\"M13.903 10.469 21.348 2h-1.764l-6.465 7.353L7.955 2H2l7.808 11.12L2 22h1.764l6.828-7.765L16.044 22H22l-8.098-11.531Zm-2.417 2.748-.791-1.107L4.4 3.3h2.71l5.08 7.11.791 1.107 6.604 9.242h-2.71l-5.389-7.541Z\" /></symbol><symbol id=\"ds-quiz-mask\" viewBox=\"0 0 596 335\"><style>{\".noop-so-svgo-keeps-clippath{fill:none}\"}</style><clipPath id=\"quiz-mask\" clipPathUnits=\"objectBoundingBox\"><path d=\"M.537.968C.582.974.621.921.632.847.646.936.694.998.747.99.774.986.798.964.816.933.832.96.853.978.876.98.926.986.97.92.975.831.992.547 1 .371 1 .229 1 .142.96.073.911.067.871.063.834.103.817.164.808.064.757-.008.699 0 .669.005.643.031.625.069A.078.078 0 0 0 .577.037C.547.033.52.056.502.093.491.046.466.01.436.002.39-.01.347.047.341.129L.34.141C.33.09.304.051.272.045.241.04.212.066.196.109.184.055.155.016.121.011.07.004.027.072.024.162a9.848 9.848 0 0 1-.023.539C-.005.79.032.87.082.877.106.881.128.867.145.843.14.921.173.991.217.999.255 1 .289.964.301.902c.013.034.033.059.058.065C.405.978.448.921.454.839L.455.83c.006.073.039.132.082.138\" /></clipPath></symbol></svg>;\nexport default SvgSprite;", "import { formatClassString } from \"../../helpers/formatClassString\";\nimport type { DsIcon } from '@bonniernews/dn-design-system-web/types-lib/ds-icon.d.ts';\nimport type { SharedProps } from \"@bonniernews/dn-design-system-web/assets/types/shared-props.ts\";\n\nimport SpriteFile from '../../foundations/icons/sprite.svg';\n\nexport interface IconProps extends SharedProps{\n iconName: DsIcon;\n}\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/../web/src/components/icon](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/icon-sprite)\n * - Storybook: [icon](https://designsystem.dn.se/?path=/docs/foundations-icons--docs)\n *\n * The IconUse component is used to render a specific icon from the sprite, but mostly we will use the IconWithWrapper component.\n * The IconSprite component is only used to export the sprite file.\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/icon/icon.scss'`\n */\nexport const IconUse = ({ iconName, classNames, attributes }: IconProps) => {\n const componentClassName = 'ds-icon';\n\n const classes = formatClassString([\n componentClassName,\n `${componentClassName}--sprite`,\n `${componentClassName}--${iconName}`,\n classNames,\n ])\n\n return (\n <i className={classes} { ...attributes }>\n <svg><use xlinkHref={`#ds-${ iconName }`}></use></svg>\n </i>\n );\n};\n\n// @ts-ignore\nexport const IconSprite = () => <SpriteFile />\n", "import type { SharedProps } from \"@bonniernews/dn-design-system-web/assets/types/shared-props.ts\";\nimport { formatClassString } from '@bonniernews/dn-design-system-web/helpers/formatClassString.ts'\n\ninterface TeaserDotProps extends SharedProps {\n flashing?: boolean;\n forcePx?: boolean;\n}\n/**\n * - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-dot](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-dot)\n * - Storybook: [TeaserDot](https://designsystem.dn.se/?path=/docs/section-teaser-dot--docs)\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/teaser-dot/teaser-dot.scss'`\n *\n *\n * You can override size of the dot:\n * ```\n * .ds-teaser-dot {\n * // use css variable to optionally override size\n * --ds-teaser-dot-size: 10px;\n * }```\n */\n\nexport const TeaserDot = ({\n flashing,\n forcePx,\n classNames,\n attributes = {},\n}: TeaserDotProps) => {\n\n const classes = formatClassString([\n 'ds-teaser-dot',\n flashing && 'ds-teaser-dot--flashing',\n forcePx && 'ds-force-px',\n classNames,\n ])\n\n return (\n <span className={classes} {...attributes}></span>\n )\n}\n", "import { ComponentChildren } from \"preact\";\nimport { IconUse } from \"@bonniernews/dn-design-system-web/components/icon-sprite/icon-sprite.tsx\";\nimport { TeaserDot } from \"../components/teaser-dot/teaser-dot\";\nimport type { TeaserProps } from \"@bonniernews/dn-design-system-web/assets/types/teaser-props.ts\";\nimport { formatClassString } from \"./formatClassString\";\n\ninterface MediaProps extends Pick<TeaserProps, 'media' | 'isSquareImage'> {\n rounded?: boolean;\n}\n\nexport const Media = ({ media, rounded, isSquareImage }: MediaProps) => {\n const classNames = formatClassString([\n 'ds-teaser__media',\n rounded && 'ds-teaser__media--rounded',\n isSquareImage && 'ds-teaser__media--square-image'\n ]);\n\n return media ? (<div className={classNames} >{media}</div>) : (null)\n}\n\ninterface ContentProps extends Pick<TeaserProps, 'bylinePicture'> {\n children: ComponentChildren;\n bylinePicture?: ComponentChildren;\n}\n\nexport const Content = ({ children, bylinePicture }: ContentProps) => {\n return (<div className=\"ds-teaser__content\">\n <div className=\"ds-teaser__content-inner\">\n {children}\n </div>\n {bylinePicture && (\n <div className=\"ds-teaser__byline\">\n { bylinePicture }\n </div>\n )}\n </div>)\n}\n\ninterface TitleProps extends Pick<TeaserProps, 'title' | 'highlight' | 'isItalicHeadline'> {}\n\nexport const Title = ({ title, highlight, isItalicHeadline }: TitleProps) => {\n return title ? (\n <h2 className={`ds-teaser__title ${isItalicHeadline ? 'ds-teaser__title--italic' : ''}`}>\n {highlight && <span className=\"ds-teaser__highlight\">{highlight} {' '}</span>}\n {title}\n </h2>\n ) : null\n}\n\ninterface BodyProps extends Pick<TeaserProps, 'sticker' | 'text' | 'isFlashingDot' > {}\n\nexport const Body = ({ text, sticker, isFlashingDot }: BodyProps) => {\n return text ? (\n <p className=\"ds-teaser__text\">\n {sticker && (\n <>\n <TeaserDot flashing={isFlashingDot} />\n <span className=\"ds-teaser__sticker\"> {sticker} </span>\n </>\n )}\n {text}\n </p>\n ) : null\n}\n\ninterface VignetteProps extends Pick<TeaserProps, 'vignette' | 'variant' > {}\n\nexport const Vignette = ({ vignette, variant }: VignetteProps) => {\n return vignette ? (\n <div className=\"ds-teaser__vignette\">\n {variant === 'podcast' && (<IconUse iconName=\"headphones\" />)}\n {vignette}\n </div>\n ) : null;\n}\n", "import type { SharedProps } from \"@bonniernews/dn-design-system-web/assets/types/shared-props.ts\";\nimport { formatClassString } from \"@bonniernews/dn-design-system-web/helpers/formatClassString.ts\";\nimport { TeaserCard } from \"@bonniernews/dn-design-system-web/components/teaser-card/teaser-card.tsx\";\nimport { Title, Media, Vignette, Body } from \"@bonniernews/dn-design-system-web/helpers/teaser.tsx\";\nimport type { TeaserProps } from \"@bonniernews/dn-design-system-web/assets/types/teaser-props.ts\";\n\ninterface TeaserTextOnImageProps extends SharedProps,\nPick<TeaserProps, 'areaType' | 'targetLink' | 'title' | 'vignette' | 'text' | 'media' | 'isItalicHeadline' > {}\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-text-on-image](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-text-on-image)\n * - Storybook: [TeaserTextOnImage](https://designsystem.dn.se/?path=/docs/section-teasertextonimage--docs)\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/teaser-text-on-image)/teaser-text-on-image.scss'`\n */\n\nexport const TeaserTextOnImage = ({ title, targetLink, vignette, text, isItalicHeadline, media, classNames, attributes, areaType }: TeaserTextOnImageProps) => {\n const classes = formatClassString([\n 'ds-teaser--text-on-image',\n classNames,\n ])\n\n return (\n <TeaserCard {...{ targetLink, areaType, attributes, classNames: classes }}>\n <div className=\"ds-teaser__content\">\n <Media { ...{ media }} />\n <div className=\"ds-teaser__text-content\">\n <Vignette {...{ vignette }} />\n <Title {...{ title, isItalicHeadline }} />\n <Body { ...{ text, areaType }} />\n </div>\n </div>\n </TeaserCard>\n );\n};\n"],
|
|
5
|
+
"mappings": ";AAAO,IAAM,oBAAoB,CAAC,iBAAqD;AACrF,SAAO,aAAa,OAAO,OAAK,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG;AAC/C;;;AC8BM;AAbC,IAAM,aAAa,CAAC,EAAE,UAAU,YAAY,QAAQ,WAAW,YAAY,YAAY,SAAS,MAAwB;AAC7H,QAAM,qBAAqB;AAE3B,QAAM,UAAU,kBAAkB;AAAA,IAChC;AAAA,IACA,YAAY,GAAG,kBAAkB,KAAK,QAAQ;AAAA,IAC9C,YAAY,WAAW;AAAA,IACvB,aAAa,KAAK;AAAA,IAClB;AAAA,EACF,CAAC;AAED,MAAI,YAAY;AACd,WACE,oBAAC,OAAE,WAAW,SAAS,MAAM,YAAc,GAAG,YAC1C,UACJ;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,WAAW,SAAS,GAAG,YACxB,UACJ;AAEJ;;;AC3CA,SAAS,SAAS;AAKJ,gBAAAA,MAA+osD,YAA/osD;;;AC2BL,gBAAAC,YAAA;AAZF,IAAM,UAAU,CAAC,EAAE,UAAU,YAAY,WAAW,MAAiB;AAC1E,QAAM,qBAAqB;AAE3B,QAAM,UAAU,kBAAkB;AAAA,IAChC;AAAA,IACA,GAAG,kBAAkB;AAAA,IACrB,GAAG,kBAAkB,KAAK,QAAQ;AAAA,IAClC;AAAA,EACF,CAAC;AAED,SACA,gBAAAA,KAAC,OAAE,WAAW,SAAW,GAAG,YAC1B,0BAAAA,KAAC,SAAI,0BAAAA,KAAC,SAAI,WAAW,OAAQ,QAAS,IAAI,GAAM,GAClD;AAEF;;;ACGE,gBAAAC,YAAA;AAfK,IAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa,CAAC;AAChB,MAAsB;AAEpB,QAAM,UAAU,kBAAkB;AAAA,IAChC;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX;AAAA,EACF,CAAC;AAED,SACA,gBAAAA,KAAC,UAAK,WAAW,SAAU,GAAG,YAAY;AAE5C;;;ACvBkB,SAsCV,UAtCU,OAAAC,MASR,QAAAC,aATQ;AAPX,IAAM,QAAQ,CAAC,EAAE,OAAO,SAAU,cAAc,MAAkB;AACvE,QAAM,aAAa,kBAAkB;AAAA,IACnC;AAAA,IACA,WAAW;AAAA,IACX,iBAAiB;AAAA,EACnB,CAAC;AAED,SAAO,QAAS,gBAAAD,KAAC,SAAI,WAAW,YAAc,iBAAM,IAAW;AACjE;AAsBO,IAAM,QAAQ,CAAC,EAAE,OAAO,WAAW,iBAAiB,MAAkB;AAC3E,SAAO,QACL,gBAAAE,MAAC,QAAG,WAAW,oBAAoB,mBAAmB,6BAA6B,EAAE,IAClF;AAAA,iBAAa,gBAAAA,MAAC,UAAK,WAAU,wBAAwB;AAAA;AAAA,MAAU;AAAA,MAAE;AAAA,OAAI;AAAA,IACrE;AAAA,KACH,IACE;AACN;AAIO,IAAM,OAAO,CAAC,EAAE,MAAM,SAAS,cAAc,MAAiB;AACnE,SAAO,OACL,gBAAAA,MAAC,OAAE,WAAU,mBACV;AAAA,eACC,gBAAAA,MAAA,YACE;AAAA,sBAAAC,KAAC,aAAU,UAAU,eAAe;AAAA,MACpC,gBAAAD,MAAC,UAAK,WAAU,sBAAqB;AAAA;AAAA,QAAE;AAAA,QAAQ;AAAA,SAAC;AAAA,OAClD;AAAA,IAED;AAAA,KACH,IACE;AACN;AAIO,IAAM,WAAW,CAAC,EAAE,UAAU,QAAQ,MAAqB;AAChE,SAAO,WACL,gBAAAA,MAAC,SAAI,WAAU,uBACZ;AAAA,gBAAY,aAAc,gBAAAC,KAAC,WAAQ,UAAS,cAAa;AAAA,IACzD;AAAA,KACH,IACE;AACN;;;AChDQ,gBAAAC,MACA,QAAAC,aADA;AATD,IAAM,oBAAoB,CAAC,EAAE,OAAO,YAAY,UAAU,MAAM,kBAAkB,OAAO,YAAY,YAAY,SAAS,MAA8B;AAC7J,QAAM,UAAU,kBAAkB;AAAA,IAChC;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,gBAAAD,KAAC,cAAY,GAAG,EAAE,YAAY,UAAU,YAAY,YAAY,QAAQ,GACtE,0BAAAC,MAAC,SAAI,WAAU,sBACb;AAAA,oBAAAD,KAAC,SAAQ,GAAG,EAAE,MAAM,GAAI;AAAA,IACxB,gBAAAC,MAAC,SAAI,WAAU,2BACb;AAAA,sBAAAD,KAAC,YAAU,GAAG,EAAE,SAAS,GAAG;AAAA,MAC5B,gBAAAA,KAAC,SAAO,GAAG,EAAE,OAAO,iBAAiB,GAAG;AAAA,MACxC,gBAAAA,KAAC,QAAO,GAAG,EAAE,MAAM,SAAS,GAAG;AAAA,OACjC;AAAA,KACF,GACF;AAEJ;",
|
|
6
|
+
"names": ["jsx", "jsx", "jsx", "jsx", "jsxs", "jsxs", "jsx", "jsx", "jsxs"]
|
|
7
|
+
}
|
|
File without changes
|