@salutejs-ds/sdds_sbcom 0.1.4 → 0.1.6
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 +4 -4
- package/components/Button/Button.config.js +7 -7
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.config_1ccu9cu.css +10 -0
- package/components/Button/Button.css +9 -9
- package/components/Button/Button.d.ts +4 -4
- 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_1rh5bl.css +6 -0
- package/components/Checkbox/Checkbox.css +6 -6
- package/components/Checkbox/Checkbox.d.ts +1 -1
- package/components/IconButton/IconButton.config.d.ts +2 -2
- package/components/IconButton/IconButton.config.js +5 -5
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.config_cfiy79.css +9 -0
- package/components/IconButton/IconButton.css +8 -8
- package/components/IconButton/IconButton.d.ts +2 -2
- package/components/Link/Link.config.d.ts +4 -4
- package/components/Link/Link.config.js +5 -5
- package/components/Link/Link.config.js.map +1 -1
- package/{es/components/Link/Link.config_1fm95cc.css → components/Link/Link.config_xhilcr.css} +6 -6
- package/components/Link/Link.css +8 -8
- package/components/Link/Link.d.ts +4 -4
- package/components/Radiobox/Radiobox.config.js +1 -1
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.config_hk6a3j.css +6 -0
- package/components/Radiobox/Radiobox.css +6 -6
- package/css/sdds_sbcom.module.css +291 -151
- package/css/sdds_sbcom__dark.css +150 -81
- package/css/sdds_sbcom__light.css +153 -82
- package/es/components/Button/Button.config.js +7 -7
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.config_1ccu9cu.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_1rh5bl.css +6 -0
- package/es/components/Checkbox/Checkbox.css +6 -6
- package/es/components/IconButton/IconButton.config.js +5 -5
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.config_cfiy79.css +9 -0
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Link/Link.config.js +5 -5
- package/es/components/Link/Link.config.js.map +1 -1
- package/{components/Link/Link.config_1fm95cc.css → es/components/Link/Link.config_xhilcr.css} +6 -6
- package/es/components/Link/Link.css +8 -8
- package/es/components/Radiobox/Radiobox.config.js +1 -1
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config_hk6a3j.css +6 -0
- package/es/components/Radiobox/Radiobox.css +6 -6
- package/es/index.css +37 -37
- package/es/index.js +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 +367 -160
- package/es/theme/tokens/index.js.map +1 -1
- package/index.css +37 -37
- package/index.js +69 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/styled-components/cjs/Button/Button.config.js +7 -7
- package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
- package/styled-components/cjs/IconButton/IconButton.config.js +6 -6
- package/styled-components/cjs/Link/Link.config.js +6 -6
- package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
- package/styled-components/es/Button/Button.config.js +7 -7
- package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
- package/styled-components/es/IconButton/IconButton.config.js +6 -6
- package/styled-components/es/Link/Link.config.js +6 -6
- 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 +255 -117
- package/theme/tokens/index.js +435 -159
- package/theme/tokens/index.js.map +1 -1
- package/components/Button/Button.config_1ufeha7.css +0 -10
- package/components/Checkbox/Checkbox.config_1637oeq.css +0 -6
- package/components/IconButton/IconButton.config_4rapku.css +0 -9
- package/components/Radiobox/Radiobox.config_wxwhpp.css +0 -6
- package/es/components/Button/Button.config_1ufeha7.css +0 -10
- package/es/components/Checkbox/Checkbox.config_1637oeq.css +0 -6
- package/es/components/IconButton/IconButton.config_4rapku.css +0 -9
- package/es/components/Radiobox/Radiobox.config_wxwhpp.css +0 -6
package/es/index.css
CHANGED
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
1
|
+
.Button_config_1ccu9cu_c1fnkof5__99ff9368{--plasma-button-value-color:var(--text-secondary);--plasma-button-loading-background-color:var(--surface-clear);--plasma-button-background-color:var(--surface-clear);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-spinner-color:var(--text-primary);--plasma-button-color:var(--text-primary);}
|
|
2
|
+
.Button_config_1ccu9cu_s1129msw__99ff9368{--plasma-button-value-color:var(--text-secondary);--plasma-button-loading-background-color:var(--surface-transparent-secondary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-button-spinner-color:var(--text-primary);--plasma-button-color:var(--text-primary);}
|
|
3
|
+
.Button_config_1ccu9cu_abaqjet__99ff9368{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-loading-background-color:var(--surface-accent);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);--plasma-button-spinner-color:var(--on-dark-text-primary);}
|
|
4
|
+
.Button_config_1ccu9cu_dmxfxlw__99ff9368{--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-loading-background-color:var(--surface-solid-default);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-background-color-active:var(--surface-solid-default-active);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-spinner-color:var(--inverse-text-primary);--plasma-button-color:var(--inverse-text-primary);}
|
|
5
|
+
.Button_config_1ccu9cu_xleczrv__99ff9368{--plasma-button-radius:var(--border-radius-l);--plasma-button-value-margin:0.125rem;--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-spinner-size:1.5rem;--plasma-button-padding:1.75rem;--plasma-button-left-content-margin:0.625rem;--plasma-button-right-content-margin:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-bold-line-height);}
|
|
6
|
+
.Button_config_1ccu9cu_llekduy__99ff9368{--plasma-button-radius:var(--border-radius-l);--plasma-button-width:12.5rem;--plasma-button-height:3.5rem;--plasma-button-value-margin:0.125rem;--plasma-button-spinner-size:1.375rem;--plasma-button-padding:1.5rem;--plasma-button-left-content-margin:0.5rem;--plasma-button-right-content-margin:0.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-bold-line-height);}
|
|
7
|
+
.Button_config_1ccu9cu_m1yfa47j__99ff9368{--plasma-button-font-family:var(--plasma-typo-body-m-bold-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-bold-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-bold-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-bold-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-bold-line-height);--plasma-button-width:11.25rem;--plasma-button-height:3rem;--plasma-button-radius:var(--border-radius-m);--plasma-button-value-margin:0.125rem;--plasma-button-padding:1.25rem;--plasma-button-spinner-size:1.375rem;--plasma-button-left-content-margin:0.375rem;--plasma-button-right-content-margin:0.375rem;}
|
|
8
8
|
|
|
9
|
-
.
|
|
10
|
-
.
|
|
9
|
+
.Button_config_1ccu9cu_p123wpoi__99ff9368{--plasma-button-radius:var(--border-radius-circle);}
|
|
10
|
+
.Button_config_1ccu9cu_i1w797f8__99ff9368{--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--text-accent);}
|
|
11
11
|
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
12
|
+
.Checkbox_config_1rh5bl_a1rbd3p5__b4684497{--plasma-checkbox-trigger-background-color:transparent;--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-label-color:var(--text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-checked-color:transparent;}
|
|
13
|
+
.Checkbox_config_1rh5bl_n1b31az7__b4684497{--plasma-checkbox-label-color:var(--text-primary);--plasma-checkbox-trigger-border-color:var(--text-negative);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-checked-color:transparent;--plasma-checkbox-fill-color:var(--text-negative);--plasma-checkbox-trigger-background-color:transparent;--plasma-checkbox-description-color:var(--text-secondary);}
|
|
14
|
+
.Checkbox_config_1rh5bl_shc94kv__b4684497{--plasma-checkbox-trigger-border-radius:var(--border-radius-xxs);--plasma-checkbox-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-xs-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-xs-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-xs-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-xs-line-height);--plasma-checkbox-margin:0rem;--plasma-checkbox-content-top-offset:0rem;--plasma-checkbox-trigger-size:0.875rem;--plasma-checkbox-trigger-padding:0.0625rem;--plasma-checkbox-content-left-offset:0.5rem;--plasma-checkbox-trigger-border-width:0.0625rem;--plasma-checkbox-description-margin-top:0.125rem;}
|
|
15
|
+
.Checkbox_config_1rh5bl_luukuk0__b4684497{--plasma-checkbox-trigger-size:1.25rem;--plasma-checkbox-trigger-padding:0.125rem;--plasma-checkbox-content-left-offset:0.75rem;--plasma-checkbox-description-margin-top:0.125rem;--plasma-checkbox-margin:0rem;--plasma-checkbox-content-top-offset:0.0625rem;--plasma-checkbox-description-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-m-line-height);--plasma-checkbox-trigger-border-width:0.125rem;--plasma-checkbox-trigger-border-radius:var(--border-radius-xs);--plasma-checkbox-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-l-line-height);}
|
|
16
|
+
.Checkbox_config_1rh5bl_m527yke__b4684497{--plasma-checkbox-trigger-border-radius:var(--border-radius-xs);--plasma-checkbox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-s-line-height);--plasma-checkbox-trigger-padding:0.125rem;--plasma-checkbox-content-left-offset:0.75rem;--plasma-checkbox-margin:0rem;--plasma-checkbox-content-top-offset:0.0625rem;--plasma-checkbox-trigger-size:1.25rem;--plasma-checkbox-trigger-border-width:0.125rem;--plasma-checkbox-description-margin-top:0.125rem;}
|
|
17
|
+
.Checkbox_config_1rh5bl_i14xqe1f__b4684497{--plasma-checkbox-disabled-opacity:0.4;--plasma-checkbox-focus-color:var(--text-accent);}
|
|
18
18
|
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.
|
|
19
|
+
.IconButton_config_cfiy79_a18ihzhr__357baeb2{--plasma-icon-button-spinner-color:var(--on-dark-text-primary);--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-color-active:var(--on-dark-text-primary-active);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover);--plasma-icon-button-background-color:var(--surface-accent);--plasma-icon-button-background-color-hover:var(--surface-accent-hover);--plasma-icon-button-background-color-active:var(--surface-accent-active);--plasma-icon-button-loading-background-color:var(--on-dark-text-primary);}
|
|
20
|
+
.IconButton_config_cfiy79_dsnn66s__357baeb2{--plasma-icon-button-color:var(--inverse-text-primary);--plasma-icon-button-color-hover:var(--inverse-text-primary-hover);--plasma-icon-button-color-active:var(--inverse-text-primary-active);--plasma-icon-button-background-color:var(--surface-solid-default);--plasma-icon-button-background-color-active:var(--surface-solid-default-active);--plasma-icon-button-background-color-hover:var(--surface-solid-default-hover);--plasma-icon-button-spinner-color:var(--inverse-text-primary);--plasma-icon-button-loading-background-color:var(--inverse-text-primary);}
|
|
21
|
+
.IconButton_config_cfiy79_sxdpxpi__357baeb2{--plasma-icon-button-background-color:var(--surface-transparent-secondary);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-loading-background-color:var(--text-primary);--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-color-hover:var(--text-primary-hover);--plasma-icon-button-color-active:var(--text-primary-active);--plasma-icon-button-spinner-color:var(--text-primary);}
|
|
22
|
+
.IconButton_config_cfiy79_l1gkv8om__357baeb2{--plasma-icon-button-width:3.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-radius:var(--border-radius-l);--plasma-icon-button-height:3.5rem;}
|
|
23
|
+
.IconButton_config_cfiy79_mvlui54__357baeb2{--plasma-icon-button-padding:0.75rem;--plasma-icon-button-height:3rem;--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-width:3rem;--plasma-icon-button-radius:var(--border-radius-m);}
|
|
24
|
+
.IconButton_config_cfiy79_x1h4he2a__357baeb2{--plasma-icon-button-width:4rem;--plasma-icon-button-padding:1.25rem;--plasma-icon-button-radius:var(--border-radius-l);--plasma-icon-button-spinner-size:1.5rem;--plasma-icon-button-height:4rem;}
|
|
25
25
|
|
|
26
|
-
.
|
|
27
|
-
.
|
|
26
|
+
.IconButton_config_cfiy79_p11wn1rp__357baeb2{--plasma-icon-button-radius:var(--border-radius-circle);}
|
|
27
|
+
.IconButton_config_cfiy79_i1b6yic8__357baeb2{--plasma-icon-button-disabled-opacity:0.4;--plasma-icon-button-focus-color:var(--text-accent);}
|
|
28
28
|
|
|
29
|
-
.
|
|
30
|
-
.
|
|
31
|
-
.
|
|
32
|
-
.
|
|
33
|
-
.
|
|
34
|
-
.
|
|
35
|
-
.
|
|
36
|
-
.
|
|
29
|
+
.Link_config_xhilcr_s1ewrnir__c5574132{--plasma-link-color:var(--text-secondary);--plasma-link-color-hover:var(--text-secondary-hover);--plasma-link-color-active:var(--text-secondary-active);--plasma-link-underline-border:0rem;--plasma-link-color-visited:var(--text-tertiary);--plasma-link-color-visited-hover:var(--text-tertiary-hover);--plasma-link-color-visited-active:var(--text-tertiary-active);}
|
|
30
|
+
.Link_config_xhilcr_a3rov2m__c5574132{--plasma-link-underline-border:0rem;--plasma-link-color-visited:var(--text-accent-minor);--plasma-link-color-visited-hover:var(--text-accent-minor-hover);--plasma-link-color-visited-active:var(--text-accent-minor-active);--plasma-link-color:var(--text-accent);--plasma-link-color-active:var(--text-accent-active);--plasma-link-color-hover:var(--text-accent-hover);}
|
|
31
|
+
.Link_config_xhilcr_dcdqaii__c5574132{--plasma-link-underline-border:0rem;--plasma-link-color-visited:var(--text-secondary);--plasma-link-color-visited-hover:var(--text-secondary-hover);--plasma-link-color-visited-active:var(--text-secondary-active);--plasma-link-color:var(--text-primary);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-hover:var(--text-primary-hover);}
|
|
32
|
+
.Link_config_xhilcr_c1tgj4zq__c5574132{--plasma-link-color:inherit;--plasma-link-underline-border:0.0625rem;--plasma-link-color-visited:inherit;}
|
|
33
|
+
.Link_config_xhilcr_m19c6umx__c5574132{--plasma-link-font-family:var(--plasma-typo-body-m-font-family);--plasma-link-font-size:var(--plasma-typo-body-m-font-size);--plasma-link-font-style:var(--plasma-typo-body-m-font-style);--plasma-link-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-link-line-height:var(--plasma-typo-body-m-line-height);}
|
|
34
|
+
.Link_config_xhilcr_lc7vji9__c5574132{--plasma-link-font-family:var(--plasma-typo-body-l-font-family);--plasma-link-font-size:var(--plasma-typo-body-l-font-size);--plasma-link-font-style:var(--plasma-typo-body-l-font-style);--plasma-link-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-link-line-height:var(--plasma-typo-body-l-line-height);}
|
|
35
|
+
.Link_config_xhilcr_s1fhq56f__c5574132{--plasma-link-font-family:var(--plasma-typo-body-s-font-family);--plasma-link-font-size:var(--plasma-typo-body-s-font-size);--plasma-link-font-style:var(--plasma-typo-body-s-font-style);--plasma-link-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-link-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-link-line-height:var(--plasma-typo-body-s-line-height);}
|
|
36
|
+
.Link_config_xhilcr_i111atg8__c5574132{--plasma-link-disabled-opacity:0.4;--plasma-link-color-focus:var(--text-accent);}
|
|
37
37
|
|
|
38
|
-
.
|
|
39
|
-
.
|
|
40
|
-
.
|
|
41
|
-
.
|
|
42
|
-
.
|
|
43
|
-
.
|
|
38
|
+
.Radiobox_config_hk6a3j_a73zzyg__a8f1b2c2{--plasma-radiobox-label-color:var(--text-primary);--plasma-radiobox-trigger-background-color:transparent;--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);--plasma-radiobox-ellipse-color:var(--on-dark-text-primary);--plasma-radiobox-trigger-border-checked-color:transparent;--plasma-radiobox-fill-color:var(--text-accent);}
|
|
39
|
+
.Radiobox_config_hk6a3j_n4ly3co__a8f1b2c2{--plasma-radiobox-fill-color:var(--text-negative);--plasma-radiobox-trigger-background-color:transparent;--plasma-radiobox-label-color:var(--text-primary);--plasma-radiobox-ellipse-color:var(--on-dark-text-primary);--plasma-radiobox-trigger-border-color:var(--text-negative);--plasma-radiobox-trigger-border-checked-color:transparent;--plasma-radiobox-description-color:var(--text-secondary);}
|
|
40
|
+
.Radiobox_config_hk6a3j_l1tfsl8x__a8f1b2c2{--plasma-radiobox-ellipse-size:0.625rem;--plasma-radiobox-trigger-padding:0.0625rem;--plasma-radiobox-content-left-offset:0.75rem;--plasma-radiobox-description-margin-top:0.125rem;--plasma-radiobox-margin:0rem;--plasma-radiobox-content-top-offset:0.0625rem;--plasma-radiobox-description-font-family:var(--plasma-typo-body-m-font-family);--plasma-radiobox-description-font-size:var(--plasma-typo-body-m-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-m-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-m-line-height);--plasma-radiobox-trigger-border-width:0.125rem;--plasma-radiobox-trigger-size:1.375rem;--plasma-radiobox-trigger-border-radius:var(--border-radius-xl);--plasma-radiobox-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-l-line-height);}
|
|
41
|
+
.Radiobox_config_hk6a3j_m1ozwyr6__a8f1b2c2{--plasma-radiobox-content-left-offset:0.75rem;--plasma-radiobox-trigger-padding:0.0625rem;--plasma-radiobox-margin:0rem;--plasma-radiobox-trigger-size:1.375rem;--plasma-radiobox-description-margin-top:0.125rem;--plasma-radiobox-trigger-border-width:0.125rem;--plasma-radiobox-ellipse-size:0.625rem;--plasma-radiobox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-radiobox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-s-line-height);--plasma-radiobox-trigger-border-radius:var(--border-radius-xl);--plasma-radiobox-content-top-offset:0.0625rem;--plasma-radiobox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-m-line-height);}
|
|
42
|
+
.Radiobox_config_hk6a3j_s14hc9vg__a8f1b2c2{--plasma-radiobox-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-radiobox-description-margin-top:0.125rem;--plasma-radiobox-margin:0rem;--plasma-radiobox-content-top-offset:0rem;--plasma-radiobox-description-font-family:var(--plasma-typo-body-xs-font-family);--plasma-radiobox-description-font-size:var(--plasma-typo-body-xs-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-xs-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-xs-line-height);--plasma-radiobox-trigger-border-width:0.0625rem;--plasma-radiobox-trigger-size:1rem;--plasma-radiobox-trigger-border-radius:var(--border-radius-xl);--plasma-radiobox-trigger-padding:0.0625rem;--plasma-radiobox-content-left-offset:0.5rem;--plasma-radiobox-ellipse-size:0.5rem;}
|
|
43
|
+
.Radiobox_config_hk6a3j_idvkjxv__a8f1b2c2{--plasma-radiobox-disabled-opacity:0.4;--plasma-radiobox-focus-color:var(--text-accent);}
|
package/es/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { sdds_sbcom__dark } from './theme/themes/sdds_sbcom__dark.js';
|
|
2
2
|
export { sdds_sbcom__light } from './theme/themes/sdds_sbcom__light.js';
|
|
3
|
-
export { backgroundPrimary, backgroundPrimaryBrightness, backgroundSecondaryActive, backgroundSecondaryHover, bodyL, bodyLBold, bodyLMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundPrimary, dataYellow, dataYellowActive, dataYellowHover, dataYellowMinor, dataYellowMinorActive, dataYellowMinorHover, dataYellowTransparent, dataYellowTransparentActive, dataYellowTransparentHover, dsplS, dsplSBold, dsplSMedium, h3, h3Bold, h3Medium, inverseBackgroundPrimary, inverseBackgroundPrimaryBrightness, inverseBackgroundSecondaryActive, inverseBackgroundSecondaryHover, inverseDataYellow, inverseDataYellowActive, inverseDataYellowHover, inverseDataYellowMinor, inverseDataYellowMinorActive, inverseDataYellowMinorHover, inverseDataYellowTransparent, inverseDataYellowTransparentActive, inverseDataYellowTransparentHover, inverseOutlineAccentGradient, inverseOutlineAccentGradientActive, inverseOutlineAccentGradientHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlineOutlineMinor, inverseOutlineOutlineMinorActive, inverseOutlineOutlineMinorHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlineTextInfo, inverseOutlineTextInfoActive, inverseOutlineTextInfoHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineTransparentSurface, inverseOutlineTransparentSurfaceActive, inverseOutlineTransparentSurfaceHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOverlayGradient, inverseOverlayGradientActive, inverseOverlayGradientHover, inverseOverlayHard, inverseOverlaySoft, inversePersonaBlueSurfaceAccentGradient, inversePersonaBlueSurfaceAccentGradientActive, inversePersonaBlueSurfaceAccentGradientHover, inversePersonaBlueTextAccent, inversePersonaBlueTextAccentActive, inversePersonaBlueTextAccentHover, inversePersonaGreenSurfaceAccentGradient, inversePersonaGreenSurfaceAccentGradientActive, inversePersonaGreenSurfaceAccentGradientHover, inversePersonaGreenTextAccent, inversePersonaGreenTextAccentActive, inversePersonaGreenTextAccentHover, inversePersonaIndigoSurfaceAccentGradient, inversePersonaIndigoSurfaceAccentGradientActive, inversePersonaIndigoSurfaceAccentGradientHover, inversePersonaIndigoTextAccent, inversePersonaIndigoTextAccentActive, inversePersonaIndigoTextAccentHover, inversePersonaOchreSurfaceAccentGradient, inversePersonaOchreSurfaceAccentGradientActive, inversePersonaOchreSurfaceAccentGradientHover, inversePersonaOchreTextAccent, inversePersonaOchreTextAccentActive, inversePersonaOchreTextAccentHover, inversePersonaOliveSurfaceAccentGradient, inversePersonaOliveSurfaceAccentGradientActive, inversePersonaOliveSurfaceAccentGradientHover, inversePersonaOliveTextAccent, inversePersonaOliveTextAccentActive, inversePersonaOliveTextAccentHover, inversePersonaPinkSurfaceAccentGradient, inversePersonaPinkSurfaceAccentGradientActive, inversePersonaPinkSurfaceAccentGradientHover, inversePersonaPinkTextAccent, inversePersonaPinkTextAccentActive, inversePersonaPinkTextAccentHover, inversePersonaSeaBlueSurfaceAccentGradient, inversePersonaSeaBlueSurfaceAccentGradientActive, inversePersonaSeaBlueSurfaceAccentGradientHover, inversePersonaSeaBlueTextAccent, inversePersonaSeaBlueTextAccentActive, inversePersonaSeaBlueTextAccentHover, inversePersonaVioletSurfaceAccentGradient, inversePersonaVioletSurfaceAccentGradientActive, inversePersonaVioletSurfaceAccentGradientHover, inversePersonaVioletTextAccent, inversePersonaVioletTextAccentActive, inversePersonaVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientActive, inverseSurfaceAccentGradientHover, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceSkeletonDeepGradient, inverseSurfaceSkeletonDeepGradientActive, inverseSurfaceSkeletonDeepGradientHover, inverseSurfaceSkeletonGradient, inverseSurfaceSkeletonGradientActive, inverseSurfaceSkeletonGradientHover, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAi, inverseTextAccentGradientAiActive, inverseTextAccentGradientAiHover, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundPrimary, onDarkBackgroundPrimary, onDarkBackgroundPrimaryActive, onDarkBackgroundPrimaryBrightness, onDarkBackgroundPrimaryHover, onDarkBackgroundSecondary, onDarkBackgroundSecondaryActive, onDarkBackgroundSecondaryHover, onDarkDataYellow, onDarkDataYellowActive, onDarkDataYellowHover, onDarkDataYellowMinor, onDarkDataYellowMinorActive, onDarkDataYellowMinorHover, onDarkDataYellowTransparent, onDarkDataYellowTransparentActive, onDarkDataYellowTransparentHover, onDarkOutlineAccentGradient, onDarkOutlineAccentGradientActive, onDarkOutlineAccentGradientHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultHover, onDarkOutlineMinor, onDarkOutlineMinorActive, onDarkOutlineMinorHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlineTextInfo, onDarkOutlineTextInfoActive, onDarkOutlineTextInfoHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineTransparentSurface, onDarkOutlineTransparentSurfaceActive, onDarkOutlineTransparentSurfaceHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonaBlueSurfaceAccentGradient, onDarkPersonaBlueSurfaceAccentGradientActive, onDarkPersonaBlueSurfaceAccentGradientHover, onDarkPersonaBlueTextAccent, onDarkPersonaBlueTextAccentActive, onDarkPersonaBlueTextAccentHover, onDarkPersonaGreenSurfaceAccentGradient, onDarkPersonaGreenSurfaceAccentGradientActive, onDarkPersonaGreenSurfaceAccentGradientHover, onDarkPersonaGreenTextAccent, onDarkPersonaGreenTextAccentActive, onDarkPersonaGreenTextAccentHover, onDarkPersonaIndigoSurfaceAccentGradient, onDarkPersonaIndigoSurfaceAccentGradientActive, onDarkPersonaIndigoSurfaceAccentGradientHover, onDarkPersonaIndigoTextAccent, onDarkPersonaIndigoTextAccentActive, onDarkPersonaIndigoTextAccentHover, onDarkPersonaOchreSurfaceAccentGradient, onDarkPersonaOchreSurfaceAccentGradientActive, onDarkPersonaOchreSurfaceAccentGradientHover, onDarkPersonaOchreTextAccent, onDarkPersonaOchreTextAccentActive, onDarkPersonaOchreTextAccentHover, onDarkPersonaOliveSurfaceAccentGradient, onDarkPersonaOliveSurfaceAccentGradientActive, onDarkPersonaOliveSurfaceAccentGradientHover, onDarkPersonaOliveTextAccent, onDarkPersonaOliveTextAccentActive, onDarkPersonaOliveTextAccentHover, onDarkPersonaPinkSurfaceAccentGradient, onDarkPersonaPinkSurfaceAccentGradientActive, onDarkPersonaPinkSurfaceAccentGradientHover, onDarkPersonaPinkTextAccent, onDarkPersonaPinkTextAccentActive, onDarkPersonaPinkTextAccentHover, onDarkPersonaSeaBlueSurfaceAccentGradient, onDarkPersonaSeaBlueSurfaceAccentGradientActive, onDarkPersonaSeaBlueSurfaceAccentGradientHover, onDarkPersonaSeaBlueTextAccent, onDarkPersonaSeaBlueTextAccentActive, onDarkPersonaSeaBlueTextAccentHover, onDarkPersonaVioletSurfaceAccentGradient, onDarkPersonaVioletSurfaceAccentGradientActive, onDarkPersonaVioletSurfaceAccentGradientHover, onDarkPersonaVioletTextAccent, onDarkPersonaVioletTextAccentActive, onDarkPersonaVioletTextAccentHover, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientActive, onDarkSurfaceAccentGradientHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentPrimary, onDarkSurfaceAccentPrimaryActive, onDarkSurfaceAccentPrimaryHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceSkeletonDeepGradient, onDarkSurfaceSkeletonDeepGradientActive, onDarkSurfaceSkeletonDeepGradientHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSkeletonGradientActive, onDarkSurfaceSkeletonGradientHover, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAi, onDarkTextAccentGradientAiActive, onDarkTextAccentGradientAiHover, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightBackgroundPrimary, onLightBackgroundPrimaryActive, onLightBackgroundPrimaryBrightness, onLightBackgroundPrimaryHover, onLightBackgroundSecondary, onLightBackgroundSecondaryActive, onLightBackgroundSecondaryHover, onLightDataYellow, onLightDataYellowActive, onLightDataYellowHover, onLightDataYellowMinor, onLightDataYellowMinorActive, onLightDataYellowMinorHover, onLightDataYellowTransparent, onLightDataYellowTransparentActive, onLightDataYellowTransparentHover, onLightOutlineAccentGradient, onLightOutlineAccentGradientActive, onLightOutlineAccentGradientHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultHover, onLightOutlineMinor, onLightOutlineMinorActive, onLightOutlineMinorHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlineTextInfo, onLightOutlineTextInfoActive, onLightOutlineTextInfoHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineTransparentSurface, onLightOutlineTransparentSurfaceActive, onLightOutlineTransparentSurfaceHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOverlayGradient, onLightOverlayGradientActive, onLightOverlayGradientHover, onLightOverlayHard, onLightOverlaySoft, onLightPersonaBlueSurfaceAccentGradient, onLightPersonaBlueSurfaceAccentGradientActive, onLightPersonaBlueSurfaceAccentGradientHover, onLightPersonaBlueTextAccent, onLightPersonaBlueTextAccentActive, onLightPersonaBlueTextAccentHover, onLightPersonaGreenSurfaceAccentGradient, onLightPersonaGreenSurfaceAccentGradientActive, onLightPersonaGreenSurfaceAccentGradientHover, onLightPersonaGreenTextAccent, onLightPersonaGreenTextAccentActive, onLightPersonaGreenTextAccentHover, onLightPersonaIndigoSurfaceAccentGradient, onLightPersonaIndigoSurfaceAccentGradientActive, onLightPersonaIndigoSurfaceAccentGradientHover, onLightPersonaIndigoTextAccent, onLightPersonaIndigoTextAccentActive, onLightPersonaIndigoTextAccentHover, onLightPersonaOchreSurfaceAccentGradient, onLightPersonaOchreSurfaceAccentGradientActive, onLightPersonaOchreSurfaceAccentGradientHover, onLightPersonaOchreTextAccent, onLightPersonaOchreTextAccentActive, onLightPersonaOchreTextAccentHover, onLightPersonaOliveSurfaceAccentGradient, onLightPersonaOliveSurfaceAccentGradientActive, onLightPersonaOliveSurfaceAccentGradientHover, onLightPersonaOliveTextAccent, onLightPersonaOliveTextAccentActive, onLightPersonaOliveTextAccentHover, onLightPersonaPinkSurfaceAccentGradient, onLightPersonaPinkSurfaceAccentGradientActive, onLightPersonaPinkSurfaceAccentGradientHover, onLightPersonaPinkTextAccent, onLightPersonaPinkTextAccentActive, onLightPersonaPinkTextAccentHover, onLightPersonaSeaBlueSurfaceAccentGradient, onLightPersonaSeaBlueSurfaceAccentGradientActive, onLightPersonaSeaBlueSurfaceAccentGradientHover, onLightPersonaSeaBlueTextAccent, onLightPersonaSeaBlueTextAccentActive, onLightPersonaSeaBlueTextAccentHover, onLightPersonaVioletSurfaceAccentGradient, onLightPersonaVioletSurfaceAccentGradientActive, onLightPersonaVioletSurfaceAccentGradientHover, onLightPersonaVioletTextAccent, onLightPersonaVioletTextAccentActive, onLightPersonaVioletTextAccentHover, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientActive, onLightSurfaceAccentGradientHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorHover, onLightSurfaceAccentPrimary, onLightSurfaceAccentPrimaryActive, onLightSurfaceAccentPrimaryHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceSkeletonDeepGradient, onLightSurfaceSkeletonDeepGradientActive, onLightSurfaceSkeletonDeepGradientHover, onLightSurfaceSkeletonGradient, onLightSurfaceSkeletonGradientActive, onLightSurfaceSkeletonGradientHover, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAi, onLightTextAccentGradientAiActive, onLightTextAccentGradientAiHover, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineAccentGradient, outlineAccentGradientActive, outlineAccentGradientHover, outlineDefault, outlineDefaultActive, outlineDefaultHover, outlineMinor, outlineMinorActive, outlineMinorHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlineTextInfo, outlineTextInfoActive, outlineTextInfoHover, outlineTransparentClear, outlineTransparentClearActive, outlineTransparentClearHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineWarning, outlineWarningActive, outlineWarningHover, overlayHard, overlaySoft, personaBlueSurfaceAccentGradient, personaBlueSurfaceAccentGradientActive, personaBlueSurfaceAccentGradientHover, personaBlueTextAccent, personaBlueTextAccentActive, personaBlueTextAccentHover, personaGreenSurfaceAccentGradient, personaGreenSurfaceAccentGradientActive, personaGreenSurfaceAccentGradientHover, personaGreenTextAccent, personaGreenTextAccentActive, personaGreenTextAccentHover, personaIndigoSurfaceAccentGradient, personaIndigoSurfaceAccentGradientActive, personaIndigoSurfaceAccentGradientHover, personaIndigoTextAccent, personaIndigoTextAccentActive, personaIndigoTextAccentHover, personaOchreSurfaceAccentGradient, personaOchreSurfaceAccentGradientActive, personaOchreSurfaceAccentGradientHover, personaOchreTextAccent, personaOchreTextAccentActive, personaOchreTextAccentHover, personaOliveSurfaceAccentGradient, personaOliveSurfaceAccentGradientActive, personaOliveSurfaceAccentGradientHover, personaOliveTextAccent, personaOliveTextAccentActive, personaOliveTextAccentHover, personaPinkSurfaceAccentGradient, personaPinkSurfaceAccentGradientActive, personaPinkSurfaceAccentGradientHover, personaPinkTextAccent, personaPinkTextAccentActive, personaPinkTextAccentHover, personaSeaBlueSurfaceAccentGradient, personaSeaBlueSurfaceAccentGradientActive, personaSeaBlueSurfaceAccentGradientHover, personaSeaBlueTextAccent, personaSeaBlueTextAccentActive, personaSeaBlueTextAccentHover, personaVioletSurfaceAccentGradient, personaVioletSurfaceAccentGradientActive, personaVioletSurfaceAccentGradientHover, personaVioletTextAccent, personaVioletTextAccentActive, personaVioletTextAccentHover, shadowDownHardL, shadowDownHardM, shadowDownHardS, shadowDownSoftL, shadowDownSoftM, shadowDownSoftS, shadowUpHardL, shadowUpHardM, shadowUpHardS, shadowUpSoftL, shadowUpSoftM, shadowUpSoftS, spacing0x, spacing10x, spacing12x, spacing16x, spacing1x, spacing20x, spacing24x, spacing2x, spacing32x, spacing3x, spacing40x, spacing4x, spacing60x, spacing6x, spacing8x, surfaceAccentGradient, surfaceAccentGradientActive, surfaceAccentGradientHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorHover, surfaceAccentPrimary, surfaceAccentPrimaryActive, surfaceAccentPrimaryHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSkeletonDeepGradient, surfaceSkeletonDeepGradientActive, surfaceSkeletonDeepGradientHover, surfaceSkeletonGradient, surfaceSkeletonGradientActive, surfaceSkeletonGradientHover, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAi, textAccentGradientAiActive, textAccentGradientAiHover, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, viewContainer } from './theme/tokens/index.js';
|
|
3
|
+
export { backgroundPrimary, backgroundPrimaryBrightness, backgroundSecondaryActive, backgroundSecondaryBrightness, backgroundSecondaryHover, bodyL, bodyLBold, bodyLMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundPrimary, dataYellow, dataYellowActive, dataYellowHover, dataYellowMinor, dataYellowMinorActive, dataYellowMinorHover, dataYellowTransparent, dataYellowTransparentActive, dataYellowTransparentHover, dsplS, dsplSBold, dsplSMedium, h3, h3Bold, h3Medium, inverseBackgroundPrimary, inverseBackgroundPrimaryBrightness, inverseBackgroundSecondaryActive, inverseBackgroundSecondaryBrightness, inverseBackgroundSecondaryHover, inverseDataYellow, inverseDataYellowActive, inverseDataYellowHover, inverseDataYellowMinor, inverseDataYellowMinorActive, inverseDataYellowMinorHover, inverseDataYellowTransparent, inverseDataYellowTransparentActive, inverseDataYellowTransparentHover, inverseOutlineAccentGradient, inverseOutlineAccentGradientActive, inverseOutlineAccentGradientHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultBrightness, inverseOutlineDefaultHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlineOutlineMinor, inverseOutlineOutlineMinorActive, inverseOutlineOutlineMinorBrightness, inverseOutlineOutlineMinorHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlineTextInfo, inverseOutlineTextInfoActive, inverseOutlineTextInfoHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineTransparentSurface, inverseOutlineTransparentSurfaceActive, inverseOutlineTransparentSurfaceBrightness, inverseOutlineTransparentSurfaceHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOverlayGradient, inverseOverlayGradientActive, inverseOverlayGradientBrightness, inverseOverlayGradientHover, inverseOverlayHard, inverseOverlaySoft, inversePersonaBlueSurfaceAccentGradient, inversePersonaBlueSurfaceAccentGradientActive, inversePersonaBlueSurfaceAccentGradientHover, inversePersonaBlueTextAccent, inversePersonaBlueTextAccentActive, inversePersonaBlueTextAccentBrightness, inversePersonaBlueTextAccentHover, inversePersonaGreenSurfaceAccentGradient, inversePersonaGreenSurfaceAccentGradientActive, inversePersonaGreenSurfaceAccentGradientHover, inversePersonaGreenTextAccent, inversePersonaGreenTextAccentActive, inversePersonaGreenTextAccentBrightness, inversePersonaGreenTextAccentHover, inversePersonaIndigoSurfaceAccentGradient, inversePersonaIndigoSurfaceAccentGradientActive, inversePersonaIndigoSurfaceAccentGradientHover, inversePersonaIndigoTextAccent, inversePersonaIndigoTextAccentActive, inversePersonaIndigoTextAccentBrightness, inversePersonaIndigoTextAccentHover, inversePersonaOchreSurfaceAccentGradient, inversePersonaOchreSurfaceAccentGradientActive, inversePersonaOchreSurfaceAccentGradientHover, inversePersonaOchreTextAccent, inversePersonaOchreTextAccentActive, inversePersonaOchreTextAccentBrightness, inversePersonaOchreTextAccentHover, inversePersonaOliveSurfaceAccentGradient, inversePersonaOliveSurfaceAccentGradientActive, inversePersonaOliveSurfaceAccentGradientHover, inversePersonaOliveTextAccent, inversePersonaOliveTextAccentActive, inversePersonaOliveTextAccentBrightness, inversePersonaOliveTextAccentHover, inversePersonaPinkSurfaceAccentGradient, inversePersonaPinkSurfaceAccentGradientActive, inversePersonaPinkSurfaceAccentGradientHover, inversePersonaPinkTextAccent, inversePersonaPinkTextAccentActive, inversePersonaPinkTextAccentBrightness, inversePersonaPinkTextAccentHover, inversePersonaSeaBlueSurfaceAccentGradient, inversePersonaSeaBlueSurfaceAccentGradientActive, inversePersonaSeaBlueSurfaceAccentGradientHover, inversePersonaSeaBlueTextAccent, inversePersonaSeaBlueTextAccentActive, inversePersonaSeaBlueTextAccentBrightness, inversePersonaSeaBlueTextAccentHover, inversePersonaVioletSurfaceAccentGradient, inversePersonaVioletSurfaceAccentGradientActive, inversePersonaVioletSurfaceAccentGradientHover, inversePersonaVioletTextAccent, inversePersonaVioletTextAccentActive, inversePersonaVioletTextAccentBrightness, inversePersonaVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientActive, inverseSurfaceAccentGradientBrightness, inverseSurfaceAccentGradientHover, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryBrightness, inverseSurfaceAccentSecondaryHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceSkeletonDeepGradient, inverseSurfaceSkeletonDeepGradientActive, inverseSurfaceSkeletonDeepGradientHover, inverseSurfaceSkeletonGradient, inverseSurfaceSkeletonGradientActive, inverseSurfaceSkeletonGradientHover, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorBrightness, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAi, inverseTextAccentGradientAiActive, inverseTextAccentGradientAiBrightness, inverseTextAccentGradientAiHover, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundPrimary, onDarkBackgroundPrimary, onDarkBackgroundPrimaryActive, onDarkBackgroundPrimaryBrightness, onDarkBackgroundPrimaryHover, onDarkBackgroundSecondary, onDarkBackgroundSecondaryActive, onDarkBackgroundSecondaryBrightness, onDarkBackgroundSecondaryHover, onDarkDataYellow, onDarkDataYellowActive, onDarkDataYellowHover, onDarkDataYellowMinor, onDarkDataYellowMinorActive, onDarkDataYellowMinorHover, onDarkDataYellowTransparent, onDarkDataYellowTransparentActive, onDarkDataYellowTransparentHover, onDarkOutlineAccentGradient, onDarkOutlineAccentGradientActive, onDarkOutlineAccentGradientHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultBrightness, onDarkOutlineDefaultHover, onDarkOutlineMinor, onDarkOutlineMinorActive, onDarkOutlineMinorBrightness, onDarkOutlineMinorHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlineTextInfo, onDarkOutlineTextInfoActive, onDarkOutlineTextInfoHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineTransparentSurface, onDarkOutlineTransparentSurfaceActive, onDarkOutlineTransparentSurfaceBrightness, onDarkOutlineTransparentSurfaceHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonaBlueSurfaceAccentGradient, onDarkPersonaBlueSurfaceAccentGradientActive, onDarkPersonaBlueSurfaceAccentGradientHover, onDarkPersonaBlueTextAccent, onDarkPersonaBlueTextAccentActive, onDarkPersonaBlueTextAccentBrightness, onDarkPersonaBlueTextAccentHover, onDarkPersonaGreenSurfaceAccentGradient, onDarkPersonaGreenSurfaceAccentGradientActive, onDarkPersonaGreenSurfaceAccentGradientHover, onDarkPersonaGreenTextAccent, onDarkPersonaGreenTextAccentActive, onDarkPersonaGreenTextAccentBrightness, onDarkPersonaGreenTextAccentHover, onDarkPersonaIndigoSurfaceAccentGradient, onDarkPersonaIndigoSurfaceAccentGradientActive, onDarkPersonaIndigoSurfaceAccentGradientHover, onDarkPersonaIndigoTextAccent, onDarkPersonaIndigoTextAccentActive, onDarkPersonaIndigoTextAccentBrightness, onDarkPersonaIndigoTextAccentHover, onDarkPersonaOchreSurfaceAccentGradient, onDarkPersonaOchreSurfaceAccentGradientActive, onDarkPersonaOchreSurfaceAccentGradientHover, onDarkPersonaOchreTextAccent, onDarkPersonaOchreTextAccentActive, onDarkPersonaOchreTextAccentBrightness, onDarkPersonaOchreTextAccentHover, onDarkPersonaOliveSurfaceAccentGradient, onDarkPersonaOliveSurfaceAccentGradientActive, onDarkPersonaOliveSurfaceAccentGradientHover, onDarkPersonaOliveTextAccent, onDarkPersonaOliveTextAccentActive, onDarkPersonaOliveTextAccentBrightness, onDarkPersonaOliveTextAccentHover, onDarkPersonaPinkSurfaceAccentGradient, onDarkPersonaPinkSurfaceAccentGradientActive, onDarkPersonaPinkSurfaceAccentGradientHover, onDarkPersonaPinkTextAccent, onDarkPersonaPinkTextAccentActive, onDarkPersonaPinkTextAccentBrightness, onDarkPersonaPinkTextAccentHover, onDarkPersonaSeaBlueSurfaceAccentGradient, onDarkPersonaSeaBlueSurfaceAccentGradientActive, onDarkPersonaSeaBlueSurfaceAccentGradientHover, onDarkPersonaSeaBlueTextAccent, onDarkPersonaSeaBlueTextAccentActive, onDarkPersonaSeaBlueTextAccentBrightness, onDarkPersonaSeaBlueTextAccentHover, onDarkPersonaVioletSurfaceAccentGradient, onDarkPersonaVioletSurfaceAccentGradientActive, onDarkPersonaVioletSurfaceAccentGradientHover, onDarkPersonaVioletTextAccent, onDarkPersonaVioletTextAccentActive, onDarkPersonaVioletTextAccentBrightness, onDarkPersonaVioletTextAccentHover, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientActive, onDarkSurfaceAccentGradientBrightness, onDarkSurfaceAccentGradientHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentPrimary, onDarkSurfaceAccentPrimaryActive, onDarkSurfaceAccentPrimaryBrightness, onDarkSurfaceAccentPrimaryHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryBrightness, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceSkeletonDeepGradient, onDarkSurfaceSkeletonDeepGradientActive, onDarkSurfaceSkeletonDeepGradientHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSkeletonGradientActive, onDarkSurfaceSkeletonGradientHover, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorBrightness, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAi, onDarkTextAccentGradientAiActive, onDarkTextAccentGradientAiBrightness, onDarkTextAccentGradientAiHover, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightBackgroundPrimary, onLightBackgroundPrimaryActive, onLightBackgroundPrimaryBrightness, onLightBackgroundPrimaryHover, onLightBackgroundSecondary, onLightBackgroundSecondaryActive, onLightBackgroundSecondaryBrightness, onLightBackgroundSecondaryHover, onLightDataYellow, onLightDataYellowActive, onLightDataYellowHover, onLightDataYellowMinor, onLightDataYellowMinorActive, onLightDataYellowMinorHover, onLightDataYellowTransparent, onLightDataYellowTransparentActive, onLightDataYellowTransparentHover, onLightOutlineAccentGradient, onLightOutlineAccentGradientActive, onLightOutlineAccentGradientHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultBrightness, onLightOutlineDefaultHover, onLightOutlineMinor, onLightOutlineMinorActive, onLightOutlineMinorBrightness, onLightOutlineMinorHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlineTextInfo, onLightOutlineTextInfoActive, onLightOutlineTextInfoHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineTransparentSurface, onLightOutlineTransparentSurfaceActive, onLightOutlineTransparentSurfaceBrightness, onLightOutlineTransparentSurfaceHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOverlayGradient, onLightOverlayGradientActive, onLightOverlayGradientBrightness, onLightOverlayGradientHover, onLightOverlayHard, onLightOverlaySoft, onLightPersonaBlueSurfaceAccentGradient, onLightPersonaBlueSurfaceAccentGradientActive, onLightPersonaBlueSurfaceAccentGradientHover, onLightPersonaBlueTextAccent, onLightPersonaBlueTextAccentActive, onLightPersonaBlueTextAccentBrightness, onLightPersonaBlueTextAccentHover, onLightPersonaGreenSurfaceAccentGradient, onLightPersonaGreenSurfaceAccentGradientActive, onLightPersonaGreenSurfaceAccentGradientHover, onLightPersonaGreenTextAccent, onLightPersonaGreenTextAccentActive, onLightPersonaGreenTextAccentBrightness, onLightPersonaGreenTextAccentHover, onLightPersonaIndigoSurfaceAccentGradient, onLightPersonaIndigoSurfaceAccentGradientActive, onLightPersonaIndigoSurfaceAccentGradientHover, onLightPersonaIndigoTextAccent, onLightPersonaIndigoTextAccentActive, onLightPersonaIndigoTextAccentBrightness, onLightPersonaIndigoTextAccentHover, onLightPersonaOchreSurfaceAccentGradient, onLightPersonaOchreSurfaceAccentGradientActive, onLightPersonaOchreSurfaceAccentGradientHover, onLightPersonaOchreTextAccent, onLightPersonaOchreTextAccentActive, onLightPersonaOchreTextAccentBrightness, onLightPersonaOchreTextAccentHover, onLightPersonaOliveSurfaceAccentGradient, onLightPersonaOliveSurfaceAccentGradientActive, onLightPersonaOliveSurfaceAccentGradientHover, onLightPersonaOliveTextAccent, onLightPersonaOliveTextAccentActive, onLightPersonaOliveTextAccentBrightness, onLightPersonaOliveTextAccentHover, onLightPersonaPinkSurfaceAccentGradient, onLightPersonaPinkSurfaceAccentGradientActive, onLightPersonaPinkSurfaceAccentGradientHover, onLightPersonaPinkTextAccent, onLightPersonaPinkTextAccentActive, onLightPersonaPinkTextAccentBrightness, onLightPersonaPinkTextAccentHover, onLightPersonaSeaBlueSurfaceAccentGradient, onLightPersonaSeaBlueSurfaceAccentGradientActive, onLightPersonaSeaBlueSurfaceAccentGradientHover, onLightPersonaSeaBlueTextAccent, onLightPersonaSeaBlueTextAccentActive, onLightPersonaSeaBlueTextAccentBrightness, onLightPersonaSeaBlueTextAccentHover, onLightPersonaVioletSurfaceAccentGradient, onLightPersonaVioletSurfaceAccentGradientActive, onLightPersonaVioletSurfaceAccentGradientHover, onLightPersonaVioletTextAccent, onLightPersonaVioletTextAccentActive, onLightPersonaVioletTextAccentBrightness, onLightPersonaVioletTextAccentHover, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientActive, onLightSurfaceAccentGradientBrightness, onLightSurfaceAccentGradientHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorHover, onLightSurfaceAccentPrimary, onLightSurfaceAccentPrimaryActive, onLightSurfaceAccentPrimaryBrightness, onLightSurfaceAccentPrimaryHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryBrightness, onLightSurfaceAccentSecondaryHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceSkeletonDeepGradient, onLightSurfaceSkeletonDeepGradientActive, onLightSurfaceSkeletonDeepGradientHover, onLightSurfaceSkeletonGradient, onLightSurfaceSkeletonGradientActive, onLightSurfaceSkeletonGradientHover, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorBrightness, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAi, onLightTextAccentGradientAiActive, onLightTextAccentGradientAiBrightness, onLightTextAccentGradientAiHover, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineAccentGradient, outlineAccentGradientActive, outlineAccentGradientHover, outlineDefault, outlineDefaultActive, outlineDefaultBrightness, outlineDefaultHover, outlineMinor, outlineMinorActive, outlineMinorBrightness, outlineMinorHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlineTextInfo, outlineTextInfoActive, outlineTextInfoHover, outlineTransparentClear, outlineTransparentClearActive, outlineTransparentClearBrightness, outlineTransparentClearHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineWarning, outlineWarningActive, outlineWarningHover, overlayHard, overlaySoft, personaBlueSurfaceAccentGradient, personaBlueSurfaceAccentGradientActive, personaBlueSurfaceAccentGradientHover, personaBlueTextAccent, personaBlueTextAccentActive, personaBlueTextAccentBrightness, personaBlueTextAccentHover, personaGreenSurfaceAccentGradient, personaGreenSurfaceAccentGradientActive, personaGreenSurfaceAccentGradientHover, personaGreenTextAccent, personaGreenTextAccentActive, personaGreenTextAccentBrightness, personaGreenTextAccentHover, personaIndigoSurfaceAccentGradient, personaIndigoSurfaceAccentGradientActive, personaIndigoSurfaceAccentGradientHover, personaIndigoTextAccent, personaIndigoTextAccentActive, personaIndigoTextAccentBrightness, personaIndigoTextAccentHover, personaOchreSurfaceAccentGradient, personaOchreSurfaceAccentGradientActive, personaOchreSurfaceAccentGradientHover, personaOchreTextAccent, personaOchreTextAccentActive, personaOchreTextAccentBrightness, personaOchreTextAccentHover, personaOliveSurfaceAccentGradient, personaOliveSurfaceAccentGradientActive, personaOliveSurfaceAccentGradientHover, personaOliveTextAccent, personaOliveTextAccentActive, personaOliveTextAccentBrightness, personaOliveTextAccentHover, personaPinkSurfaceAccentGradient, personaPinkSurfaceAccentGradientActive, personaPinkSurfaceAccentGradientHover, personaPinkTextAccent, personaPinkTextAccentActive, personaPinkTextAccentBrightness, personaPinkTextAccentHover, personaSeaBlueSurfaceAccentGradient, personaSeaBlueSurfaceAccentGradientActive, personaSeaBlueSurfaceAccentGradientHover, personaSeaBlueTextAccent, personaSeaBlueTextAccentActive, personaSeaBlueTextAccentBrightness, personaSeaBlueTextAccentHover, personaVioletSurfaceAccentGradient, personaVioletSurfaceAccentGradientActive, personaVioletSurfaceAccentGradientHover, personaVioletTextAccent, personaVioletTextAccentActive, personaVioletTextAccentBrightness, personaVioletTextAccentHover, shadowDownHardL, shadowDownHardM, shadowDownHardS, shadowDownSoftL, shadowDownSoftM, shadowDownSoftS, shadowUpHardL, shadowUpHardM, shadowUpHardS, shadowUpSoftL, shadowUpSoftM, shadowUpSoftS, spacing0x, spacing10x, spacing12x, spacing16x, spacing1x, spacing20x, spacing24x, spacing2x, spacing32x, spacing3x, spacing40x, spacing4x, spacing60x, spacing6x, spacing8x, surfaceAccentGradient, surfaceAccentGradientActive, surfaceAccentGradientBrightness, surfaceAccentGradientHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorHover, surfaceAccentPrimary, surfaceAccentPrimaryActive, surfaceAccentPrimaryBrightness, surfaceAccentPrimaryHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryBrightness, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSkeletonDeepGradient, surfaceSkeletonDeepGradientActive, surfaceSkeletonDeepGradientHover, surfaceSkeletonGradient, surfaceSkeletonGradientActive, surfaceSkeletonGradientHover, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorBrightness, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAi, textAccentGradientAiActive, textAccentGradientAiBrightness, textAccentGradientAiHover, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, viewContainer } from './theme/tokens/index.js';
|
|
4
4
|
export { Button } from './components/Button/Button.js';
|
|
5
5
|
export { Checkbox } from './components/Checkbox/Checkbox.js';
|
|
6
6
|
export { IconButton } from './components/IconButton/IconButton.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// Generated by robots, do not change this manually!
|
|
2
2
|
|
|
3
|
-
var sdds_sbcom__dark = ["\n:root {\n --text-tertiary-hover: #F5F5F5FF;\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-paragraph: #15110F66;\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 --inverse-text-accent-minor: #52804A66;\n --surface-solid-primary-hover: #1C1C1CFF;\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-hover: #FFFFFFFF;\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-hover: #2A390EFF;\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-primary: #FFFFFF14;\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-primary-brightness: #252525FF;\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: #23232399;\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-hover: #D9D9D9FF;\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-hover: #262626FF;\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-active: #FF142CFF;\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-active: #030303FF;\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-active: #08080833;\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-hover: #6FA706FF;\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-hover: #96E208FF;\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 --inverse-surface-accent-minor-hover: #D7FD91FF;\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-hover: #79B706FF;\n --on-light-outline-positive-active: #3E5E03FF;\n --outline-text-info: #9BCAF8FF;\n --outline-transparent-primary: #FFFFFF1F;\n --on-dark-outline-transparent-primary-active: #FFFFFF12;\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-warning: #BE4E0CFF;\n --on-light-outline-negative: #E83439FF;\n --on-dark-data-yellow-transparent-active: #F3A81280;\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-surface-transparent-secondary: #FFFFFF29;\n --text-secondary-hover: #F5F5F5FF;\n --on-dark-background-secondary-hover: #CCCCCCFF;\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: #00000000;\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: #15110FFF;\n --persona-blue-text-accent-hover: #CCCCCCFF;\n --persona-blue-text-accent-active: #E6E6E6FF;\n --persona-green-text-accent: #15110FFF;\n --persona-green-text-accent-hover: #CCCCCCFF;\n --persona-green-text-accent-active: #E6E6E6FF;\n --persona-indigo-text-accent: #15110FFF;\n --persona-indigo-text-accent-hover: #CCCCCCFF;\n --persona-indigo-text-accent-active: #E6E6E6FF;\n --persona-ochre-text-accent: #15110FFF;\n --persona-ochre-text-accent-hover: #CCCCCCFF;\n --persona-ochre-text-accent-active: #E6E6E6FF;\n --persona-olive-text-accent: #15110FFF;\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: #15110FFF;\n --persona-sea-blue-text-accent-hover: #CCCCCCFF;\n --persona-sea-blue-text-accent-active: #E6E6E6FF;\n --persona-violet-text-accent: #15110FFF;\n --persona-violet-text-accent-hover: #CCCCCCFF;\n --persona-violet-text-accent-active: #E6E6E6FF;\n --inverse-persona-blue-text-accent: #EBE7E5FF;\n --inverse-persona-blue-text-accent-hover: #CCCCCCFF;\n --inverse-persona-blue-text-accent-active: #E6E6E6FF;\n --inverse-persona-green-text-accent: #EBE7E5FF;\n --inverse-persona-green-text-accent-hover: #CCCCCCFF;\n --inverse-persona-green-text-accent-active: #E6E6E6FF;\n --inverse-persona-indigo-text-accent: #EBE7E5FF;\n --inverse-persona-indigo-text-accent-hover: #CCCCCCFF;\n --inverse-persona-indigo-text-accent-active: #E6E6E6FF;\n --persona-pink-text-accent: #15110FFF;\n --persona-pink-text-accent-hover: #CCCCCCFF;\n --persona-pink-text-accent-active: #E6E6E6FF;\n --inverse-persona-olive-text-accent: #EBE7E5FF;\n --inverse-persona-olive-text-accent-active: #E6E6E6FF;\n --inverse-persona-pink-text-accent: #EBE7E5FF;\n --inverse-persona-pink-text-accent-hover: #CCCCCCFF;\n --inverse-persona-pink-text-accent-active: #E6E6E6FF;\n --inverse-persona-sea-blue-text-accent: #EBE7E5FF;\n --inverse-persona-sea-blue-text-accent-hover: #CCCCCCFF;\n --inverse-persona-sea-blue-text-accent-active: #E6E6E6FF;\n --inverse-persona-violet-text-accent: #EBE7E5FF;\n --inverse-persona-violet-text-accent-hover: #CCCCCCFF;\n --inverse-persona-violet-text-accent-active: #E6E6E6FF;\n --on-dark-persona-blue-text-accent: #15110FFF;\n --on-dark-persona-blue-text-accent-hover: #CCCCCCFF;\n --on-dark-persona-blue-text-accent-active: #E6E6E6FF;\n --inverse-persona-ochre-text-accent: #EBE7E5FF;\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: #15110FFF;\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: #15110FFF;\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: #15110FFF;\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: #15110FFF;\n --on-dark-persona-pink-text-accent-active: #E6E6E6FF;\n --on-dark-persona-sea-blue-text-accent: #15110FFF;\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: #15110FFF;\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: #EBE7E5FF;\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: #EBE7E5FF;\n --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;\n --on-light-persona-indigo-text-accent-active: #E6E6E6FF;\n --on-light-persona-ochre-text-accent: #EBE7E5FF;\n --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;\n --on-light-persona-ochre-text-accent-active: #E6E6E6FF;\n --on-light-persona-olive-text-accent-hover: #CCCCCCFF;\n --on-light-persona-olive-text-accent-active: #E6E6E6FF;\n --on-dark-persona-violet-text-accent: #15110FFF;\n --on-dark-persona-violet-text-accent-hover: #CCCCCCFF;\n --on-light-persona-blue-text-accent: #EBE7E5FF;\n --on-light-persona-violet-text-accent: #EBE7E5FF;\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-dark-surface-accent-minor: #3E4C2FFF;\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-text-accent-minor-active: #2F4408FF;\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 --inverse-surface-transparent-accent: #527E4B1F;\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: #EBE7E5FF;\n --on-light-surface-transparent-accent-minor: #527E4B3D;\n --on-light-persona-sea-blue-text-accent: #EBE7E5FF;\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-light-outline-warning-hover: #FD9253FF;\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 --on-dark-surface-solid-primary-hover: #1C1C1CFF;\n --inverse-background-secondary-active: #E6E6E6FF;\n --on-light-persona-pink-text-accent: #EBE7E5FF;\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-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-hover: #CCCCCCFF;\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-hover: #FFFFFFFF;\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-pink-surface-accent-gradient-active: #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-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-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-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-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-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-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-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-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-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-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}"];
|
|
3
|
+
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}"];
|
|
4
4
|
|
|
5
5
|
export { sdds_sbcom__dark };
|
|
6
6
|
//# sourceMappingURL=sdds_sbcom__dark.js.map
|