@salutejs-ds/sdds_sbcom 0.1.6 → 0.1.8
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/components/Button/Button.config.d.ts +2 -2
- package/components/Button/Button.config.js +5 -5
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.config_ncdo62.css +10 -0
- package/components/Button/Button.css +9 -9
- package/components/Button/Button.d.ts +2 -2
- package/components/Checkbox/Checkbox.config.d.ts +1 -1
- package/components/Checkbox/Checkbox.config.js +4 -4
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.config_ufkiou.css +6 -0
- package/components/Checkbox/Checkbox.css +6 -6
- package/components/Checkbox/Checkbox.d.ts +1 -1
- package/components/Counter/Counter.config.d.ts +23 -0
- package/components/Counter/Counter.config.js +31 -0
- package/components/Counter/Counter.config.js.map +1 -0
- package/components/Counter/Counter.config_8qholw.css +11 -0
- package/components/Counter/Counter.css +11 -0
- package/components/Counter/Counter.d.ts +19 -0
- package/components/Counter/Counter.js +17 -0
- package/components/Counter/Counter.js.map +1 -0
- package/components/Counter/index.d.ts +1 -0
- package/components/IconButton/IconButton.config.d.ts +3 -3
- package/components/IconButton/IconButton.config.js +7 -7
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.config_10yvwxd.css +9 -0
- package/components/IconButton/IconButton.css +8 -8
- package/components/IconButton/IconButton.d.ts +3 -3
- package/components/Link/Link.config.d.ts +3 -3
- package/components/Link/Link.config.js +7 -7
- package/components/Link/Link.config.js.map +1 -1
- package/components/Link/Link.config_uq3jfz.css +8 -0
- package/components/Link/Link.css +8 -8
- package/components/Link/Link.d.ts +3 -3
- package/components/Radiobox/Radiobox.config.d.ts +1 -1
- package/components/Radiobox/Radiobox.config.js +4 -4
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.config_16u8jc7.css +6 -0
- package/components/Radiobox/Radiobox.css +6 -6
- package/components/Radiobox/Radiobox.d.ts +1 -1
- package/css/sdds_sbcom.module.css +1865 -1762
- package/css/sdds_sbcom__dark.css +1084 -957
- package/css/sdds_sbcom__light.css +1083 -963
- package/es/components/Button/Button.config.js +5 -5
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.config_ncdo62.css +10 -0
- package/es/components/Button/Button.css +9 -9
- package/es/components/Checkbox/Checkbox.config.js +4 -4
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config_ufkiou.css +6 -0
- package/es/components/Checkbox/Checkbox.css +6 -6
- package/es/components/Counter/Counter.config.js +27 -0
- package/es/components/Counter/Counter.config.js.map +1 -0
- package/es/components/Counter/Counter.config_8qholw.css +11 -0
- package/es/components/Counter/Counter.css +11 -0
- package/es/components/Counter/Counter.js +13 -0
- package/es/components/Counter/Counter.js.map +1 -0
- package/es/components/IconButton/IconButton.config.js +7 -7
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.config_10yvwxd.css +9 -0
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Link/Link.config.js +7 -7
- package/es/components/Link/Link.config.js.map +1 -1
- package/es/components/Link/Link.config_uq3jfz.css +8 -0
- package/es/components/Link/Link.css +8 -8
- package/es/components/Radiobox/Radiobox.config.js +4 -4
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config_16u8jc7.css +6 -0
- package/es/components/Radiobox/Radiobox.css +6 -6
- package/es/index.css +55 -43
- package/es/index.js +2 -1
- package/es/index.js.map +1 -1
- package/es/theme/themes/sdds_sbcom__dark.js +1 -1
- package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/es/theme/themes/sdds_sbcom__light.js +1 -1
- package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/es/theme/tokens/index.js +1878 -1809
- package/es/theme/tokens/index.js.map +1 -1
- package/index.css +55 -43
- package/index.d.ts +1 -0
- package/index.js +415 -418
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/styled-components/cjs/Button/Button.config.js +8 -8
- package/styled-components/cjs/Checkbox/Checkbox.config.js +6 -6
- package/styled-components/cjs/Counter/Counter.config.js +32 -0
- package/styled-components/cjs/Counter/Counter.js +15 -0
- package/styled-components/cjs/Counter/index.js +12 -0
- package/styled-components/cjs/IconButton/IconButton.config.js +8 -8
- package/styled-components/cjs/Link/Link.config.js +7 -7
- package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
- package/styled-components/es/Button/Button.config.js +8 -8
- package/styled-components/es/Checkbox/Checkbox.config.js +6 -6
- package/styled-components/es/Counter/Counter.config.js +26 -0
- package/styled-components/es/Counter/Counter.js +9 -0
- package/styled-components/es/Counter/index.js +1 -0
- package/styled-components/es/IconButton/IconButton.config.js +8 -8
- package/styled-components/es/Link/Link.config.js +7 -7
- package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
- package/theme/themes/sdds_sbcom__dark.js +1 -1
- package/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/theme/themes/sdds_sbcom__light.js +1 -1
- package/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/theme/tokens/index.d.ts +1626 -1552
- package/theme/tokens/index.js +2290 -2226
- package/theme/tokens/index.js.map +1 -1
- package/components/Button/Button.config_1ccu9cu.css +0 -10
- package/components/Checkbox/Checkbox.config_1rh5bl.css +0 -6
- package/components/IconButton/IconButton.config_cfiy79.css +0 -9
- package/components/Link/Link.config_xhilcr.css +0 -8
- package/components/Radiobox/Radiobox.config_hk6a3j.css +0 -6
- package/es/components/Button/Button.config_1ccu9cu.css +0 -10
- package/es/components/Checkbox/Checkbox.config_1rh5bl.css +0 -6
- package/es/components/IconButton/IconButton.config_cfiy79.css +0 -9
- package/es/components/Link/Link.config_xhilcr.css +0 -8
- package/es/components/Radiobox/Radiobox.config_hk6a3j.css +0 -6
|
@@ -9,18 +9,18 @@ export var config = {
|
|
|
9
9
|
},
|
|
10
10
|
variations: {
|
|
11
11
|
view: {
|
|
12
|
-
accent: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
accent: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-accent-active);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--on-dark-text-primary-active);\n "])), iconButtonTokens.iconButtonSpinnerColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonColorActive),
|
|
13
|
+
secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-primary-active);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n "])), iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonBackgroundColorActive, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonSpinnerColor),
|
|
14
|
+
"default": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary-hover);\n ", ": var(--inverse-text-primary-active);\n ", ": var(--surface-solid-default);\n ", ": var(--surface-solid-default-active);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-primary);\n "])), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonBackgroundColorActive, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonSpinnerColor)
|
|
15
15
|
},
|
|
16
16
|
size: {
|
|
17
|
-
l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ":
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-l);\n ", ": 3.5rem;\n ", ": 3.5rem;\n ", ": 1rem;\n ", ": 1.375rem;\n "])), iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonSpinnerSize),
|
|
18
|
+
xl: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n ", ": var(--border-radius-l);\n ", ": 4rem;\n ", ": 4rem;\n ", ": 1.5rem;\n "])), iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonSpinnerSize),
|
|
19
|
+
m: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.375rem;\n ", ": 0.75rem;\n ", ": var(--border-radius-m);\n ", ": 3rem;\n ", ": 3rem;\n "])), iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonHeight)
|
|
20
20
|
},
|
|
21
21
|
shape: {
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
pilled: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--border-radius-circle);\n "])), iconButtonTokens.iconButtonRadius),
|
|
23
|
+
rounded: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
invariants: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--text-accent);\n "])), iconButtonTokens.iconButtonDisabledOpacity, iconButtonTokens.iconButtonFocusColor)
|
|
@@ -8,16 +8,16 @@ export var config = {
|
|
|
8
8
|
},
|
|
9
9
|
variations: {
|
|
10
10
|
view: {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.0625rem;\n ", ": inherit;\n ", ": inherit;\n "])), linkTokens.linkUnderlineBorder, linkTokens.linkColor, linkTokens.linkColorVisited),
|
|
12
|
+
"default": /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-primary-hover);\n ", ": var(--text-primary-active);\n ", ": 0rem;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary-hover);\n "])), linkTokens.linkColor, linkTokens.linkColorHover, linkTokens.linkColorActive, linkTokens.linkUnderlineBorder, linkTokens.linkColorVisited, linkTokens.linkColorVisitedActive, linkTokens.linkColorVisitedHover),
|
|
13
|
+
secondary: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary-hover);\n ", ": var(--text-tertiary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": 0rem;\n "])), linkTokens.linkColorVisited, linkTokens.linkColorVisitedHover, linkTokens.linkColorVisitedActive, linkTokens.linkColor, linkTokens.linkColorHover, linkTokens.linkColorActive, linkTokens.linkUnderlineBorder),
|
|
14
|
+
accent: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent-minor);\n ", ": var(--text-accent-minor-active);\n ", ": var(--text-accent-minor-hover);\n ", ": var(--text-accent);\n ", ": var(--text-accent-hover);\n ", ": var(--text-accent-active);\n ", ": 0rem;\n "])), linkTokens.linkColorVisited, linkTokens.linkColorVisitedActive, linkTokens.linkColorVisitedHover, linkTokens.linkColor, linkTokens.linkColorHover, linkTokens.linkColorActive, linkTokens.linkUnderlineBorder)
|
|
15
15
|
},
|
|
16
16
|
size: {
|
|
17
17
|
m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), linkTokens.linkFontFamily, linkTokens.linkFontSize, linkTokens.linkFontStyle, linkTokens.linkFontWeight, linkTokens.linkLetterSpacing, linkTokens.linkLineHeight),
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
s: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), linkTokens.linkFontFamily, linkTokens.linkFontSize, linkTokens.linkFontStyle, linkTokens.linkFontWeight, linkTokens.linkLetterSpacing, linkTokens.linkLineHeight),
|
|
19
|
+
l: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), linkTokens.linkFontFamily, linkTokens.linkFontSize, linkTokens.linkFontStyle, linkTokens.linkFontWeight, linkTokens.linkLetterSpacing, linkTokens.linkLineHeight)
|
|
20
20
|
}
|
|
21
21
|
},
|
|
22
|
-
invariants: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ":
|
|
22
|
+
invariants: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": 0.4;\n "])), linkTokens.linkColorFocus, linkTokens.linkDisabledOpacity)
|
|
23
23
|
};
|
|
@@ -8,13 +8,13 @@ export var config = {
|
|
|
8
8
|
},
|
|
9
9
|
variations: {
|
|
10
10
|
view: {
|
|
11
|
-
accent: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ":
|
|
12
|
-
negative: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-
|
|
11
|
+
accent: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-accent);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n "])), radioboxTokens.ellipseColor, radioboxTokens.fillColor, radioboxTokens.triggerBorderCheckedColor, radioboxTokens.descriptionColor, radioboxTokens.labelColor, radioboxTokens.triggerBorderColor, radioboxTokens.triggerBackgroundColor),
|
|
12
|
+
negative: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-negative);\n "])), radioboxTokens.fillColor, radioboxTokens.triggerBorderCheckedColor, radioboxTokens.labelColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor)
|
|
13
13
|
},
|
|
14
14
|
size: {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": 0.0625rem;\n ", ": 1rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 0.0625rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n ", ": var(--border-radius-xl);\n ", ": 0rem;\n "])), radioboxTokens.ellipseSize, radioboxTokens.triggerBorderWidth, radioboxTokens.triggerSize, radioboxTokens.contentLeftOffset, radioboxTokens.descriptionMarginTop, radioboxTokens.triggerPadding, radioboxTokens.margin, radioboxTokens.labelFontFamily, radioboxTokens.labelFontSize, radioboxTokens.labelFontStyle, radioboxTokens.labelFontWeight, radioboxTokens.labelLetterSpacing, radioboxTokens.labelLineHeight, radioboxTokens.descriptionFontFamily, radioboxTokens.descriptionFontSize, radioboxTokens.descriptionFontStyle, radioboxTokens.descriptionFontWeight, radioboxTokens.descriptionLetterSpacing, radioboxTokens.descriptionLineHeight, radioboxTokens.triggerBorderRadius, radioboxTokens.contentTopOffset),
|
|
16
|
+
l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": 0.0625rem;\n ", ": 0.125rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": 1.375rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": 0.125rem;\n ", ": var(--border-radius-xl);\n ", ": 0.625rem;\n ", ": 0.0625rem;\n "])), radioboxTokens.contentLeftOffset, radioboxTokens.contentTopOffset, radioboxTokens.descriptionMarginTop, radioboxTokens.descriptionFontFamily, radioboxTokens.descriptionFontSize, radioboxTokens.descriptionFontStyle, radioboxTokens.descriptionFontWeight, radioboxTokens.descriptionLetterSpacing, radioboxTokens.descriptionLineHeight, radioboxTokens.triggerSize, radioboxTokens.margin, radioboxTokens.labelFontFamily, radioboxTokens.labelFontSize, radioboxTokens.labelFontStyle, radioboxTokens.labelFontWeight, radioboxTokens.labelLetterSpacing, radioboxTokens.labelLineHeight, radioboxTokens.triggerBorderWidth, radioboxTokens.triggerBorderRadius, radioboxTokens.ellipseSize, radioboxTokens.triggerPadding),
|
|
17
|
+
m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.0625rem;\n ", ": 0rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n ", ": 0.0625rem;\n ", ": 0.625rem;\n ", ": 0.75rem;\n ", ": 1.375rem;\n ", ": 0.125rem;\n ", ": var(--border-radius-xl);\n "])), radioboxTokens.triggerBorderWidth, radioboxTokens.contentTopOffset, radioboxTokens.margin, radioboxTokens.labelFontFamily, radioboxTokens.labelFontSize, radioboxTokens.labelFontStyle, radioboxTokens.labelFontWeight, radioboxTokens.labelLetterSpacing, radioboxTokens.labelLineHeight, radioboxTokens.descriptionFontFamily, radioboxTokens.descriptionFontSize, radioboxTokens.descriptionFontStyle, radioboxTokens.descriptionFontWeight, radioboxTokens.descriptionLetterSpacing, radioboxTokens.descriptionLineHeight, radioboxTokens.triggerPadding, radioboxTokens.ellipseSize, radioboxTokens.contentLeftOffset, radioboxTokens.triggerSize, radioboxTokens.descriptionMarginTop, radioboxTokens.triggerBorderRadius)
|
|
18
18
|
}
|
|
19
19
|
},
|
|
20
20
|
invariants: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n ", ": var(--text-accent);\n "])), radioboxTokens.disabledOpacity, radioboxTokens.focusColor)
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
// Generated by robots, do not change this manually!
|
|
6
6
|
|
|
7
|
-
var sdds_sbcom__dark = ["\n:root {\n --text-tertiary-hover: #F5F5F5FF;\n --inverse-text-paragraph: #15110F66;\n --inverse-text-accent-minor: #52804A66;\n --surface-solid-primary-hover: #1C1C1CFF;\n --surface-solid-default-hover: #FFFFFFFF;\n --surface-accent-minor-hover: #2A390EFF;\n --surface-transparent-primary: #FFFFFF14;\n --on-dark-surface-solid-primary-brightness: #252525FF;\n --on-dark-surface-transparent-card: #23232399;\n --on-light-surface-solid-tertiary-hover: #D9D9D9FF;\n --on-light-surface-solid-default-hover: #262626FF;\n --on-light-surface-negative-active: #FF142CFF;\n --inverse-surface-solid-default-active: #030303FF;\n --inverse-surface-transparent-tertiary-active: #08080833;\n --inverse-surface-positive-hover: #6FA706FF;\n --outline-positive-hover: #96E208FF;\n --inverse-surface-accent-minor-hover: #D7FD91FF;\n --on-light-outline-positive-hover: #79B706FF;\n --on-dark-outline-transparent-primary-active: #FFFFFF12;\n --on-light-outline-warning: #BE4E0CFF;\n --text-secondary-hover: #F5F5F5FF;\n --on-dark-outline-minor-brightness: #383838FF;\n --background-secondary-brightness: #000000FF;\n --persona-blue-text-accent-brightness: #15110FFF;\n --persona-green-text-accent-brightness: #15110FFF;\n --persona-indigo-text-accent-brightness: #15110FFF;\n --persona-ochre-text-accent-brightness: #15110FFF;\n --persona-olive-text-accent-brightness: #15110FFF;\n --on-dark-data-yellow-transparent-active: #F3A81280;\n --on-dark-background-secondary-hover: #CCCCCCFF;\n --persona-indigo-text-accent: #9291E5;\n --on-dark-persona-pink-text-accent-brightness: #15110FFF;\n --on-dark-persona-sea-blue-text-accent-brightness: #15110FFF;\n --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;\n --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;\n --on-light-persona-olive-text-accent-active: #E6E6E6FF;\n --on-dark-persona-violet-text-accent-brightness: #15110FFF;\n --on-dark-text-accent-minor-active: #2F4408FF;\n --on-light-surface-accent-secondary-brightness: #688F61FF;\n --surface-transparent-accent-minor-brightness: #B4AE7B47;\n --on-dark-surface-accent-secondary-brightness: #B4AE7BFF;\n --inverse-persona-ochre-text-accent-brightness: #EBE7E5FF;\n --on-dark-surface-transparent-secondary: #FFFFFF29;\n --outline-transparent-clear: #00000000;\n --inverse-background-secondary-brightness: #FFFFFFFF;\n --persona-sea-blue-text-accent-active: #E6E6E6FF;\n --inverse-persona-indigo-text-accent-active: #E6E6E6FF;\n --on-dark-persona-ochre-text-accent: #E0AB69;\n --on-light-persona-blue-text-accent-brightness: #EBE7E5FF;\n --on-light-persona-green-text-accent-brightness: #EBE7E5FF;\n --on-light-persona-indigo-text-accent-brightness: #EBE7E5FF;\n --on-light-persona-ochre-text-accent-brightness: #EBE7E5FF;\n --on-dark-surface-accent-minor: #3E4C2FFF;\n --inverse-surface-transparent-accent: #527E4B1F;\n --on-dark-outline-default-brightness: #3B3735FF;\n --on-light-outline-warning-hover: #FD9253FF;\n --inverse-surface-transparent-accent-minor-brightness: #527E4B3D;\n --on-light-surface-accent-primary-brightness: #527E4BFF;\n --surface-accent-secondary-brightness: #B4AE7BFF;\n --on-dark-background-secondary-brightness: #0F0F0FFF;\n --on-light-background-secondary-brightness: #F6F2F0FF;\n --outline-default-brightness: #3B3735FF;\n --outline-minor-brightness: #383838FF;\n --outline-transparent-clear-brightness: #00000000;\n --inverse-outline-default-brightness: #DDD9D7FF;\n --inverse-outline-outline-minor-brightness: #FFFFFFFF;\n --inverse-persona-olive-text-accent-brightness: #EBE7E5FF;\n --inverse-persona-pink-text-accent-brightness: #EBE7E5FF;\n --inverse-persona-sea-blue-text-accent-brightness: #EBE7E5FF;\n --inverse-persona-violet-text-accent-brightness: #EBE7E5FF;\n --on-dark-persona-blue-text-accent-brightness: #15110FFF;\n --on-dark-persona-indigo-text-accent-brightness: #15110FFF;\n --on-dark-persona-ochre-text-accent-brightness: #15110FFF;\n --on-dark-persona-olive-text-accent-brightness: #15110FFF;\n --on-light-persona-olive-text-accent-brightness: #EBE7E5FF;\n --on-light-persona-violet-text-accent-brightness: #EBE7E5FF;\n --inverse-surface-accent-secondary-brightness: #688F61FF;\n --on-dark-surface-transparent-accent-minor-brightness: #B4AE7B47;\n --surface-accent-primary-brightness: #B4AE7BFF;\n --on-dark-surface-solid-primary-hover: #1C1C1CFF;\n --on-dark-persona-green-text-accent-brightness: #15110FFF;\n --on-light-persona-sea-blue-text-accent-brightness: #EBE7E5FF;\n --on-light-outline-minor-brightness: #FFFFFFFF;\n --persona-sea-blue-text-accent-brightness: #15110FFF;\n --persona-violet-text-accent-brightness: #15110FFF;\n --inverse-persona-blue-text-accent-brightness: #EBE7E5FF;\n --inverse-persona-green-text-accent-brightness: #EBE7E5FF;\n --inverse-persona-indigo-text-accent-brightness: #EBE7E5FF;\n --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;\n --on-dark-surface-accent-primary-brightness: #B4AE7BFF;\n --on-light-surface-transparent-accent-minor-brightness: #527E4B3D;\n --on-light-outline-default-brightness: #DDD9D7FF;\n --persona-pink-text-accent-brightness: #15110FFF;\n --text-tertiary-active: #F5F5F556;\n --text-tertiary: #F6F2F03D;\n --text-paragraph-hover: #F5F5F57A;\n --text-paragraph-active: #F5F5F5A3;\n --text-paragraph: #F6F2F07A;\n --text-accent-hover: #96E208FF;\n --text-accent-active: #629405FF;\n --text-accent-minor-active: #2F4408FF;\n --text-positive-hover: #96E208FF;\n --text-positive-active: #629405FF;\n --text-warning-hover: #FF8442FF;\n --text-warning-active: #FF5D05FF;\n --text-warning: #DA6828FF;\n --text-negative-hover: #FF5C6CFF;\n --text-negative-active: #FF1F35FF;\n --text-negative: #F57E83FF;\n --text-info-hover: #66BCF5FF;\n --text-info-active: #0E8ADDFF;\n --text-info: #70B2F5FF;\n --text-accent: #B4AE7BFF;\n --text-positive: #50A84CFF;\n --text-accent-minor: #B4AE7B7A;\n --on-dark-text-primary-hover: #F5F5F593;\n --on-dark-text-primary-active: #F5F5F5C4;\n --on-dark-text-primary: #F6F2F0FF;\n --on-dark-text-primary-brightness: #F6F6F6FF;\n --on-dark-text-secondary-hover: #F5F5F5FF;\n --on-dark-text-secondary-active: #F5F5F5AB;\n --on-dark-text-secondary: #F6F2F0A3;\n --on-dark-text-tertiary-hover: #F5F5F5FF;\n --on-dark-text-tertiary-active: #F5F5F556;\n --text-primary-active: #F5F5F5C4;\n --text-primary: #F6F2F0FF;\n --text-primary-brightness: #F6F6F6FF;\n --text-secondary-active: #F5F5F5AB;\n --text-secondary: #F6F2F0A3;\n --on-dark-text-positive-hover: #96E208FF;\n --on-dark-text-positive-active: #629405FF;\n --on-dark-text-warning-hover: #FF8442FF;\n --on-dark-text-warning-active: #FF5D05FF;\n --on-dark-text-warning: #DA6828FF;\n --on-dark-text-negative-hover: #FF5C6CFF;\n --on-dark-text-negative-active: #FF1F35FF;\n --on-dark-text-negative: #F57E83FF;\n --on-dark-text-info: #70B2F5FF;\n --on-dark-text-accent: #B4AE7BFF;\n --on-dark-text-positive: #79BB74FF;\n --on-dark-text-accent-minor: #B4AE7BFF;\n --on-light-text-primary-hover: #17171793;\n --on-light-text-primary-active: #171717C4;\n --on-light-text-primary: #15110FFF;\n --on-light-text-primary-brightness: #2525F6FF;\n --on-light-text-secondary-hover: #171717FF;\n --on-light-text-secondary-active: #171717AB;\n --on-light-text-secondary: #15110FA3;\n --on-light-text-tertiary-hover: #171717FF;\n --on-light-text-tertiary-active: #17171756;\n --on-light-text-tertiary: #15110F3D;\n --on-light-text-paragraph-hover: #1717177A;\n --on-light-text-paragraph-active: #171717A3;\n --on-light-text-paragraph: #15110F66;\n --on-dark-text-paragraph-hover: #F5F5F57A;\n --on-dark-text-paragraph-active: #F5F5F5A3;\n --on-dark-text-paragraph: #F6F2F07A;\n --on-dark-text-accent-active: #629405FF;\n --on-dark-text-accent-minor-hover: #6EA013FF;\n --on-light-text-positive-hover: #79B706FF;\n --on-light-text-positive-active: #3E5E03FF;\n --on-light-text-warning-hover: #FD650DFF;\n --on-light-text-warning-active: #CA4B02FF;\n --on-light-text-warning: #973C09FF;\n --on-light-text-negative-hover: #F5384BFF;\n --on-light-text-negative-active: #E40C22FF;\n --on-light-text-negative: #D11D23FF;\n --on-light-text-info-hover: #34A7F4FF;\n --on-light-text-info-active: #096CAEFF;\n --on-light-text-info: #205EA5FF;\n --on-light-text-accent: #52804AFF;\n --on-light-text-positive: #207F1FFF;\n --on-light-text-accent-minor: #52804A66;\n --inverse-text-primary-hover: #17171793;\n --inverse-text-primary-active: #171717C4;\n --inverse-text-primary: #15110FFF;\n --inverse-text-primary-brightness: #2525F6FF;\n --inverse-text-secondary-hover: #171717FF;\n --inverse-text-secondary-active: #171717AB;\n --inverse-text-secondary: #15110FA3;\n --inverse-text-tertiary-hover: #171717FF;\n --inverse-text-tertiary-active: #17171756;\n --inverse-text-tertiary: #15110F3D;\n --inverse-text-paragraph-hover: #1717177A;\n --inverse-text-paragraph-active: #171717A3;\n --inverse-text-accent-hover: #79B706FF;\n --on-light-text-accent-active: #3E5E03FF;\n --on-light-text-accent-minor-active: #70AA03FF;\n --background-primary-brightness: #171717FF;\n --inverse-text-positive-hover: #79B706FF;\n --inverse-text-positive-active: #3E5E03FF;\n --inverse-text-warning-active: #CA4B02FF;\n --inverse-text-warning: #973C09FF;\n --inverse-text-negative-hover: #F5384BFF;\n --inverse-text-negative-active: #E40C22FF;\n --inverse-text-negative: #D11D23FF;\n --inverse-text-info-hover: #34A7F4FF;\n --inverse-text-info-active: #096CAEFF;\n --inverse-text-info: #205EA5FF;\n --inverse-text-accent: #52804AFF;\n --inverse-text-positive: #207F1FFF;\n --surface-solid-primary-active: #121212FF;\n --surface-solid-primary: #232323FF;\n --surface-solid-primary-brightness: #252525FF;\n --surface-solid-secondary-hover: #303030FF;\n --surface-solid-secondary-active: #212121FF;\n --surface-solid-secondary: #292929FF;\n --surface-solid-tertiary-hover: #404040FF;\n --surface-solid-tertiary-active: #303030FF;\n --surface-solid-tertiary: #474747FF;\n --surface-solid-card-hover: #1C1C1CFF;\n --surface-solid-card-active: #121212FF;\n --surface-solid-card: #232323FF;\n --surface-solid-card-brightness: #252525FF;\n --surface-solid-default-active: #F5F5F5FF;\n --inverse-text-accent-minor-hover: #B6FB37FF;\n --inverse-text-accent-minor-active: #70AA03FF;\n --surface-transparent-tertiary-hover: #FFFFFF52;\n --surface-transparent-tertiary-active: #FFFFFF24;\n --surface-transparent-tertiary: #FFFFFF3D;\n --surface-transparent-deep-hover: #FFFFFFC2;\n --surface-transparent-deep-active: #FFFFFF94;\n --surface-transparent-deep: #373737B8;\n --surface-transparent-card-hover: #FFFFFF1F;\n --surface-transparent-card-active: #FFFFFF0A;\n --surface-transparent-card: #23232399;\n --surface-transparent-card-brightness: #FFFF1DFF;\n --surface-clear-hover: #00000000;\n --surface-clear-active: #00000000;\n --surface-clear: #00000000;\n --surface-accent-minor-active: #182108FF;\n --surface-transparent-accent-hover: #1A9E3252;\n --surface-transparent-accent-active: #1A9E3224;\n --surface-positive-hover: #6FA706FF;\n --surface-positive-active: #5B8A05FF;\n --surface-warning-hover: #FB7223FF;\n --surface-transparent-primary-hover: #FFFFFF1F;\n --surface-transparent-primary-active: #FFFFFF0A;\n --surface-transparent-secondary-active: #FFFFFF0F;\n --surface-transparent-secondary: #FFFFFF29;\n --surface-transparent-accent: #B4AE7B33;\n --surface-info: #9BCAF8FF;\n --surface-positive: #A6D2A2FF;\n --surface-accent-minor: #3E4C2FFF;\n --on-dark-surface-solid-primary: #232323FF;\n --on-dark-surface-solid-secondary-hover: #303030FF;\n --on-dark-surface-solid-secondary-active: #212121FF;\n --on-dark-surface-solid-secondary: #292929FF;\n --on-dark-surface-solid-tertiary-hover: #404040FF;\n --on-dark-surface-solid-tertiary-active: #303030FF;\n --on-dark-surface-solid-tertiary: #474747FF;\n --on-dark-surface-solid-card-hover: #1C1C1CFF;\n --on-dark-surface-solid-card-active: #121212FF;\n --on-dark-surface-solid-card: #232323FF;\n --on-dark-surface-solid-card-brightness: #252525FF;\n --on-dark-surface-solid-default-hover: #FFFFFFFF;\n --on-dark-surface-solid-default-active: #F5F5F5FF;\n --on-dark-surface-solid-default: #FFFFFFFF;\n --on-dark-surface-transparent-primary-hover: #FFFFFF1F;\n --on-dark-surface-transparent-primary-active: #FFFFFF0A;\n --on-dark-surface-transparent-primary: #FFFFFF14;\n --on-dark-surface-transparent-secondary-hover: #FFFFFF3D;\n --on-dark-surface-transparent-secondary-active: #FFFFFF0F;\n --surface-warning: #F8AD80FF;\n --surface-negative-hover: #FF475AFF;\n --surface-negative-active: #FF1F35FF;\n --surface-info-hover: #1798EEFF;\n --surface-info-active: #1086D5FF;\n --on-dark-surface-transparent-card-active: #FFFFFF0A;\n --on-dark-surface-transparent-card-brightness: #FFFF1DFF;\n --on-dark-surface-accent-minor-hover: #2A390EFF;\n --on-dark-surface-accent-minor-active: #182108FF;\n --on-dark-surface-transparent-accent-hover: #1A9E3252;\n --on-dark-surface-transparent-accent-active: #1A9E3224;\n --on-dark-surface-positive-hover: #6FA706FF;\n --on-dark-surface-positive-active: #5B8A05FF;\n --on-dark-surface-warning-hover: #FB7223FF;\n --on-dark-surface-warning-active: #F05B05FF;\n --on-dark-surface-warning: #FA5F05FF;\n --on-dark-surface-negative-hover: #FF475AFF;\n --on-dark-surface-negative-active: #FF1F35FF;\n --on-dark-surface-transparent-tertiary-hover: #FFFFFF52;\n --on-dark-surface-transparent-tertiary-active: #FFFFFF24;\n --on-dark-surface-transparent-deep-hover: #FFFFFFC2;\n --on-dark-surface-transparent-deep: #373737B8;\n --on-dark-surface-transparent-card-hover: #FFFFFF1F;\n --on-light-surface-solid-primary: #FFFFFFFF;\n --on-light-surface-solid-primary-brightness: #F6F6F6FF;\n --on-light-surface-solid-secondary-hover: #E8E8E8FF;\n --on-light-surface-solid-secondary-active: #E6E6E6FF;\n --on-light-surface-solid-secondary: #FFFFFFFF;\n --on-light-surface-solid-tertiary-active: #D4D4D4FF;\n --on-light-surface-solid-tertiary: #FFFFFFFF;\n --on-light-surface-solid-card-hover: #FFFFFFFF;\n --on-light-surface-solid-card-active: #FFFFFFFF;\n --on-light-surface-solid-card: #FFFFFFFF;\n --on-light-surface-solid-card-brightness: #FFFFFFFF;\n --on-light-surface-solid-default-active: #030303FF;\n --on-light-surface-solid-default: #15110FFF;\n --on-light-surface-transparent-primary-hover: #0808080A;\n --on-light-surface-transparent-primary-active: #0808080D;\n --on-light-surface-transparent-secondary-hover: #08080814;\n --on-light-surface-transparent-secondary-active: #0808081A;\n --on-light-surface-transparent-secondary: #15110F14;\n --on-light-surface-transparent-tertiary-hover: #0808082E;\n --text-primary-hover: #F5F5F593;\n --on-dark-surface-info-hover: #1798EEFF;\n --on-dark-surface-info-active: #1086D5FF;\n --on-dark-surface-transparent-tertiary: #FFFFFF3D;\n --on-dark-surface-info: #9BCAF8FF;\n --on-light-surface-solid-primary-hover: #F2F2F2FF;\n --on-light-surface-solid-primary-active: #F0F0F0FF;\n --on-light-surface-transparent-card-brightness: #171717FF;\n --on-light-surface-accent-minor-active: #BEFB4BFF;\n --on-light-surface-transparent-accent-hover: #1A9E322E;\n --on-light-surface-transparent-accent-active: #1A9E3233;\n --on-light-surface-positive-hover: #6FA706FF;\n --on-light-surface-positive-active: #558005FF;\n --on-light-surface-warning-hover: #FB782DFF;\n --on-light-surface-warning-active: #E65705FF;\n --on-light-surface-warning: #BE4E0CFF;\n --on-light-surface-negative-hover: #FF5263FF;\n --on-light-surface-negative: #E83439FF;\n --on-light-surface-info-hover: #209CEEFF;\n --on-light-surface-info-active: #0F81CCFF;\n --on-light-surface-transparent-tertiary: #15110F1F;\n --on-light-surface-transparent-deep-hover: #080808B3;\n --on-dark-surface-transparent-accent: #B4AE7B33;\n --on-light-surface-transparent-deep: #FFFFFFB2;\n --on-light-surface-transparent-card-active: #0808081A;\n --on-light-surface-transparent-card: #FFFFFF99;\n --inverse-surface-solid-primary-brightness: #F6F6F6FF;\n --inverse-surface-solid-secondary-hover: #E8E8E8FF;\n --inverse-surface-solid-secondary: #FFFFFFFF;\n --inverse-surface-solid-tertiary-hover: #D9D9D9FF;\n --inverse-surface-solid-tertiary-active: #D4D4D4FF;\n --inverse-surface-solid-tertiary: #FFFFFFFF;\n --inverse-surface-solid-card-hover: #FFFFFFFF;\n --inverse-surface-solid-card-active: #FFFFFFFF;\n --inverse-surface-solid-card: #FFFFFFFF;\n --inverse-surface-solid-card-brightness: #FFFFFFFF;\n --inverse-surface-solid-default-hover: #262626FF;\n --inverse-surface-solid-default: #15110FFF;\n --inverse-surface-transparent-primary-hover: #0808080A;\n --inverse-surface-transparent-primary-active: #0808080D;\n --inverse-surface-transparent-secondary-hover: #08080814;\n --inverse-surface-transparent-secondary-active: #0808081A;\n --inverse-surface-transparent-secondary: #15110F14;\n --inverse-surface-transparent-tertiary-hover: #0808082E;\n --inverse-surface-transparent-tertiary: #15110F1F;\n --inverse-surface-transparent-deep-hover: #080808B3;\n --on-light-surface-info: #3776BCFF;\n --on-light-surface-transparent-primary: #15110F0A;\n --on-light-surface-transparent-deep-active: #080808B8;\n --on-light-surface-accent-minor: #D2ECBAFF;\n --inverse-surface-solid-primary-active: #F0F0F0FF;\n --inverse-surface-solid-primary: #FFFFFFFF;\n --inverse-surface-accent-active: #558005FF;\n --inverse-surface-accent-minor-active: #BEFB4BFF;\n --inverse-surface-transparent-accent-hover: #1A9E322E;\n --inverse-surface-transparent-accent-active: #1A9E3233;\n --inverse-surface-positive-active: #558005FF;\n --inverse-surface-warning-hover: #FB782DFF;\n --inverse-surface-warning-active: #E65705FF;\n --inverse-surface-warning: #BE4E0CFF;\n --inverse-surface-negative-hover: #FF5263FF;\n --inverse-surface-negative-active: #FF142CFF;\n --inverse-surface-negative: #E83439FF;\n --inverse-surface-info-hover: #209CEEFF;\n --inverse-surface-info-active: #0F81CCFF;\n --inverse-surface-transparent-deep: #FFFFFFB2;\n --inverse-surface-transparent-card-hover: #FFFFFFFF;\n --on-dark-outline-transparent-primary-hover: #FFFFFF4D;\n --on-light-surface-positive: #239322FF;\n --inverse-surface-transparent-card-active: #FFFFFFFF;\n --inverse-surface-transparent-card-brightness: #FFFFFFFF;\n --inverse-surface-accent-hover: #6FA706FF;\n --light-background-primary: #F9F9F9;\n --inverse-background-primary: #EBE7E5FF;\n --inverse-background-primary-brightness: #F9F9F9FF;\n --overlay-soft: #0000001F;\n --overlay-hard: #00000029;\n --on-dark-overlay-soft: #0000001F;\n --on-dark-overlay-hard: #00000029;\n --on-light-overlay-soft: #0000003D;\n --on-light-overlay-hard: #00000052;\n --inverse-overlay-soft: #0000003D;\n --inverse-overlay-hard: #00000052;\n --outline-transparent-primary-hover: #FFFFFF4D;\n --outline-transparent-primary-active: #FFFFFF12;\n --on-light-outline-positive: #239322FF;\n --outline-positive-active: #629405FF;\n --outline-warning-hover: #FFA575FF;\n --outline-warning-active: #FF5D05FF;\n --outline-negative-hover: #FF8F9AFF;\n --outline-negative-active: #FF1F35FF;\n --outline-text-info-hover: #66BCF5FF;\n --outline-text-info-active: #0E8ADDFF;\n --outline-warning: #F8AD80FF;\n --inverse-surface-transparent-primary: #15110F0A;\n --inverse-surface-accent: #527E4BFF;\n --background-primary: #15110FFF;\n --on-dark-outline-positive-hover: #96E208FF;\n --on-dark-outline-positive-active: #629405FF;\n --on-dark-outline-warning-hover: #FFA575FF;\n --on-dark-outline-warning-active: #FF5D05FF;\n --on-dark-outline-negative-hover: #FF8F9AFF;\n --on-dark-outline-negative-active: #FF1F35FF;\n --on-dark-outline-text-info-hover: #66BCF5FF;\n --on-dark-outline-text-info-active: #0E8ADDFF;\n --inverse-outline-warning-hover: #FD9253FF;\n --on-dark-outline-warning: #F8AD80FF;\n --on-dark-outline-negative: #F8A6A9FF;\n --on-dark-outline-text-info: #9BCAF8FF;\n --on-dark-outline-positive: #A6D2A2FF;\n --inverse-outline-warning-active: #CA4B02FF;\n --on-light-outline-transparent-primary-hover: #08080852;\n --on-light-outline-transparent-primary-active: #08080838;\n --on-light-outline-positive-active: #3E5E03FF;\n --outline-text-info: #9BCAF8FF;\n --outline-transparent-primary: #FFFFFF1F;\n --on-light-outline-text-info: #3776BCFF;\n --inverse-outline-transparent-primary-hover: #08080852;\n --inverse-outline-transparent-primary-active: #08080838;\n --inverse-outline-positive-hover: #79B706FF;\n --inverse-outline-positive-active: #3E5E03FF;\n --inverse-outline-negative-hover: #F87C89FF;\n --inverse-outline-negative-active: #E40C22FF;\n --inverse-outline-text-info-hover: #47B0F5FF;\n --inverse-outline-text-info-active: #096CAEFF;\n --inverse-outline-negative: #E83439FF;\n --inverse-outline-warning: #BE4E0CFF;\n --inverse-outline-text-info: #007AFFFF;\n --inverse-outline-transparent-primary: #15110F3D;\n --inverse-outline-positive: #239322FF;\n --data-yellow: #F3A912;\n --data-yellow-hover: #F4B22FFF;\n --data-yellow-active: #EDA20CFF;\n --data-yellow-minor: #A16B00;\n --data-yellow-minor-hover: #B87A00FF;\n --data-yellow-minor-active: #996600FF;\n --data-yellow-transparent: #F3A9128F;\n --on-light-outline-negative-hover: #F87C89FF;\n --on-light-outline-warning-active: #CA4B02FF;\n --on-light-outline-text-info-hover: #47B0F5FF;\n --on-light-outline-negative: #E83439FF;\n --on-light-data-yellow: #F3A912;\n --on-light-data-yellow-hover: #F5B638FF;\n --on-light-data-yellow-active: #E49C0CFF;\n --on-light-data-yellow-minor: #FFD37A;\n --on-light-data-yellow-minor-hover: #FFCF70FF;\n --on-light-data-yellow-transparent: #F3A9128F;\n --on-light-data-yellow-transparent-hover: #F3A8129E;\n --on-light-data-yellow-transparent-active: #F3A812A3;\n --inverse-data-yellow: #F3A912;\n --inverse-data-yellow-hover: #F5B638FF;\n --inverse-data-yellow-active: #E49C0CFF;\n --inverse-data-yellow-minor: #FFD37A;\n --inverse-data-yellow-minor-hover: #FFCF70FF;\n --inverse-data-yellow-minor-active: #FFCC66FF;\n --inverse-data-yellow-transparent: #F3A9128F;\n --inverse-data-yellow-transparent-hover: #F3A8129E;\n --inverse-data-yellow-transparent-active: #F3A812A3;\n --on-dark-data-yellow-transparent: #F3A9128F;\n --data-yellow-transparent-active: #F3A81280;\n --on-dark-data-yellow: #F3A912;\n --on-dark-data-yellow-hover: #F4B22FFF;\n --on-dark-data-yellow-active: #EDA20CFF;\n --inverse-surface-positive: #239322FF;\n --outline-positive: #A6D2A2FF;\n --on-dark-data-yellow-minor: #A16B00;\n --on-dark-data-yellow-minor-active: #996600FF;\n --on-dark-data-yellow-transparent-hover: #F3A812AD;\n --on-dark-background-primary: #15110FFF;\n --on-dark-background-primary-hover: #CCCCCCFF;\n --on-dark-background-primary-active: #E6E6E6FF;\n --on-dark-background-primary-brightness: #15110FFF;\n --on-light-background-secondary: #FFFFFFFF;\n --on-light-background-secondary-hover: #CCCCCCFF;\n --on-light-background-secondary-active: #E6E6E6FF;\n --on-light-background-primary: #EBE7E5FF;\n --on-light-background-primary-hover: #CCCCCCFF;\n --on-light-background-primary-active: #E6E6E6FF;\n --on-light-background-primary-brightness: #EBE7E5FF;\n --outline-default: #3B3735FF;\n --outline-default-hover: #CCCCCCFF;\n --outline-default-active: #E6E6E6FF;\n --outline-minor: #383838FF;\n --outline-minor-hover: #CCCCCCFF;\n --outline-minor-active: #E6E6E6FF;\n --outline-transparent-clear-hover: #CCCCCCFF;\n --outline-transparent-clear-active: #E6E6E6FF;\n --inverse-outline-default: #DDD9D7FF;\n --inverse-outline-default-hover: #CCCCCCFF;\n --inverse-outline-default-active: #E6E6E6FF;\n --inverse-outline-outline-minor: #FFFFFFFF;\n --inverse-outline-outline-minor-hover: #CCCCCCFF;\n --inverse-outline-outline-minor-active: #E6E6E6FF;\n --on-dark-outline-default: #3B3735FF;\n --on-dark-outline-default-active: #E6E6E6FF;\n --on-dark-outline-minor: #383838FF;\n --on-dark-outline-minor-hover: #CCCCCCFF;\n --on-dark-outline-minor-active: #E6E6E6FF;\n --on-light-outline-default: #DDD9D7FF;\n --on-light-outline-default-hover: #CCCCCCFF;\n --background-secondary-active: #E6E6E6FF;\n --on-dark-outline-default-hover: #CCCCCCFF;\n --inverse-background-secondary-hover: #CCCCCCFF;\n --on-dark-background-secondary: #000000FF;\n --persona-blue-text-accent: #87BEE5;\n --persona-blue-text-accent-hover: #CCCCCCFF;\n --persona-blue-text-accent-active: #E6E6E6FF;\n --persona-green-text-accent: #8BCB94;\n --persona-green-text-accent-hover: #CCCCCCFF;\n --persona-green-text-accent-active: #E6E6E6FF;\n --persona-indigo-text-accent-hover: #CCCCCCFF;\n --persona-indigo-text-accent-active: #E6E6E6FF;\n --persona-ochre-text-accent: #935B18;\n --persona-ochre-text-accent-hover: #CCCCCCFF;\n --persona-ochre-text-accent-active: #E6E6E6FF;\n --persona-olive-text-accent: #B3BA8D;\n --persona-olive-text-accent-hover: #CCCCCCFF;\n --persona-olive-text-accent-active: #E6E6E6FF;\n --on-light-outline-default-active: #E6E6E6FF;\n --on-light-outline-minor: #FFFFFFFF;\n --on-light-outline-minor-hover: #CCCCCCFF;\n --persona-sea-blue-text-accent: #7BC8C8;\n --persona-sea-blue-text-accent-hover: #CCCCCCFF;\n --persona-violet-text-accent: #C6A0DC;\n --persona-violet-text-accent-hover: #CCCCCCFF;\n --persona-violet-text-accent-active: #E6E6E6FF;\n --inverse-persona-blue-text-accent: #3A6D96;\n --inverse-persona-blue-text-accent-hover: #CCCCCCFF;\n --inverse-persona-blue-text-accent-active: #E6E6E6FF;\n --inverse-persona-green-text-accent: #3D7B45;\n --inverse-persona-green-text-accent-hover: #CCCCCCFF;\n --inverse-persona-green-text-accent-active: #E6E6E6FF;\n --inverse-persona-indigo-text-accent: #3B3AAE;\n --inverse-persona-indigo-text-accent-hover: #CCCCCCFF;\n --persona-pink-text-accent: #DE9EA5;\n --persona-pink-text-accent-hover: #CCCCCCFF;\n --persona-pink-text-accent-active: #E6E6E6FF;\n --inverse-persona-olive-text-accent: #636A40;\n --inverse-persona-olive-text-accent-active: #E6E6E6FF;\n --inverse-persona-pink-text-accent: #904D55;\n --inverse-persona-pink-text-accent-hover: #CCCCCCFF;\n --inverse-persona-pink-text-accent-active: #E6E6E6FF;\n --inverse-persona-sea-blue-text-accent: #348282;\n --inverse-persona-sea-blue-text-accent-hover: #CCCCCCFF;\n --inverse-persona-sea-blue-text-accent-active: #E6E6E6FF;\n --inverse-persona-violet-text-accent: #75508C;\n --inverse-persona-violet-text-accent-hover: #CCCCCCFF;\n --inverse-persona-violet-text-accent-active: #E6E6E6FF;\n --on-dark-persona-blue-text-accent: #87BEE5;\n --on-dark-persona-blue-text-accent-hover: #CCCCCCFF;\n --on-dark-persona-blue-text-accent-active: #E6E6E6FF;\n --inverse-persona-ochre-text-accent: #935B18;\n --inverse-persona-ochre-text-accent-hover: #CCCCCCFF;\n --inverse-persona-olive-text-accent-hover: #CCCCCCFF;\n --inverse-persona-ochre-text-accent-active: #E6E6E6FF;\n --on-dark-persona-indigo-text-accent: #9291E5;\n --on-dark-persona-indigo-text-accent-hover: #CCCCCCFF;\n --on-dark-persona-indigo-text-accent-active: #E6E6E6FF;\n --on-dark-persona-ochre-text-accent-hover: #CCCCCCFF;\n --on-dark-persona-ochre-text-accent-active: #E6E6E6FF;\n --on-dark-persona-olive-text-accent: #B3BA8D;\n --on-dark-persona-olive-text-accent-hover: #CCCCCCFF;\n --on-dark-persona-olive-text-accent-active: #E6E6E6FF;\n --on-dark-persona-pink-text-accent: #DE9EA5;\n --on-dark-persona-pink-text-accent-active: #E6E6E6FF;\n --on-dark-persona-sea-blue-text-accent: #7BC8C8;\n --on-dark-persona-sea-blue-text-accent-hover: #CCCCCCFF;\n --on-dark-persona-sea-blue-text-accent-active: #E6E6E6FF;\n --on-dark-persona-green-text-accent: #8BCB94;\n --on-dark-persona-green-text-accent-hover: #CCCCCCFF;\n --on-dark-persona-green-text-accent-active: #E6E6E6FF;\n --on-light-persona-blue-text-accent-hover: #CCCCCCFF;\n --on-light-persona-blue-text-accent-active: #E6E6E6FF;\n --on-light-persona-green-text-accent: #3D7B45;\n --on-light-persona-green-text-accent-hover: #CCCCCCFF;\n --on-light-persona-green-text-accent-active: #E6E6E6FF;\n --on-light-persona-indigo-text-accent: #3B3AAE;\n --on-light-persona-indigo-text-accent-active: #E6E6E6FF;\n --on-light-persona-ochre-text-accent: #935B18;\n --on-light-persona-ochre-text-accent-active: #E6E6E6FF;\n --on-light-persona-olive-text-accent-hover: #CCCCCCFF;\n --on-dark-persona-violet-text-accent: #C6A0DC;\n --on-dark-persona-violet-text-accent-hover: #CCCCCCFF;\n --on-light-persona-blue-text-accent: #3A6D96;\n --on-light-persona-violet-text-accent: #75508C;\n --on-light-persona-violet-text-accent-hover: #CCCCCCFF;\n --on-light-persona-violet-text-accent-active: #E6E6E6FF;\n --surface-accent-primary: #B4AE7BFF;\n --surface-accent-primary-hover: #CCCCCCFF;\n --surface-accent-primary-active: #E6E6E6FF;\n --on-light-surface-accent-primary: #527E4BFF;\n --on-light-surface-transparent-tertiary-active: #08080833;\n --on-light-surface-accent-minor-hover: #D7FD91FF;\n --inverse-surface-solid-secondary-active: #E6E6E6FF;\n --inverse-surface-transparent-deep-active: #080808B8;\n --inverse-surface-accent-minor: #D2ECBAFF;\n --on-dark-background-secondary-active: #E6E6E6FF;\n --on-light-persona-pink-text-accent-hover: #CCCCCCFF;\n --on-light-data-yellow-minor-active: #FFCC66FF;\n --inverse-text-accent-active: #3E5E03FF;\n --surface-warning-active: #F05B05FF;\n --on-light-surface-accent-primary-active: #E6E6E6FF;\n --on-light-text-accent-minor-hover: #B6FB37FF;\n --on-light-persona-pink-text-accent-active: #E6E6E6FF;\n --on-light-persona-sea-blue-text-accent-active: #E6E6E6FF;\n --surface-accent-secondary-active: #E6E6E6FF;\n --surface-transparent-accent-minor-active: #E6E6E6FF;\n --inverse-surface-accent-secondary-active: #E6E6E6FF;\n --inverse-surface-transparent-accent-minor-active: #E6E6E6FF;\n --on-dark-surface-accent-primary-active: #E6E6E6FF;\n --on-dark-surface-accent-secondary-active: #E6E6E6FF;\n --on-dark-surface-transparent-accent-minor-hover: #CCCCCCFF;\n --on-light-surface-accent-secondary-active: #E6E6E6FF;\n --on-light-surface-transparent-accent-minor-active: #E6E6E6FF;\n --background-secondary-hover: #CCCCCCFF;\n --outline-negative: #F8A6A9FF;\n --on-dark-text-tertiary: #F6F2F03D;\n --on-light-text-accent-hover: #79B706FF;\n --text-accent-minor-hover: #6EA013FF;\n --on-light-persona-olive-text-accent: #636A40;\n --on-light-surface-transparent-accent-minor: #527E4B3D;\n --on-light-persona-sea-blue-text-accent: #348282;\n --surface-accent-secondary: #B4AE7BFF;\n --surface-transparent-accent-minor: #B4AE7B47;\n --inverse-surface-accent-secondary: #688F61FF;\n --inverse-surface-transparent-accent-minor: #527E4B3D;\n --on-dark-surface-accent-primary: #B4AE7BFF;\n --on-dark-surface-accent-secondary: #B4AE7BFF;\n --on-dark-surface-transparent-accent-minor: #B4AE7B47;\n --on-light-surface-accent-secondary: #688F61FF;\n --inverse-text-warning-hover: #FD650DFF;\n --data-yellow-transparent-hover: #F3A812AD;\n --on-dark-surface-negative: #F8A6A9FF;\n --inverse-surface-info: #3776BCFF;\n --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;\n --on-dark-text-accent-hover: #96E208FF;\n --inverse-surface-transparent-accent-minor-hover: #CCCCCCFF;\n --on-light-surface-accent-primary-hover: #CCCCCCFF;\n --on-light-surface-accent-secondary-hover: #CCCCCCFF;\n --on-light-surface-transparent-accent-minor-hover: #CCCCCCFF;\n --on-light-persona-sea-blue-text-accent-hover: #CCCCCCFF;\n --on-dark-surface-accent-primary-hover: #CCCCCCFF;\n --on-dark-surface-accent-secondary-hover: #CCCCCCFF;\n --surface-transparent-accent-minor-hover: #CCCCCCFF;\n --inverse-surface-accent-secondary-hover: #CCCCCCFF;\n --inverse-background-secondary-active: #E6E6E6FF;\n --on-light-persona-pink-text-accent: #904D55;\n --on-dark-surface-transparent-accent-minor-active: #E6E6E6FF;\n --surface-solid-default: #F6F2F0FF;\n --surface-accent-secondary-hover: #CCCCCCFF;\n --surface-transparent-secondary-hover: #FFFFFF3D;\n --surface-negative: #F8A6A9FF;\n --on-light-surface-transparent-card-hover: #08080814;\n --inverse-surface-solid-primary-hover: #F2F2F2FF;\n --dark-background-primary: #080808;\n --on-dark-data-yellow-minor-hover: #B87A00FF;\n --on-light-outline-negative-active: #E40C22FF;\n --on-light-outline-transparent-primary: #15110F3D;\n --on-light-surface-transparent-accent: #527E4B1F;\n --on-dark-surface-solid-primary-active: #121212FF;\n --on-dark-surface-transparent-deep-active: #FFFFFF94;\n --on-dark-surface-positive: #A6D2A2FF;\n --inverse-surface-transparent-card: #FFFFFF99;\n --on-light-outline-text-info-active: #096CAEFF;\n --on-dark-persona-violet-text-accent-active: #E6E6E6FF;\n --on-light-outline-minor-active: #E6E6E6FF;\n --on-dark-outline-transparent-primary: #FFFFFF1F;\n color: var(--text-primary);\n background-color: var(--background-primary);\n}\n\n:root {\n --on-dark-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);\n --on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);\n --surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);\n --inverse-persona-pink-surface-accent-gradient-active: #FFFFFFFF;\n --text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);\n --on-light-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);\n --inverse-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);\n --on-light-surface-accent-gradient-hover: #CCCCCCFF;\n --persona-green-surface-accent-gradient-hover: #FFFFFFFF;\n --on-dark-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);\n --on-light-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);\n --inverse-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);\n --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);\n --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);\n --inverse-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);\n --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);\n --on-light-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);\n --surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);\n --surface-skeleton-gradient: linear-gradient(90.00deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);\n --surface-skeleton-gradient-hover: #FFFFFFFF;\n --surface-skeleton-gradient-active: #FFFFFFFF;\n --surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);\n --surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --on-dark-surface-accent-gradient-hover: #CCCCCCFF;\n --surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --on-dark-surface-accent-gradient-active: #E6E6E6FF;\n --on-dark-surface-skeleton-gradient: linear-gradient(90.00deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);\n --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;\n --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;\n --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);\n --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --on-light-surface-accent-gradient-active: #E6E6E6FF;\n --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --inverse-surface-accent-gradient-hover: #CCCCCCFF;\n --inverse-surface-accent-gradient-active: #E6E6E6FF;\n --inverse-surface-accent-gradient: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);\n --inverse-surface-skeleton-gradient: linear-gradient(90.00deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);\n --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;\n --inverse-surface-skeleton-gradient-active: #FFFFFFFF;\n --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);\n --on-light-surface-accent-gradient: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);\n --on-light-surface-skeleton-gradient: linear-gradient(270deg, rgba(8, 8, 8, 0.06) 0%, rgba(8, 8, 8, 0.05) 10%, rgba(8, 8, 8, 0.04) 20%, rgba(8, 8, 8, 0.03) 25%, rgba(8, 8, 8, 0.02) 30%, rgba(8, 8, 8, 0.01) 40%, rgba(8, 8, 8, 0) 50%, rgba(8, 8, 8, 0.01) 60%, rgba(8, 8, 8, 0.02) 70%, rgba(8, 8, 8, 0.03) 75%, rgba(8, 8, 8, 0.04) 80%, rgba(8, 8, 8, 0.05) 90%, rgba(8, 8, 8, 0.06) 100%);\n --on-light-surface-skeleton-gradient-active: #FFFFFFFF;\n --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);\n --outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);\n --on-dark-outline-accent-gradient-hover: #858585FF;\n --on-dark-outline-accent-gradient-active: #666666FF;\n --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);\n --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --outline-accent-gradient-hover: #858585FF;\n --on-light-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);\n --inverse-outline-accent-gradient-hover: #CCCCCCFF;\n --inverse-outline-accent-gradient-active: #E6E6E6FF;\n --on-light-outline-accent-gradient-active: #E6E6E6FF;\n --persona-blue-surface-accent-gradient-hover: #FFFFFFFF;\n --persona-blue-surface-accent-gradient-active: #FFFFFFFF;\n --persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);\n --persona-green-surface-accent-gradient-active: #FFFFFFFF;\n --persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);\n --persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;\n --persona-indigo-surface-accent-gradient-active: #FFFFFFFF;\n --persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);\n --persona-ochre-surface-accent-gradient-active: #FFFFFFFF;\n --persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);\n --persona-olive-surface-accent-gradient-hover: #FFFFFFFF;\n --persona-olive-surface-accent-gradient-active: #FFFFFFFF;\n --persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);\n --persona-pink-surface-accent-gradient-hover: #FFFFFFFF;\n --persona-pink-surface-accent-gradient-active: #FFFFFFFF;\n --persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);\n --persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;\n --persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);\n --persona-violet-surface-accent-gradient-hover: #FFFFFFFF;\n --persona-violet-surface-accent-gradient-active: #FFFFFFFF;\n --inverse-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);\n --inverse-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;\n --inverse-persona-blue-surface-accent-gradient-active: #FFFFFFFF;\n --inverse-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);\n --inverse-persona-green-surface-accent-gradient-hover: #FFFFFFFF;\n --inverse-persona-green-surface-accent-gradient-active: #FFFFFFFF;\n --inverse-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);\n --inverse-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;\n --inverse-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);\n --inverse-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;\n --inverse-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;\n --persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);\n --persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;\n --inverse-persona-olive-surface-accent-gradient-active: #FFFFFFFF;\n --inverse-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);\n --inverse-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;\n --inverse-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);\n --inverse-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;\n --inverse-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;\n --inverse-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);\n --inverse-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;\n --inverse-persona-violet-surface-accent-gradient-active: #FFFFFFFF;\n --on-dark-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);\n --on-dark-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;\n --on-dark-persona-blue-surface-accent-gradient-active: #FFFFFFFF;\n --on-dark-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);\n --on-dark-persona-green-surface-accent-gradient-hover: #FFFFFFFF;\n --on-dark-persona-green-surface-accent-gradient-active: #FFFFFFFF;\n --inverse-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);\n --inverse-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;\n --on-dark-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;\n --on-dark-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);\n --on-dark-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;\n --on-dark-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;\n --on-dark-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);\n --on-dark-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;\n --on-dark-persona-olive-surface-accent-gradient-active: #FFFFFFFF;\n --on-dark-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);\n --on-dark-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;\n --on-dark-persona-pink-surface-accent-gradient-active: #FFFFFFFF;\n --on-dark-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);\n --on-dark-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;\n --on-dark-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;\n --on-dark-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);\n --on-dark-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;\n --on-dark-persona-violet-surface-accent-gradient-active: #FFFFFFFF;\n --on-dark-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);\n --on-dark-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;\n --on-light-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);\n --on-light-persona-green-surface-accent-gradient-hover: #FFFFFFFF;\n --on-light-persona-green-surface-accent-gradient-active: #FFFFFFFF;\n --on-light-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);\n --on-light-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;\n --on-light-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;\n --on-light-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);\n --on-light-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;\n --on-light-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;\n --on-light-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);\n --on-light-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);\n --on-light-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;\n --on-light-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;\n --on-light-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);\n --on-light-persona-violet-surface-accent-gradient-active: #FFFFFFFF;\n --on-dark-outline-transparent-surface-active: #E6E6E6FF;\n --on-light-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);\n --on-light-outline-transparent-surface-hover: #CCCCCCFF;\n --on-light-outline-transparent-surface-active: #E6E6E6FF;\n --inverse-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);\n --text-accent-gradient-ai: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);\n --text-accent-gradient-ai-hover: #000000FF;\n --inverse-text-accent-gradient-ai: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);\n --inverse-text-accent-gradient-ai-hover: #000000FF;\n --inverse-text-accent-gradient-ai-active: #CCCCCCFF;\n --on-dark-text-accent-gradient-ai: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);\n --on-dark-text-accent-gradient-ai-hover: #000000FF;\n --on-dark-text-accent-gradient-ai-active: #CCCCCCFF;\n --on-light-text-accent-gradient-ai: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);\n --on-light-text-accent-gradient-ai-hover: #000000FF;\n --on-light-text-accent-gradient-ai-active: #CCCCCCFF;\n --text-accent-gradient-ai-active: #CCCCCCFF;\n --inverse-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);\n --inverse-outline-transparent-surface-hover: #CCCCCCFF;\n --inverse-outline-transparent-surface-active: #E6E6E6FF;\n --on-dark-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);\n --on-dark-outline-transparent-surface-hover: #CCCCCCFF;\n --on-light-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;\n --on-light-overlay-gradient-active: #E6E6E6FF;\n --inverse-overlay-gradient-active: #E6E6E6FF;\n --inverse-overlay-gradient-hover: #CCCCCCFF;\n --on-light-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);\n --on-light-persona-pink-surface-accent-gradient-active: #FFFFFFFF;\n --on-light-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;\n --on-light-overlay-gradient-hover: #CCCCCCFF;\n --on-light-persona-olive-surface-accent-gradient-active: #FFFFFFFF;\n --on-light-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;\n --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --inverse-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);\n --on-light-outline-accent-gradient-hover: #CCCCCCFF;\n --inverse-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;\n --on-light-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);\n --surface-accent-gradient-hover: #CCCCCCFF;\n --outline-accent-gradient-active: #666666FF;\n --on-light-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;\n --on-dark-surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);\n --surface-accent-gradient-active: #E6E6E6FF;\n --on-light-persona-blue-surface-accent-gradient-active: #FFFFFFFF;\n --persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;\n --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;\n}\n\n:root {\n --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;\n --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;\n --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;\n --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;\n --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;\n --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;\n --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;\n --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;\n --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;\n --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;\n --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;\n --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;\n}\n\n:root {\n --border-radius-xxl: 1.5rem;\n --border-radius-4xl: 2rem;\n --border-radius-5xl: 2.5rem;\n --border-radius-3xl: 1.75rem;\n --border-radius-l: 1rem;\n --border-radius-xl: 1.25rem;\n --border-radius-m: 0.75rem;\n --border-radius-xxs: 0.25rem;\n --border-radius-xs: 0.375rem;\n --border-radius-s: 0.5rem;\n --border-radius-circle: 624.9375rem;\n}\n\n:root {\n --spacing-0x: 0rem;\n --spacing-1x: 0.125rem;\n --spacing-2x: 0.25rem;\n --spacing-4x: 0.5rem;\n --spacing-3x: 0.375rem;\n --spacing-6x: 0.75rem;\n --spacing-8x: 1rem;\n --spacing-16x: 2rem;\n --spacing-20x: 2.5rem;\n --spacing-24x: 3rem;\n --spacing-32x: 4rem;\n --spacing-40x: 5rem;\n --spacing-60x: 7.5rem;\n --spacing-10x: 1.25rem;\n --spacing-12x: 1.5rem;\n}\n\n:root {\n font-size: 16px;\n --plasma-typo-overflow-wrap: break-word;\n --plasma-typo-hyphens: auto;\n --plasma-typo-display-font-family: 'Roboto', sans-serif;\n --plasma-typo-body-font-family: 'Roboto', sans-serif;\n --plasma-typo-header-font-family: 'Roboto', sans-serif;\n --plasma-typo-text-font-family: 'undefined', sans-serif;\n --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-medium-letter-spacing: -0.02em;\n --plasma-typo-body-xs-medium-font-style: normal;\n --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-medium-font-style: normal;\n --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-font-style: normal;\n --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-bold-letter-spacing: normal;\n --plasma-typo-h3-bold-font-style: normal;\n --plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-medium-letter-spacing: normal;\n --plasma-typo-h3-medium-font-style: normal;\n --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-letter-spacing: normal;\n --plasma-typo-h3-font-style: normal;\n --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-bold-letter-spacing: -0.00125em;\n --plasma-typo-body-l-bold-font-style: normal;\n --plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-medium-letter-spacing: -0.02em;\n --plasma-typo-body-l-medium-font-style: normal;\n --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-letter-spacing: -0.02em;\n --plasma-typo-body-l-font-style: normal;\n --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-bold-letter-spacing: -0.02em;\n --plasma-typo-body-s-bold-font-style: normal;\n --plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-medium-letter-spacing: -0.02em;\n --plasma-typo-body-s-medium-font-style: normal;\n --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-letter-spacing: -0.02em;\n --plasma-typo-body-s-font-style: normal;\n --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-bold-letter-spacing: -0.02em;\n --plasma-typo-body-xs-bold-font-style: normal;\n --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-letter-spacing: -0.02em;\n --plasma-typo-body-xs-font-style: normal;\n --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-bold-font-style: normal;\n --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-bold-letter-spacing: normal;\n --plasma-typo-dspl-s-bold-font-style: normal;\n --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-letter-spacing: normal;\n --plasma-typo-dspl-s-font-style: normal;\n --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-medium-letter-spacing: normal;\n --plasma-typo-dspl-s-medium-font-style: normal;\n}\n\n@media (max-width: 559px) {\n :root {\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 0.875rem;\n --plasma-typo-body-xxs-medium-font-size: 0.6875rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.8125rem;\n --plasma-typo-body-xxs-font-size: 0.6875rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.8125rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 700;\n --plasma-typo-h3-bold-line-height: 1.4375rem;\n --plasma-typo-h3-medium-font-size: 1.25rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 1.4375rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.4375rem;\n --plasma-typo-body-l-bold-font-size: 0.9375rem;\n --plasma-typo-body-l-bold-font-weight: 700;\n --plasma-typo-body-l-bold-line-height: 1.25rem;\n --plasma-typo-body-l-medium-font-size: 0.9375rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.25rem;\n --plasma-typo-body-l-font-size: 0.9375rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.8125rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 0.9375rem;\n --plasma-typo-body-s-medium-font-size: 0.8125rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 0.9375rem;\n --plasma-typo-body-s-font-size: 0.8125rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 0.9375rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 0.875rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.6875rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.8125rem;\n --plasma-typo-dspl-s-bold-font-size: 2.125rem;\n --plasma-typo-dspl-s-bold-font-weight: 700;\n --plasma-typo-dspl-s-bold-line-height: 2.5625rem;\n --plasma-typo-dspl-s-font-size: 2.125rem;\n --plasma-typo-dspl-s-font-weight: 400;\n --plasma-typo-dspl-s-line-height: 2.5625rem;\n --plasma-typo-dspl-s-medium-font-size: 2.125rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 2.5625rem;\n }\n}\n\n@media (min-width: 560px) and (max-width: 959px) {\n :root {\n --plasma-typo-dspl-s-font-size: 2.125rem;\n --plasma-typo-dspl-s-font-weight: 400;\n --plasma-typo-dspl-s-line-height: 2.5625rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 0.875rem;\n --plasma-typo-dspl-s-medium-font-size: 2.125rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 2.5625rem;\n --plasma-typo-dspl-s-bold-font-size: 2.125rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 2.5625rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.4375rem;\n --plasma-typo-body-l-bold-font-size: 0.9375rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.25rem;\n --plasma-typo-body-l-medium-font-size: 0.9375rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.25rem;\n --plasma-typo-body-l-font-size: 0.9375rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.8125rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 0.9375rem;\n --plasma-typo-body-s-medium-font-size: 0.8125rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 0.9375rem;\n --plasma-typo-body-s-font-size: 0.8125rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 0.9375rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 0.875rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.6875rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.8125rem;\n --plasma-typo-body-xxs-medium-font-size: 0.6875rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.8125rem;\n --plasma-typo-body-xxs-font-size: 0.6875rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.8125rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 1.4375rem;\n --plasma-typo-h3-medium-font-size: 1.25rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 1.4375rem;\n }\n}\n\n@media (min-width: 960px) {\n :root {\n --plasma-typo-dspl-s-bold-font-size: 2.125rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 2.5625rem;\n --plasma-typo-dspl-s-medium-font-size: 2.125rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 2.5625rem;\n --plasma-typo-dspl-s-font-size: 2.125rem;\n --plasma-typo-dspl-s-font-weight: 400;\n --plasma-typo-dspl-s-line-height: 2.5625rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 1.4375rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.4375rem;\n --plasma-typo-body-l-bold-font-size: 0.9375rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.25rem;\n --plasma-typo-body-l-medium-font-size: 0.9375rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.25rem;\n --plasma-typo-body-l-font-size: 0.9375rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.8125rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 0.9375rem;\n --plasma-typo-body-s-medium-font-size: 0.8125rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 0.9375rem;\n --plasma-typo-body-s-font-size: 0.8125rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 0.9375rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 0.875rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 0.875rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.6875rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.8125rem;\n --plasma-typo-body-xxs-font-size: 0.6875rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.8125rem;\n --plasma-typo-body-xxs-medium-font-size: 0.6875rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.8125rem;\n --plasma-typo-h3-medium-font-size: 1.25rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 1.4375rem;\n }\n}"];
|
|
7
|
+
var sdds_sbcom__dark = ["\n:root {\n --on-dark-outline-positive-minor-active: #074A14FF;\n --on-light-outline-read-only-hover: #FAFAFA36;\n --on-dark-personas-ochre-text-accent: #F4B49B;\n --surface-transparent-accent-minor: #0BA68647;\n --on-dark-personas-green-text-accent: #6CD5BB;\n --on-light-outline-primary: #DDD9D7;\n --inverse-outline-default: #FFFFFF;\n --inverse-personas-sea-blue-text-accent: #7BC8C8;\n --background-hardline: #000000;\n --inverse-personas-blue-text-accent: #1063BA;\n --inverse-personas-violet-text-accent: #9E32AF;\n --inverse-surface-transparent-accent-minor: #0BA68647;\n --on-light-personas-blue-text-accent: #1063BA;\n --on-dark-surface-transparent-navi: #23232399;\n --inverse-outline-primary: #DDD9D7;\n --on-light-outline-default: #FFFFFF;\n --on-dark-outline-default: #383838;\n --personas-green-text-accent: #038768;\n --personas-sea-blue-text-accent: #00898D;\n --inverse-background-hardline: #000000;\n --inverse-surface-accent-secondary: #41BDA1;\n --light-background-hardline: #FFFFFF;\n --on-light-surface-accent-secondary: #41BDA1;\n --surface-transparent-navi: #FFFFFF99;\n --on-light-surface-transparent-accent-minor: #0BA6863D;\n --on-light-personas-green-text-accent: #038768;\n --outline-default: #FFFFFF;\n --dark-background-hardline: #000000;\n --on-dark-outline-primary: #3B3735;\n --on-dark-personas-pink-text-accent: #F7A4A4;\n --on-dark-text-accent-minor-hover: #0F9527FF;\n --on-dark-surface-accent-minor-active: #08210CFF;\n --surface-solid-tertiary-active: #303030FF;\n --on-light-surface-warning-minor-active: #FED9C3FF;\n --inverse-surface-positive-minor-active: #8BF99FFF;\n --inverse-personas-ochre-text-accent: #D15A11;\n --on-light-surface-solid-tertiary-active: #D4D4D4FF;\n --on-dark-personas-olive-text-accent: #93CB92;\n --on-light-outline-positive-active: #074A14FF;\n --inverse-surface-transparent-navi: #FFFFFF99;\n --on-light-personas-olive-text-accent: #127210;\n --inverse-personas-indigo-text-accent: #BD91F5;\n --outline-transparent-negative-hover: #F76977FF;\n --on-dark-outline-transparent-warning-active: #CA4B02FF;\n --on-light-data-yellow-transparent-hover: #F3A8129E;\n --outline-primary: #DDD9D7;\n --personas-olive-text-accent: #93CB92;\n --inverse-personas-pink-text-accent: #F7A4A4;\n --text-primary: #F6F2F0FC;\n --on-dark-text-warning-minor-hover: #BB4F11FF;\n --inverse-surface-solid-tertiary: #FFFFFF;\n --light-background-secondary: #F6F2F0;\n --on-dark-outline-transparent-tertiary-active: #FAFAFA47;\n --on-light-outline-solid-tertiary-hover: #A3A3A3FF;\n --on-light-outline-warning-active: #5D2809FF;\n --inverse-outline-transparent-secondary-active: #08080872;\n --inverse-outline-transparent-warning-active: #5D2809FF;\n --inverse-data-yellow-minor-hover: #FFCF70FF;\n --on-light-personas-violet-text-accent: #9E32AF;\n --on-light-personas-ochre-text-accent: #D15A11;\n --on-dark-personas-indigo-text-accent: #BD91F5;\n --on-dark-surface-accent-secondary: #61C8B0;\n --inverse-personas-green-text-accent: #6CD5BB;\n --on-light-personas-pink-text-accent: #DE5555;\n --surface-accent-secondary: #61C8B0;\n --surface-accent-minor: #04473B;\n --on-light-surface-accent-minor: #D0F2E9;\n --on-dark-surface-solid-tertiary-active: #303030FF;\n --outline-solid-tertiary-hover: #FFFFFFFF;\n --outline-transparent-positive-hover: #16C533FF;\n --on-dark-surface-accent-minor-hover: #0E3A16FF;\n --inverse-surface-accent-minor: #D0F2E9;\n --on-light-surface-accent-minor-hover: #94F9A7FF;\n --on-dark-surface-transparent-warning-active: #D14D0024;\n --personas-ochre-text-accent: #F4B49B;\n --personas-pink-text-accent: #DE5555;\n --personas-indigo-text-accent: #BD91F5;\n --on-dark-personas-violet-text-accent: #E19DED;\n --on-light-surface-transparent-navi: #FFFFFF99;\n --on-dark-personas-blue-text-accent: #79B3F2;\n --inverse-outline-transparent-accent-hover: #095D191F;\n --on-light-personas-sea-blue-text-accent: #00898D;\n --inverse-personas-olive-text-accent: #127210;\n --on-light-personas-indigo-text-accent: #7133BE;\n --on-dark-surface-transparent-accent-minor: #0BA68647;\n --inverse-outline-warning-minor-active: #FC8240FF;\n --on-light-text-warning-active: #A84710FF;\n --on-dark-personas-sea-blue-text-accent: #7BC8C8;\n --text-info-minor-active: #10659EFF;\n --inverse-text-warning-minor-hover: #FDB790FF;\n --on-dark-outline-warning-minor-active: #70300AFF;\n --personas-violet-text-accent: #9E32AF;\n --personas-blue-text-accent: #79B3F2;\n --text-tertiary-hover: #FAFAFAFF;\n --text-tertiary-active: #FAFAFA56;\n --text-paragraph: #F6F2F07A;\n --text-paragraph-hover: #FAFAFA7A;\n --text-paragraph-active: #FAFAFAA3;\n --text-accent: #61C8B0;\n --text-accent-hover: #13AA2CFF;\n --text-accent-active: #0D731EFF;\n --text-accent-minor: #61C8B07A;\n --text-accent-minor-hover: #0F9527FF;\n --text-accent-minor-active: #0C7920FF;\n --text-positive: #50A84C;\n --text-positive-hover: #13AA2CFF;\n --text-positive-active: #0D731EFF;\n --text-warning: #DA6828;\n --text-warning-hover: #FD650DFF;\n --text-warning-active: #CA4B02FF;\n --text-negative: #F57E83;\n --text-negative-hover: #F5384BFF;\n --text-negative-active: #E40C22FF;\n --text-info: #70B2F5;\n --text-info-hover: #34A7F4FF;\n --text-info-active: #096CAEFF;\n --text-positive-minor-hover: #0F9527FF;\n --text-positive-minor-active: #0C7920FF;\n --text-warning-minor-hover: #BB4F11FF;\n --text-warning-minor-active: #9F440FFF;\n --text-negative-minor-hover: #B91828FF;\n --text-negative-minor-active: #83111CFF;\n --text-info-minor-hover: #1277BAFF;\n --text-primary-hover: #F5F1EF97;\n --text-primary-brightness: #FAFAFAF5;\n --text-primary-active: #F5F1EFCA;\n --text-secondary-active: #FAFAFAAB;\n --text-tertiary: #F6F2F03D;\n --text-secondary: #F6F2F0A3;\n --text-secondary-hover: #FAFAFAFF;\n --on-dark-text-tertiary: #F6F2F03D;\n --on-dark-text-tertiary-hover: #FAFAFAFF;\n --on-dark-text-tertiary-active: #FAFAFA56;\n --on-dark-text-paragraph: #F6F2F07A;\n --on-dark-text-paragraph-hover: #FAFAFA7A;\n --on-dark-text-paragraph-active: #FAFAFAA3;\n --on-dark-text-accent: #61C8B0ED;\n --on-dark-text-accent-hover: #13AA2CFF;\n --on-dark-text-accent-active: #0D731EFF;\n --on-dark-text-accent-minor: #61C8B07A;\n --on-dark-text-accent-minor-active: #0C7920FF;\n --on-dark-text-positive: #50A84C;\n --on-dark-text-positive-hover: #13AA2CFF;\n --on-dark-text-positive-active: #0D731EFF;\n --on-dark-text-warning: #DA6828;\n --on-dark-text-warning-hover: #FD650DFF;\n --on-dark-text-warning-active: #CA4B02FF;\n --on-dark-text-negative: #F57E83;\n --on-dark-text-negative-hover: #F5384BFF;\n --on-dark-text-negative-active: #E40C22FF;\n --on-dark-text-info: #70B2F5;\n --on-dark-text-info-hover: #34A7F4FF;\n --on-dark-text-info-active: #096CAEFF;\n --on-dark-text-positive-minor-hover: #0F9527FF;\n --on-dark-text-positive-minor-active: #0C7920FF;\n --on-dark-text-primary: #F6F2F0FC;\n --on-dark-text-primary-active: #F5F1EFCA;\n --on-dark-text-primary-hover: #F5F1EF97;\n --on-dark-text-secondary-hover: #FAFAFAFF;\n --on-dark-text-secondary-active: #FAFAFAAB;\n --on-dark-text-primary-brightness: #FAFAFAF5;\n --on-dark-text-secondary: #F6F2F0A3;\n --on-dark-text-info-minor-active: #10659EFF;\n --on-light-text-primary: #15110FFC;\n --on-light-text-primary-hover: #15110F97;\n --on-light-text-primary-active: #15110FCA;\n --on-light-text-primary-brightness: #171717F5;\n --on-light-text-secondary: #15110FA3;\n --on-light-text-secondary-hover: #171717FF;\n --on-light-text-secondary-active: #171717AB;\n --on-light-text-tertiary: #15110F3D;\n --on-light-text-tertiary-hover: #171717FF;\n --on-light-text-tertiary-active: #17171756;\n --on-light-text-paragraph: #15110F66;\n --on-light-text-paragraph-hover: #1717177A;\n --on-light-text-paragraph-active: #171717A3;\n --on-light-text-accent: #0A8E73;\n --on-light-text-accent-hover: #11A72CFF;\n --on-light-text-accent-active: #0D8222FF;\n --on-light-text-accent-minor: #0A8E7366;\n --on-light-text-accent-minor-hover: #47DC62FF;\n --on-light-text-accent-minor-active: #21B03CFF;\n --on-light-text-positive: #207F1F;\n --on-light-text-positive-hover: #11A72CFF;\n --on-light-text-positive-active: #0D8222FF;\n --on-light-text-warning: #973C09;\n --on-light-text-warning-hover: #CD5713FF;\n --on-dark-text-warning-minor-active: #9F440FFF;\n --on-dark-text-info-minor-hover: #1277BAFF;\n --on-dark-text-negative-minor-hover: #B91828FF;\n --on-dark-text-negative-minor-active: #83111CFF;\n --on-light-text-positive-minor-hover: #47DC62FF;\n --on-light-text-positive-minor-active: #21B03CFF;\n --on-light-text-warning-minor-hover: #FDB790FF;\n --on-light-text-warning-minor-active: #FC8240FF;\n --on-light-text-negative-minor-hover: #FFB8BFFF;\n --on-light-text-negative-minor-active: #FF6675FF;\n --on-light-text-info-minor-hover: #7ACAFFFF;\n --on-light-text-info-minor-active: #29A9FFFF;\n --inverse-text-primary: #15110FFC;\n --inverse-text-primary-hover: #15110F97;\n --inverse-text-primary-active: #15110FCA;\n --inverse-text-primary-brightness: #171717F5;\n --inverse-text-secondary: #15110FA3;\n --inverse-text-secondary-hover: #171717FF;\n --inverse-text-secondary-active: #171717AB;\n --inverse-text-tertiary: #15110F3D;\n --inverse-text-tertiary-hover: #171717FF;\n --inverse-text-tertiary-active: #17171756;\n --inverse-text-paragraph: #15110F66;\n --inverse-text-paragraph-hover: #1717177A;\n --inverse-text-paragraph-active: #171717A3;\n --inverse-text-accent: #0A8E73;\n --inverse-text-accent-hover: #11A72CFF;\n --inverse-text-accent-active: #0D8222FF;\n --inverse-text-accent-minor: #0A8E7366;\n --inverse-text-accent-minor-hover: #47DC62FF;\n --inverse-text-accent-minor-active: #21B03CFF;\n --on-light-text-negative: #D11D23;\n --on-light-text-negative-active: #7A101AFF;\n --on-light-text-negative-hover: #C2192AFF;\n --on-light-text-info-active: #116BA7FF;\n --on-light-text-info: #205EA5;\n --on-light-text-info-hover: #1483CCFF;\n --inverse-text-warning: #973C09;\n --inverse-text-warning-hover: #CD5713FF;\n --inverse-text-warning-active: #A84710FF;\n --inverse-text-negative: #D11D23;\n --inverse-text-negative-hover: #C2192AFF;\n --inverse-text-negative-active: #7A101AFF;\n --inverse-text-info: #205EA5;\n --inverse-text-info-hover: #1483CCFF;\n --inverse-text-info-active: #116BA7FF;\n --inverse-text-positive-minor-hover: #47DC62FF;\n --inverse-text-positive-minor-active: #21B03CFF;\n --inverse-text-warning-minor-active: #FC8240FF;\n --inverse-text-negative-minor-hover: #FFB8BFFF;\n --inverse-text-negative-minor-active: #FF6675FF;\n --inverse-text-info-minor-hover: #7ACAFFFF;\n --inverse-text-info-minor-active: #29A9FFFF;\n --surface-solid-primary: #232323;\n --surface-solid-primary-hover: #1C1C1CFF;\n --surface-solid-primary-active: #121212FF;\n --surface-solid-primary-brightness: #262626FF;\n --surface-solid-secondary: #292929;\n --surface-solid-secondary-hover: #303030FF;\n --surface-solid-secondary-active: #212121FF;\n --surface-solid-tertiary: #474747;\n --surface-solid-tertiary-hover: #404040FF;\n --inverse-text-positive-hover: #11A72CFF;\n --inverse-text-positive-active: #0D8222FF;\n --inverse-text-positive: #207F1F;\n --surface-transparent-primary: #FFFFFF14;\n --surface-transparent-primary-hover: #FAFAFA1F;\n --surface-transparent-primary-active: #FAFAFA0A;\n --surface-transparent-secondary: #FFFFFF29;\n --surface-transparent-secondary-hover: #FAFAFA3D;\n --surface-transparent-secondary-active: #FAFAFA0F;\n --surface-transparent-tertiary: #FFFFFF3D;\n --surface-transparent-tertiary-hover: #FAFAFA52;\n --surface-transparent-tertiary-active: #FAFAFA24;\n --surface-transparent-deep: #373737B8;\n --surface-transparent-deep-hover: #FAFAFAC2;\n --surface-transparent-deep-active: #FAFAFA94;\n --surface-transparent-card: #23232380;\n --surface-transparent-card-hover: #FAFAFA1F;\n --surface-transparent-card-active: #FAFAFA0A;\n --surface-transparent-card-brightness: #FAFAFA0F;\n --surface-clear: #FFFFFF00;\n --surface-clear-hover: #FFFFFF00;\n --surface-clear-active: #FFFFFF00;\n --surface-accent: #0BA686;\n --surface-accent-hover: #0F9928FF;\n --surface-accent-active: #0C7D21FF;\n --surface-accent-minor-hover: #0E3A16FF;\n --surface-accent-minor-active: #08210CFF;\n --surface-transparent-accent: #0BA68633;\n --surface-transparent-accent-hover: #0D872452;\n --surface-transparent-accent-active: #0D872424;\n --surface-solid-card: #232323;\n --surface-solid-card-active: #121212FF;\n --surface-solid-card-hover: #1C1C1CFF;\n --surface-solid-default-hover: #FFFFFFFF;\n --surface-solid-default-active: #F5F5F5FF;\n --surface-solid-card-brightness: #262626FF;\n --surface-solid-default: #F6F2F0;\n --surface-positive: #A6D2A2;\n --surface-positive-hover: #0F9928FF;\n --surface-positive-active: #0C7D21FF;\n --surface-warning: #F8AD80;\n --surface-warning-hover: #E65400FF;\n --surface-warning-active: #C74900FF;\n --surface-negative: #F8A6A9;\n --surface-negative-hover: #ED1D31FF;\n --surface-negative-active: #D91226FF;\n --surface-info: #9BCAF8;\n --surface-info-hover: #0D7EC9FF;\n --surface-info-active: #0B6CADFF;\n --surface-positive-minor-hover: #0E3A16FF;\n --surface-positive-minor-active: #08210CFF;\n --surface-info-minor-active: #0A2333FF;\n --surface-transparent-positive-hover: #0D872452;\n --surface-transparent-positive-active: #0D872424;\n --surface-transparent-warning-hover: #D14D0052;\n --surface-transparent-warning-active: #D14D0024;\n --surface-transparent-negative-hover: #E2122752;\n --surface-transparent-negative-active: #E2122724;\n --surface-transparent-info-hover: #0C72B652;\n --surface-transparent-info-active: #0C72B624;\n --surface-read-only: #F9F9F905;\n --surface-read-only-hover: #FAFAFA0F;\n --surface-read-only-active: #FAFAFA00;\n --on-dark-surface-solid-primary: #232323;\n --on-dark-surface-solid-primary-hover: #1C1C1CFF;\n --on-dark-surface-solid-primary-active: #121212FF;\n --on-dark-surface-solid-primary-brightness: #262626FF;\n --on-dark-surface-solid-secondary: #292929;\n --on-dark-surface-solid-secondary-hover: #303030FF;\n --on-dark-surface-solid-secondary-active: #212121FF;\n --on-dark-surface-solid-tertiary: #474747;\n --on-dark-surface-solid-tertiary-hover: #404040FF;\n --surface-warning-minor-hover: #4F250DFF;\n --surface-warning-minor-active: #351909FF;\n --surface-info-minor-hover: #10344CFF;\n --surface-negative-minor-hover: #5B1018FF;\n --surface-negative-minor-active: #410B11FF;\n --on-dark-surface-transparent-primary: #FFFFFF14;\n --on-dark-surface-transparent-primary-hover: #FAFAFA1F;\n --on-dark-surface-transparent-primary-active: #FAFAFA0A;\n --on-dark-surface-transparent-secondary: #FFFFFF29;\n --on-dark-surface-transparent-secondary-hover: #FAFAFA3D;\n --on-dark-surface-transparent-secondary-active: #FAFAFA0F;\n --on-dark-surface-transparent-tertiary: #FFFFFF3D;\n --on-dark-surface-transparent-tertiary-hover: #FAFAFA52;\n --on-dark-surface-transparent-tertiary-active: #FAFAFA24;\n --on-dark-surface-transparent-deep: #373737B8;\n --on-dark-surface-transparent-deep-hover: #FAFAFAC2;\n --on-dark-surface-transparent-deep-active: #FAFAFA94;\n --on-dark-surface-transparent-card: #23232380;\n --on-dark-surface-transparent-card-hover: #FAFAFA1F;\n --on-dark-surface-transparent-card-active: #FAFAFA0A;\n --on-dark-surface-transparent-card-brightness: #FAFAFA0F;\n --on-dark-surface-clear: #FFFFFF00;\n --on-dark-surface-clear-hover: #FFFFFF00;\n --on-dark-surface-clear-active: #FFFFFF00;\n --on-dark-surface-accent: #0BA686;\n --on-dark-surface-accent-hover: #0F9928FF;\n --on-dark-surface-accent-active: #0C7D21FF;\n --on-dark-surface-accent-minor: #04473B;\n --on-dark-surface-solid-card: #232323;\n --on-dark-surface-solid-card-active: #121212FF;\n --on-dark-surface-solid-card-hover: #1C1C1CFF;\n --on-dark-surface-solid-default-hover: #F9F7F5FF;\n --on-dark-surface-solid-default-active: #F2ECE9FF;\n --on-dark-surface-solid-card-brightness: #262626FF;\n --on-dark-surface-solid-default: #F6F2F0;\n --on-dark-surface-positive: #A6D2A2;\n --on-dark-surface-positive-hover: #0F9928FF;\n --on-dark-surface-positive-active: #0C7D21FF;\n --on-dark-surface-warning: #F8AD80;\n --on-dark-surface-warning-hover: #E65400FF;\n --on-dark-surface-warning-active: #C74900FF;\n --on-dark-surface-negative: #F8A6A9;\n --on-dark-surface-negative-hover: #ED1D31FF;\n --on-dark-surface-negative-active: #D91226FF;\n --on-dark-surface-info: #9BCAF8;\n --on-dark-surface-info-hover: #0D7EC9FF;\n --on-dark-surface-info-active: #0B6CADFF;\n --on-dark-surface-positive-minor-hover: #0E3A16FF;\n --on-dark-surface-positive-minor-active: #08210CFF;\n --on-dark-surface-warning-minor-hover: #4F250DFF;\n --on-dark-surface-warning-minor-active: #351909FF;\n --on-dark-surface-transparent-accent: #0BA68633;\n --on-dark-surface-transparent-accent-active: #0D872424;\n --on-dark-surface-transparent-accent-hover: #0D872452;\n --on-dark-surface-transparent-positive-active: #0D872424;\n --on-dark-surface-transparent-warning-hover: #D14D0052;\n --on-dark-surface-transparent-negative-hover: #E2122752;\n --on-dark-surface-transparent-negative-active: #E2122724;\n --on-dark-surface-transparent-info-hover: #0C72B652;\n --on-dark-surface-transparent-info-active: #0C72B624;\n --on-dark-surface-read-only: #F9F9F905;\n --on-dark-surface-read-only-hover: #FAFAFA0F;\n --on-dark-surface-read-only-active: #FAFAFA00;\n --on-light-surface-solid-primary: #FFFFFF;\n --on-light-surface-solid-primary-hover: #F2F2F2FF;\n --on-light-surface-solid-primary-active: #F0F0F0FF;\n --on-light-surface-solid-primary-brightness: #FFFFFFFF;\n --on-light-surface-solid-secondary: #FFFFFF;\n --on-light-surface-solid-secondary-hover: #E8E8E8FF;\n --on-light-surface-solid-secondary-active: #E6E6E6FF;\n --on-light-surface-solid-tertiary: #FFFFFF;\n --on-light-surface-solid-tertiary-hover: #D9D9D9FF;\n --on-dark-surface-negative-minor-hover: #5B1018FF;\n --on-dark-surface-negative-minor-active: #410B11FF;\n --on-dark-surface-transparent-positive-hover: #0D872452;\n --on-dark-surface-info-minor-hover: #10344CFF;\n --on-dark-surface-info-minor-active: #0A2333FF;\n --on-light-surface-transparent-primary: #15110F0A;\n --on-light-surface-transparent-primary-hover: #0808080D;\n --on-light-surface-transparent-primary-active: #0808080F;\n --on-light-surface-transparent-secondary: #15110F14;\n --on-light-surface-transparent-secondary-hover: #0808081A;\n --on-light-surface-transparent-secondary-active: #0808081F;\n --on-light-surface-transparent-tertiary: #15110F1F;\n --on-light-surface-transparent-tertiary-hover: #0808082E;\n --on-light-surface-transparent-tertiary-active: #08080833;\n --on-light-surface-transparent-deep: #FFFFFFB3;\n --on-light-surface-transparent-deep-hover: #080808B3;\n --on-light-surface-transparent-deep-active: #080808B8;\n --on-light-surface-transparent-card: #FFFFFF85;\n --on-light-surface-transparent-card-hover: #FFFFFFFF;\n --on-light-surface-transparent-card-active: #FFFFFFFF;\n --on-light-surface-transparent-card-brightness: #FFFFFFFF;\n --on-light-surface-clear: #FFFFFF00;\n --on-light-surface-clear-hover: #FFFFFF00;\n --on-light-surface-clear-active: #FFFFFF00;\n --on-light-surface-accent: #0BA686;\n --on-light-surface-accent-hover: #0F9928FF;\n --on-light-surface-accent-active: #0B741FFF;\n --on-light-surface-solid-card: #FFFFFF;\n --on-light-surface-solid-card-active: #FFFFFFFF;\n --on-light-surface-solid-card-hover: #FFFFFFFF;\n --on-light-surface-solid-default-hover: #262626FF;\n --on-light-surface-solid-default-active: #030303FF;\n --on-light-surface-solid-card-brightness: #FFFFFFFF;\n --on-light-surface-solid-default: #15110F;\n --on-light-surface-positive: #239322;\n --on-light-surface-positive-hover: #0F9928FF;\n --on-light-surface-positive-active: #0B741FFF;\n --on-light-surface-warning: #BE4E0C;\n --on-light-surface-warning-hover: #E65400FF;\n --on-light-surface-warning-active: #BD4500FF;\n --on-light-surface-negative: #E83439;\n --on-light-surface-negative-hover: #ED1D31FF;\n --on-light-surface-negative-active: #D01124FF;\n --on-light-surface-info: #3776BC;\n --on-light-surface-info-hover: #0D84D3FF;\n --on-light-surface-info-active: #0A66A3FF;\n --on-light-surface-positive-minor-hover: #94F9A7FF;\n --on-light-surface-positive-minor-active: #8BF99FFF;\n --on-light-surface-warning-minor-hover: #FEDCC8FF;\n --on-light-surface-accent-minor-active: #8BF99FFF;\n --on-light-surface-transparent-accent-hover: #0D87242E;\n --on-light-surface-transparent-accent: #0BA6861F;\n --on-light-surface-transparent-accent-active: #0D872433;\n --on-light-surface-transparent-positive-hover: #0D87242E;\n --on-light-surface-transparent-positive-active: #0D872433;\n --on-light-surface-transparent-warning-hover: #D14D002E;\n --on-light-surface-transparent-warning-active: #D14D0033;\n --on-light-surface-transparent-negative-hover: #E212272E;\n --on-light-surface-transparent-negative-active: #E2122733;\n --on-light-surface-transparent-info-hover: #0C72B62E;\n --on-light-surface-transparent-info-active: #0C72B633;\n --on-light-surface-read-only: #F9F9F903;\n --on-light-surface-read-only-hover: #FAFAFA05;\n --on-light-surface-read-only-active: #FAFAFA08;\n --inverse-surface-solid-primary: #FFFFFF;\n --inverse-surface-solid-primary-hover: #F2F2F2FF;\n --inverse-surface-solid-primary-active: #F0F0F0FF;\n --inverse-surface-solid-primary-brightness: #FFFFFFFF;\n --inverse-surface-solid-secondary: #FFFFFF;\n --inverse-surface-solid-secondary-hover: #E8E8E8FF;\n --inverse-surface-solid-secondary-active: #E6E6E6FF;\n --on-light-surface-negative-minor-active: #FFD1D6FF;\n --on-light-surface-negative-minor-hover: #FFD6DAFF;\n --on-light-surface-info-minor-active: #C2E7FFFF;\n --on-light-surface-info-minor-hover: #C7E9FFFF;\n --inverse-surface-solid-default-hover: #262626FF;\n --inverse-surface-solid-default-active: #030303FF;\n --inverse-surface-transparent-primary: #15110F0A;\n --inverse-surface-transparent-primary-hover: #0808080D;\n --inverse-surface-transparent-primary-active: #0808080F;\n --inverse-surface-transparent-secondary: #15110F14;\n --inverse-surface-transparent-secondary-hover: #0808081A;\n --inverse-surface-transparent-secondary-active: #0808081F;\n --inverse-surface-transparent-tertiary: #15110F1F;\n --inverse-surface-transparent-tertiary-hover: #0808082E;\n --inverse-surface-transparent-tertiary-active: #08080833;\n --inverse-surface-transparent-deep: #FFFFFFB3;\n --inverse-surface-transparent-deep-hover: #080808B3;\n --inverse-surface-transparent-deep-active: #080808B8;\n --inverse-surface-transparent-card: #FFFFFF85;\n --inverse-surface-transparent-card-hover: #FFFFFFFF;\n --inverse-surface-transparent-card-active: #FFFFFFFF;\n --inverse-surface-transparent-card-brightness: #FFFFFFFF;\n --inverse-surface-clear: #FFFFFF00;\n --inverse-surface-clear-hover: #FFFFFF00;\n --inverse-surface-clear-active: #FFFFFF00;\n --inverse-surface-accent: #0BA686;\n --inverse-surface-solid-tertiary-hover: #D9D9D9FF;\n --inverse-surface-solid-card: #FFFFFF;\n --inverse-surface-solid-tertiary-active: #D4D4D4FF;\n --inverse-surface-solid-card-brightness: #FFFFFFFF;\n --inverse-surface-solid-default: #15110F;\n --inverse-surface-solid-card-hover: #FFFFFFFF;\n --inverse-surface-solid-card-active: #FFFFFFFF;\n --inverse-surface-positive: #239322;\n --inverse-surface-positive-hover: #0F9928FF;\n --inverse-surface-positive-active: #0B741FFF;\n --inverse-surface-warning: #BE4E0C;\n --inverse-surface-warning-hover: #E65400FF;\n --inverse-surface-warning-active: #BD4500FF;\n --inverse-surface-negative: #E83439;\n --inverse-surface-negative-hover: #ED1D31FF;\n --inverse-surface-negative-active: #D01124FF;\n --inverse-surface-info: #3776BC;\n --inverse-surface-info-hover: #0D84D3FF;\n --inverse-surface-info-active: #0A66A3FF;\n --inverse-surface-positive-minor-hover: #94F9A7FF;\n --inverse-surface-accent-hover: #0F9928FF;\n --inverse-surface-accent-minor-hover: #94F9A7FF;\n --inverse-surface-accent-active: #0B741FFF;\n --inverse-surface-transparent-accent-hover: #0D87242E;\n --inverse-surface-transparent-accent-active: #0D872433;\n --inverse-surface-accent-minor-active: #8BF99FFF;\n --inverse-surface-transparent-accent: #0BA6861F;\n --inverse-surface-info-minor-hover: #C7E9FFFF;\n --inverse-surface-info-minor-active: #C2E7FFFF;\n --inverse-surface-transparent-positive-hover: #0D87242E;\n --inverse-surface-transparent-positive-active: #0D872433;\n --inverse-surface-transparent-warning-hover: #D14D002E;\n --inverse-surface-transparent-warning-active: #D14D0033;\n --inverse-surface-transparent-negative-hover: #E212272E;\n --inverse-surface-transparent-negative-active: #E2122733;\n --inverse-surface-transparent-info-hover: #0C72B62E;\n --inverse-surface-transparent-info-active: #0C72B633;\n --inverse-surface-read-only: #F9F9F903;\n --inverse-surface-read-only-hover: #FAFAFA05;\n --inverse-surface-read-only-active: #FAFAFA08;\n --background-primary: #141413;\n --background-secondary: #0F0F0F;\n --background-tertiary: #141413;\n --dark-background-primary: #141413;\n --dark-background-secondary: #0F0F0F;\n --dark-background-tertiary: #141413;\n --light-background-primary: #EBE7E5;\n --inverse-surface-warning-minor-hover: #FEDCC8FF;\n --inverse-surface-warning-minor-active: #FED9C3FF;\n --inverse-surface-negative-minor-active: #FFD1D6FF;\n --inverse-surface-negative-minor-hover: #FFD6DAFF;\n --on-dark-overlay-soft: #0000001F;\n --on-dark-overlay-hard: #00000029;\n --on-light-overlay-soft: #0000003D;\n --on-light-overlay-hard: #00000052;\n --inverse-overlay-soft: #0000003D;\n --inverse-overlay-hard: #00000052;\n --outline-solid-primary-hover: #545454FF;\n --outline-solid-primary-active: #171717FF;\n --outline-solid-secondary-hover: #ABABABFF;\n --outline-solid-secondary-active: #363636FF;\n --outline-solid-tertiary-active: #525252FF;\n --outline-solid-default-hover: #808080FF;\n --outline-solid-default-active: #616161FF;\n --outline-transparent-primary: #FFFFFF1F;\n --outline-transparent-primary-hover: #FAFAFA4D;\n --outline-transparent-primary-active: #FAFAFA12;\n --outline-transparent-secondary-hover: #FAFAFAB3;\n --outline-transparent-secondary-active: #FAFAFA2B;\n --outline-transparent-tertiary-hover: #FAFAFAFF;\n --outline-transparent-tertiary-active: #FAFAFA47;\n --outline-clear: #FFFFFF00;\n --light-background-tertiary: #FFFFFF;\n --inverse-background-secondary: #F6F2F0;\n --inverse-background-primary: #EBE7E5;\n --overlay-hard: #00000029;\n --inverse-background-tertiary: #FFFFFF;\n --overlay-soft: #0000001F;\n --outline-transparent-accent-hover: #108E25B3;\n --outline-transparent-accent-active: #108E252B;\n --outline-positive: #A6D2A2;\n --outline-positive-hover: #16C533FF;\n --outline-positive-active: #0E7C20FF;\n --outline-warning: #F8AD80;\n --outline-warning-hover: #FD9253FF;\n --outline-warning-active: #CA4B02FF;\n --outline-negative: #F8A6A9;\n --outline-negative-hover: #F76977FF;\n --outline-negative-active: #E40C22FF;\n --outline-info: #9BCAF8;\n --outline-info-hover: #47B0F5FF;\n --outline-info-active: #096CAEFF;\n --outline-positive-minor-hover: #0F9527FF;\n --outline-positive-minor-active: #074A14FF;\n --outline-warning-minor-hover: #BB4F11FF;\n --outline-warning-minor-active: #70300AFF;\n --outline-negative-minor-hover: #D41C2EFF;\n --outline-negative-minor-active: #8C121EFF;\n --outline-info-minor-hover: #1277BAFF;\n --outline-info-minor-active: #0B476FFF;\n --outline-clear-hover: #FFFFFF00;\n --outline-clear-active: #FFFFFF00;\n --outline-accent-minor-hover: #0F9527FF;\n --outline-accent-minor-active: #074A14FF;\n --outline-accent-hover: #16C533FF;\n --outline-accent-active: #0E7C20FF;\n --outline-transparent-info-hover: #47B0F5FF;\n --outline-transparent-info-active: #096CAEFF;\n --outline-read-only-hover: #FAFAFA4D;\n --outline-read-only-active: #FAFAFA12;\n --on-dark-outline-solid-primary-hover: #545454FF;\n --on-dark-outline-solid-primary-active: #171717FF;\n --on-dark-outline-solid-secondary-hover: #ABABABFF;\n --on-dark-outline-solid-secondary-active: #363636FF;\n --on-dark-outline-solid-tertiary-hover: #FFFFFFFF;\n --on-dark-outline-solid-tertiary-active: #525252FF;\n --on-dark-outline-solid-default-hover: #808080FF;\n --on-dark-outline-solid-default-active: #616161FF;\n --on-dark-outline-transparent-primary: #FFFFFF1F;\n --on-dark-outline-transparent-primary-hover: #FAFAFA4D;\n --on-dark-outline-transparent-primary-active: #FAFAFA12;\n --on-dark-outline-transparent-secondary-hover: #FAFAFAB3;\n --on-dark-outline-transparent-secondary-active: #FAFAFA2B;\n --on-dark-outline-transparent-tertiary-hover: #FAFAFAFF;\n --outline-transparent-positive-active: #0E7C20FF;\n --outline-transparent-warning-hover: #FD9253FF;\n --outline-transparent-negative-active: #E40C22FF;\n --outline-transparent-warning-active: #CA4B02FF;\n --on-dark-outline-accent-minor-hover: #0F9527FF;\n --on-dark-outline-accent-minor-active: #074A14FF;\n --on-dark-outline-transparent-accent-hover: #108E25B3;\n --on-dark-outline-transparent-accent-active: #108E252B;\n --on-dark-outline-positive: #A6D2A2;\n --on-dark-outline-positive-hover: #16C533FF;\n --on-dark-outline-positive-active: #0E7C20FF;\n --on-dark-outline-warning: #F8AD80;\n --on-dark-outline-warning-hover: #FD9253FF;\n --on-dark-outline-warning-active: #CA4B02FF;\n --on-dark-outline-negative: #F8A6A9;\n --on-dark-outline-negative-hover: #F76977FF;\n --on-dark-outline-negative-active: #E40C22FF;\n --on-dark-outline-info: #9BCAF8;\n --on-dark-outline-info-hover: #47B0F5FF;\n --on-dark-outline-info-active: #096CAEFF;\n --on-dark-outline-positive-minor-hover: #0F9527FF;\n --on-dark-outline-warning-minor-hover: #BB4F11FF;\n --on-dark-outline-clear: #FFFFFF00;\n --on-dark-outline-clear-active: #FFFFFF00;\n --on-dark-outline-clear-hover: #FFFFFF00;\n --on-dark-outline-accent-active: #0E7C20FF;\n --on-dark-outline-accent-hover: #16C533FF;\n --on-dark-outline-transparent-positive-hover: #16C533FF;\n --on-dark-outline-transparent-positive-active: #0E7C20FF;\n --on-dark-outline-transparent-warning-hover: #FD9253FF;\n --on-dark-outline-transparent-negative-hover: #F76977FF;\n --on-dark-outline-transparent-negative-active: #E40C22FF;\n --on-dark-outline-transparent-info-hover: #47B0F5FF;\n --on-dark-outline-transparent-info-active: #096CAEFF;\n --on-dark-outline-read-only-hover: #FAFAFA4D;\n --on-dark-outline-read-only-active: #FAFAFA12;\n --on-light-outline-solid-primary-hover: #ABABABFF;\n --on-light-outline-solid-primary-active: #C4C4C4FF;\n --on-light-outline-solid-secondary-hover: #DBDBDBFF;\n --on-light-outline-solid-secondary-active: #8F8F8FFF;\n --on-dark-outline-negative-minor-active: #8C121EFF;\n --on-dark-outline-negative-minor-hover: #D41C2EFF;\n --on-dark-outline-info-minor-active: #0B476FFF;\n --on-dark-outline-info-minor-hover: #1277BAFF;\n --on-light-outline-transparent-secondary-hover: #0808082B;\n --on-light-outline-transparent-secondary-active: #08080872;\n --on-light-outline-transparent-tertiary-hover: #08080847;\n --on-light-outline-transparent-tertiary-active: #080808FF;\n --on-light-outline-clear: #FFFFFF00;\n --on-light-outline-clear-hover: #FFFFFF00;\n --on-light-outline-clear-active: #FFFFFF00;\n --on-light-outline-accent-hover: #0F9527FF;\n --on-light-outline-accent-active: #074A14FF;\n --on-light-outline-accent-minor-hover: #7AE68EFF;\n --on-light-outline-accent-minor-active: #23B83EFF;\n --on-light-outline-transparent-accent-hover: #095D191F;\n --on-light-outline-transparent-accent-active: #095D1952;\n --on-light-outline-positive: #239322;\n --on-light-outline-positive-hover: #0F9527FF;\n --on-light-outline-solid-tertiary-active: #5C5C5CFF;\n --on-light-outline-solid-default-hover: #969696FF;\n --on-light-outline-transparent-primary-hover: #08080852;\n --on-light-outline-transparent-primary-active: #08080838;\n --on-light-outline-solid-default-active: #080808FF;\n --on-light-outline-transparent-primary: #15110F3D;\n --on-light-outline-info-active: #093B5DFF;\n --on-light-outline-positive-minor-hover: #7AE68EFF;\n --on-light-outline-positive-minor-active: #23B83EFF;\n --on-light-outline-warning-minor-hover: #FDB790FF;\n --on-light-outline-warning-minor-active: #FC8240FF;\n --on-light-outline-negative-minor-hover: #FFB8BFFF;\n --on-light-outline-negative-minor-active: #FF6675FF;\n --on-light-outline-info-minor-hover: #A3DAFFFF;\n --on-light-outline-info-minor-active: #29A9FFFF;\n --on-light-outline-transparent-positive-hover: #0F9527FF;\n --on-light-outline-transparent-positive-active: #074A14FF;\n --on-light-outline-transparent-warning-hover: #B14B10FF;\n --on-light-outline-transparent-warning-active: #5D2809FF;\n --on-light-outline-transparent-negative-hover: #DD1D30FF;\n --on-light-outline-transparent-negative-active: #8C121EFF;\n --on-light-outline-transparent-info-hover: #137DC3FF;\n --on-light-outline-transparent-info-active: #093B5DFF;\n --on-light-outline-warning: #BE4E0C;\n --on-light-outline-negative: #E83439;\n --on-light-outline-warning-hover: #B14B10FF;\n --on-light-outline-info: #3776BC;\n --on-light-outline-info-hover: #137DC3FF;\n --on-light-outline-negative-hover: #DD1D30FF;\n --on-light-outline-negative-active: #8C121EFF;\n --inverse-outline-solid-tertiary-hover: #A3A3A3FF;\n --inverse-outline-solid-tertiary-active: #5C5C5CFF;\n --inverse-outline-solid-default-hover: #969696FF;\n --inverse-outline-solid-default-active: #080808FF;\n --inverse-outline-transparent-primary: #15110F3D;\n --inverse-outline-transparent-primary-hover: #15110F25;\n --inverse-outline-transparent-primary-active: #15110F62;\n --inverse-outline-transparent-secondary-hover: #0808082B;\n --inverse-outline-transparent-tertiary-hover: #08080847;\n --inverse-outline-transparent-tertiary-active: #080808FF;\n --inverse-outline-clear: #FFFFFF00;\n --inverse-outline-clear-hover: #FFFFFF00;\n --inverse-outline-clear-active: #FFFFFF00;\n --inverse-outline-accent-hover: #0F9527FF;\n --inverse-outline-accent-active: #074A14FF;\n --inverse-outline-accent-minor-hover: #7AE68EFF;\n --inverse-outline-accent-minor-active: #23B83EFF;\n --on-light-outline-read-only-active: #FAFAFA1C;\n --inverse-outline-solid-primary-hover: #ABABABFF;\n --inverse-outline-solid-secondary-hover: #DBDBDBFF;\n --inverse-outline-solid-secondary-active: #8F8F8FFF;\n --inverse-outline-solid-primary-active: #C4C4C4FF;\n --inverse-outline-positive: #239322;\n --inverse-outline-positive-hover: #0F9527FF;\n --inverse-outline-positive-active: #074A14FF;\n --inverse-outline-warning: #BE4E0C;\n --inverse-outline-warning-hover: #F3813FFF;\n --inverse-outline-warning-active: #A3420AFF;\n --inverse-outline-negative: #E83439;\n --inverse-outline-negative-hover: #DD1D30FF;\n --inverse-outline-negative-active: #8C121EFF;\n --inverse-outline-info: #3776BC;\n --inverse-outline-info-hover: #137DC3FF;\n --inverse-outline-info-active: #093B5DFF;\n --inverse-outline-positive-minor-hover: #7AE68EFF;\n --inverse-outline-positive-minor-active: #23B83EFF;\n --inverse-outline-warning-minor-hover: #FDB790FF;\n --inverse-outline-negative-minor-hover: #FFB8BFFF;\n --inverse-outline-negative-minor-active: #FF6675FF;\n --inverse-outline-info-minor-hover: #A3DAFFFF;\n --inverse-outline-info-minor-active: #29A9FFFF;\n --inverse-outline-transparent-positive-hover: #0F9527FF;\n --inverse-outline-transparent-positive-active: #074A14FF;\n --inverse-outline-transparent-accent-active: #095D1952;\n --inverse-outline-read-only-hover: #FAFAFA36;\n --inverse-outline-read-only-active: #FAFAFA1C;\n --data-yellow-hover: #F4B22FFF;\n --data-yellow-active: #EDA20CFF;\n --data-yellow-minor-hover: #B87A00FF;\n --data-yellow-minor-active: #996600FF;\n --data-yellow-transparent-hover: #F3A812AD;\n --data-yellow-transparent-active: #F3A81280;\n --on-dark-data-yellow-hover: #F4B22FFF;\n --on-dark-data-yellow-active: #EDA20CFF;\n --on-dark-data-yellow-minor-hover: #B87A00FF;\n --on-dark-data-yellow-minor-active: #996600FF;\n --on-dark-data-yellow-transparent-hover: #F3A812AD;\n --on-dark-data-yellow-transparent-active: #F3A81280;\n --on-light-data-yellow-hover: #F5B638FF;\n --on-light-data-yellow-active: #E49C0CFF;\n --on-light-data-yellow-minor-hover: #FFCF70FF;\n --on-light-data-yellow-minor-active: #FFCC66FF;\n --inverse-outline-transparent-warning-hover: #B14B10FF;\n --inverse-outline-transparent-negative-hover: #DD1D30FF;\n --inverse-outline-transparent-info-hover: #137DC3FF;\n --inverse-outline-transparent-info-active: #093B5DFF;\n --inverse-outline-transparent-negative-active: #8C121EFF;\n --inverse-data-yellow-transparent-hover: #F3A8129E;\n --inverse-data-yellow-transparent-active: #F3A812A3;\n --on-light-data-yellow-transparent-active: #F3A812A3;\n --inverse-data-yellow-hover: #F5B638FF;\n --inverse-data-yellow-active: #E49C0CFF;\n --inverse-data-yellow-minor-active: #FFCC66FF;\n color: var(--text-primary);\n background-color: var(--background-primary);\n}\n\n:root {\n --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);\n --inverse-surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);\n --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);\n --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);\n --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);\n --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);\n --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);\n --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);\n --outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);\n --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);\n --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);\n --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);\n --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);\n --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);\n --inverse-overlay-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);\n --on-light-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);\n --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);\n --surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);\n --overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);\n --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);\n --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);\n --on-dark-surface-skeleton-gradient: linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%);\n --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);\n --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);\n --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);\n --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);\n --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);\n --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);\n --on-light-surface-skeleton-gradient: linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%);\n --personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);\n --on-light-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);\n --text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);\n --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%);\n --on-dark-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);\n --on-light-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);\n --personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);\n --on-light-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);\n --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);\n --on-light-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);\n --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);\n --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);\n --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);\n --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);\n --inverse-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%);\n --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);\n --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);\n --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);\n --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);\n --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);\n --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);\n --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);\n --on-light-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);\n --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);\n --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);\n --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);\n --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);\n --surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);\n --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);\n --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);\n --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);\n --inverse-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);\n --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);\n --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);\n}\n\n:root {\n --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;\n --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;\n --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;\n --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;\n --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;\n --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;\n --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;\n --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;\n --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;\n --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;\n --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;\n --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;\n}\n\n:root {\n --border-radius-4xl: 2rem;\n --border-radius-3xl: 1.75rem;\n --border-radius-5xl: 2.5rem;\n --border-radius-l: 1rem;\n --border-radius-xl: 1.25rem;\n --border-radius-xxl: 1.5rem;\n --border-radius-circle: 100rem;\n --border-radius-xs: 0.375rem;\n --border-radius-s: 0.5rem;\n --border-radius-xxs: 0.25rem;\n --border-radius-m: 0.75rem;\n}\n\n:root {\n --spacing-16x: 2rem;\n --spacing-1x: 0.125rem;\n --spacing-3x: 0.375rem;\n --spacing-4x: 0.5rem;\n --spacing-6x: 0.75rem;\n --spacing-8x: 1rem;\n --spacing-10x: 1.25rem;\n --spacing-12x: 1.5rem;\n --spacing-20x: 2.5rem;\n --spacing-24x: 3rem;\n --spacing-32x: 4rem;\n --spacing-40x: 5rem;\n --spacing-60x: 7.5rem;\n --spacing-2x: 0.25rem;\n --spacing-0x: 0rem;\n}\n\n:root {\n font-size: 16px;\n --plasma-typo-overflow-wrap: break-word;\n --plasma-typo-hyphens: auto;\n --plasma-typo-display-font-family: 'SB Sans Display', sans-serif;\n --plasma-typo-body-font-family: 'SB Sans Text', sans-serif;\n --plasma-typo-header-font-family: 'SB Sans Display', sans-serif;\n --plasma-typo-text-font-family: 'undefined', sans-serif;\n --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xxs-bold-letter-spacing: normal;\n --plasma-typo-body-xxs-bold-font-style: normal;\n --plasma-typo-h2-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h2-medium-letter-spacing: normal;\n --plasma-typo-h2-medium-font-style: normal;\n --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-letter-spacing: normal;\n --plasma-typo-dspl-s-font-style: normal;\n --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-bold-letter-spacing: normal;\n --plasma-typo-dspl-s-bold-font-style: normal;\n --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-medium-letter-spacing: normal;\n --plasma-typo-dspl-s-medium-font-style: normal;\n --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h1-letter-spacing: normal;\n --plasma-typo-h1-font-style: normal;\n --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h1-bold-letter-spacing: normal;\n --plasma-typo-h1-bold-font-style: normal;\n --plasma-typo-h1-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h1-medium-letter-spacing: normal;\n --plasma-typo-h1-medium-font-style: normal;\n --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h2-letter-spacing: normal;\n --plasma-typo-h2-font-style: normal;\n --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h2-bold-letter-spacing: normal;\n --plasma-typo-h2-bold-font-style: normal;\n --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h3-letter-spacing: normal;\n --plasma-typo-h3-font-style: normal;\n --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h3-bold-letter-spacing: normal;\n --plasma-typo-h3-bold-font-style: normal;\n --plasma-typo-h3-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h3-medium-letter-spacing: normal;\n --plasma-typo-h3-medium-font-style: normal;\n --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h4-letter-spacing: normal;\n --plasma-typo-h4-font-style: normal;\n --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h4-bold-letter-spacing: normal;\n --plasma-typo-h4-bold-font-style: normal;\n --plasma-typo-h4-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-h4-medium-letter-spacing: normal;\n --plasma-typo-h4-medium-font-style: normal;\n --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-l-letter-spacing: normal;\n --plasma-typo-body-l-font-style: normal;\n --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-l-bold-letter-spacing: normal;\n --plasma-typo-body-l-bold-font-style: normal;\n --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-s-letter-spacing: normal;\n --plasma-typo-body-s-font-style: normal;\n --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-s-bold-letter-spacing: normal;\n --plasma-typo-body-s-bold-font-style: normal;\n --plasma-typo-body-s-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-s-medium-letter-spacing: normal;\n --plasma-typo-body-s-medium-font-style: normal;\n --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xs-letter-spacing: normal;\n --plasma-typo-body-xs-font-style: normal;\n --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xs-bold-letter-spacing: normal;\n --plasma-typo-body-xs-bold-font-style: normal;\n --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xs-medium-letter-spacing: normal;\n --plasma-typo-body-xs-medium-font-style: normal;\n --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xxs-letter-spacing: normal;\n --plasma-typo-body-xxs-font-style: normal;\n --plasma-typo-body-l-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-l-medium-letter-spacing: normal;\n --plasma-typo-body-l-medium-font-style: normal;\n --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-m-letter-spacing: normal;\n --plasma-typo-body-m-font-style: normal;\n --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-m-bold-letter-spacing: normal;\n --plasma-typo-body-m-bold-font-style: normal;\n --plasma-typo-body-m-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-m-medium-letter-spacing: normal;\n --plasma-typo-body-m-medium-font-style: normal;\n --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-body-xxs-medium-letter-spacing: normal;\n --plasma-typo-body-xxs-medium-font-style: normal;\n}\n\n@media (max-width: 559px) {\n :root {\n --plasma-typo-body-xxs-bold-font-size: 0.6875rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.8125rem;\n --plasma-typo-h2-medium-font-size: 1.375rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 1.75rem;\n --plasma-typo-dspl-s-font-size: 2.125rem;\n --plasma-typo-dspl-s-font-weight: 400;\n --plasma-typo-dspl-s-line-height: 2.5625rem;\n --plasma-typo-dspl-s-bold-font-size: 2.125rem;\n --plasma-typo-dspl-s-bold-font-weight: 700;\n --plasma-typo-dspl-s-bold-line-height: 2.5625rem;\n --plasma-typo-dspl-s-medium-font-size: 2.125rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 2.5625rem;\n --plasma-typo-h1-font-size: 1.75rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 2.25rem;\n --plasma-typo-h1-bold-font-size: 1.75rem;\n --plasma-typo-h1-bold-font-weight: 700;\n --plasma-typo-h1-bold-line-height: 2.25rem;\n --plasma-typo-h1-medium-font-size: 1.75rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 2.25rem;\n --plasma-typo-h2-font-size: 1.375rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 1.75rem;\n --plasma-typo-h2-bold-font-size: 1.375rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 1.75rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.4375rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 700;\n --plasma-typo-h3-bold-line-height: 1.4375rem;\n --plasma-typo-h3-medium-font-size: 1.25rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 1.4375rem;\n --plasma-typo-h4-font-size: 1rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.25rem;\n --plasma-typo-h4-bold-font-size: 1rem;\n --plasma-typo-h4-bold-font-weight: 700;\n --plasma-typo-h4-bold-line-height: 1.25rem;\n --plasma-typo-h4-medium-font-size: 1rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.25rem;\n --plasma-typo-body-l-font-size: 0.9375rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.25rem;\n --plasma-typo-body-l-bold-font-size: 0.9375rem;\n --plasma-typo-body-l-bold-font-weight: 700;\n --plasma-typo-body-l-bold-line-height: 1.25rem;\n --plasma-typo-body-s-font-size: 0.8125rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 0.9375rem;\n --plasma-typo-body-s-bold-font-size: 0.8125rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 0.9375rem;\n --plasma-typo-body-s-medium-font-size: 0.8125rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 0.9375rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 0.875rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 0.875rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 0.875rem;\n --plasma-typo-body-xxs-font-size: 0.6875rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.8125rem;\n --plasma-typo-body-l-medium-font-size: 0.9375rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.25rem;\n --plasma-typo-body-m-font-size: 0.875rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.125rem;\n --plasma-typo-body-m-bold-font-size: 0.875rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.125rem;\n --plasma-typo-body-m-medium-font-size: 0.875rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.125rem;\n --plasma-typo-body-xxs-medium-font-size: 0.6875rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.8125rem;\n }\n}\n\n@media (min-width: 560px) and (max-width: 959px) {\n :root {\n --plasma-typo-dspl-s-font-size: 2.125rem;\n --plasma-typo-dspl-s-font-weight: 400;\n --plasma-typo-dspl-s-line-height: 2.5625rem;\n --plasma-typo-dspl-s-bold-font-size: 2.125rem;\n --plasma-typo-dspl-s-bold-font-weight: 700;\n --plasma-typo-dspl-s-bold-line-height: 2.5625rem;\n --plasma-typo-dspl-s-medium-font-size: 2.125rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 2.5625rem;\n --plasma-typo-h1-font-size: 1.75rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 2.25rem;\n --plasma-typo-h1-bold-font-size: 1.75rem;\n --plasma-typo-h1-bold-font-weight: 700;\n --plasma-typo-h1-bold-line-height: 2.25rem;\n --plasma-typo-h1-medium-font-size: 1.75rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 2.25rem;\n --plasma-typo-h2-font-size: 1.375rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 1.75rem;\n --plasma-typo-h2-bold-font-size: 1.375rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 1.75rem;\n --plasma-typo-h2-medium-font-size: 1.375rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 1.75rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.4375rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 700;\n --plasma-typo-h3-bold-line-height: 1.4375rem;\n --plasma-typo-h3-medium-font-size: 1.25rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 1.4375rem;\n --plasma-typo-h4-font-size: 1.125rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.5rem;\n --plasma-typo-h4-bold-font-size: 1rem;\n --plasma-typo-h4-bold-font-weight: 700;\n --plasma-typo-h4-bold-line-height: 1.25rem;\n --plasma-typo-h4-medium-font-size: 1rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.25rem;\n --plasma-typo-body-l-font-size: 0.9375rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.25rem;\n --plasma-typo-body-l-bold-font-size: 0.9375rem;\n --plasma-typo-body-l-bold-font-weight: 700;\n --plasma-typo-body-l-bold-line-height: 1.25rem;\n --plasma-typo-body-l-medium-font-size: 0.9375rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.125rem;\n --plasma-typo-body-m-font-size: 0.875rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.125rem;\n --plasma-typo-body-m-bold-font-size: 0.875rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.125rem;\n --plasma-typo-body-m-medium-font-size: 0.875rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.125rem;\n --plasma-typo-body-s-font-size: 0.8125rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 0.9375rem;\n --plasma-typo-body-s-bold-font-size: 0.8125rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 0.9375rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.125rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 0.875rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 0.875rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 0.875rem;\n --plasma-typo-body-xxs-font-size: 0.6875rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.8125rem;\n --plasma-typo-body-xxs-bold-font-size: 0.6875rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.8125rem;\n --plasma-typo-body-xxs-medium-font-size: 0.6875rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.8125rem;\n }\n}\n\n@media (min-width: 960px) {\n :root {\n --plasma-typo-dspl-s-font-size: 2.125rem;\n --plasma-typo-dspl-s-font-weight: 400;\n --plasma-typo-dspl-s-line-height: 2.5625rem;\n --plasma-typo-dspl-s-bold-font-size: 2.125rem;\n --plasma-typo-dspl-s-bold-font-weight: 700;\n --plasma-typo-dspl-s-bold-line-height: 2.5625rem;\n --plasma-typo-dspl-s-medium-font-size: 2.125rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 2.5625rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.375rem;\n --plasma-typo-h2-bold-font-size: 1.375rem;\n --plasma-typo-h2-bold-font-weight: 700;\n --plasma-typo-h2-bold-line-height: 1.75rem;\n --plasma-typo-h2-medium-font-size: 1.375rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 1.75rem;\n --plasma-typo-h3-font-size: 1.25rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 1.4375rem;\n --plasma-typo-h3-bold-font-size: 1.25rem;\n --plasma-typo-h3-bold-font-weight: 700;\n --plasma-typo-h3-bold-line-height: 1.4375rem;\n --plasma-typo-h1-font-size: 1.75rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 2.25rem;\n --plasma-typo-h1-bold-font-size: 1.75rem;\n --plasma-typo-h1-bold-font-weight: 700;\n --plasma-typo-h1-bold-line-height: 2.25rem;\n --plasma-typo-h1-medium-font-size: 1.75rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 2.25rem;\n --plasma-typo-h2-font-size: 1.375rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 1.75rem;\n --plasma-typo-h3-medium-font-size: 1.25rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 1.4375rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.625rem;\n --plasma-typo-h4-bold-font-size: 1rem;\n --plasma-typo-h4-bold-font-weight: 700;\n --plasma-typo-h4-bold-line-height: 1.25rem;\n --plasma-typo-h4-medium-font-size: 1rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.25rem;\n --plasma-typo-body-l-bold-font-size: 0.9375rem;\n --plasma-typo-body-l-bold-font-weight: 700;\n --plasma-typo-body-l-bold-line-height: 1.25rem;\n --plasma-typo-body-l-medium-font-size: 0.9375rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.125rem;\n --plasma-typo-body-m-font-size: 0.875rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.125rem;\n --plasma-typo-body-m-bold-font-size: 0.875rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.125rem;\n --plasma-typo-body-m-medium-font-size: 0.875rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.125rem;\n --plasma-typo-body-s-font-size: 0.8125rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 0.9375rem;\n --plasma-typo-body-s-bold-font-size: 0.8125rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 0.9375rem;\n --plasma-typo-body-xxs-font-size: 0.6875rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.8125rem;\n --plasma-typo-body-xxs-bold-font-size: 0.6875rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.8125rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.75rem;\n --plasma-typo-body-s-medium-font-size: 0.8125rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 0.9375rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 0.875rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 0.875rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 0.875rem;\n }\n}"];
|
|
8
8
|
|
|
9
9
|
exports.sdds_sbcom__dark = sdds_sbcom__dark;
|
|
10
10
|
//# sourceMappingURL=sdds_sbcom__dark.js.map
|